chrome

morphsset 161× in templates and rigs

A desktop browser window, with its title bar and address bar, showing a `ui3d` page.

chrome#s06-c0(body-material=shell url="rolling.reel/overview" title="Overview" appearance=dark position="382 100 2900" rotation="0 -30 10")

Attributes

position"x y z"136×

rotation"x y z"128×

titletexte.g. ShardsappDepth103×

urltexte.g. assembly.examplenorthstar.applens.dev/depth96×

scalenumber78×

matchtexte.g. webm6m571×

bodytexte.g. graphite67×

heightnumber47×

appearancetexte.g. darklight29×

morphtexte.g. particlesdissolveextrude28×

body-materialtexte.g. shellsubject13×

widthnumber5×

screen-roughnessnumber4×

morph-countnumber3×

screen-emissivenumber3×

screen-metalnessnumber3×

opacitynumber2×

screen-iornumber2×

screen-transmissionnumber2×

screen-transparenttrue / false2×

fillcolour #rrggbb1×

morph-sizenumber1×

screen-bump-scalenumber1×

screen-clearcoatnumber1×

screen-reliefnumber1×

screen-relief-blurnumber1×

screen-relief-inverttrue / false1×

screen-thicknessnumber1×

look_attextTurns the node every frame so its face (+z; a device's screen, a laptop's front) points at a target: a point `x y z` (mm, world), `#node-id` (that node, live) or `camera` (the lens, live). Its `rotation` and rotation keys are an offset on top of the aim.0×

uptextWith `look_at`: the world direction kept as the node's up, `x y z` (default `0 1 0`).0×

Where it goes

Written under

scene 135row 25repeat 1

Holds

ui3d 137ui 85rotation 10position 7opacity 4html 4transmission_map_from 2fx 1morph 1html3d 1bump_map_from 1

Examples

chrome#s06-c0in abstract/rollingOpen and play →

chrome#s06-c0(body-material=shell url="rolling.reel/overview" title="Overview" appearance=dark position="382 100 2900" rotation="0 -30 10")
  position
    0 0 0 0
    4.5 linear 360 14 0
    6 easeOutQuad 420 16 0
  ui(width=480 height=300)
    card(x=0 y=0 w=480 h=300 r=0 fill=#0b0b0d shadow=false)
    text(text="Overview" x=24 y=34 size=14 weight=700 color=#e9e6df align=left)
    card(x=24 y=52 w=200 h=100 r=8 fill=#171226 shadow=false)
    card(x=240 y=52 w=216 h=100 r=8 fill=#171226 shadow=false)
    card(x=24 y=166 w=432 h=60 r=8 fill=#171226 shadow=false)

chrome#s06-c1in abstract/rollingOpen and play →

chrome#s06-c1(body-material=shell url="rolling.reel/metrics" title="Live metrics" appearance=dark position="-262 -110 1900" rotation="0 28 -8")
  position
    0 0 0 0
    4.5 linear -360 -14 0
    6 easeOutQuad -420 -16 0
  ui(width=480 height=300)
    card(x=0 y=0 w=480 h=300 r=0 fill=#0b0b0d shadow=false)
    text(text="Live metrics" x=24 y=34 size=14 weight=700 color=#e9e6df align=left)
    card(x=24 y=52 w=432 h=110 r=8 fill=#171226 shadow=false)
    card(x=24 y=176 w=432 h=50 r=8 fill=#171226 shadow=false)

chrome#s06-c2in abstract/rollingOpen and play →

chrome#s06-c2(body-material=shell url="rolling.reel/board" title="Board" appearance=dark position="153 -130 1000" rotation="0 -22 6")
  position
    0 0 0 0
    4.5 linear 360 14 0
    6 easeOutQuad 420 16 0
  ui(width=480 height=300)
    card(x=0 y=0 w=480 h=300 r=0 fill=#0b0b0d shadow=false)
    text(text="Board" x=24 y=34 size=14 weight=700 color=#e9e6df align=left)
    card(x=24 y=52 w=136 h=180 r=8 fill=#171226 shadow=false)
    card(x=172 y=52 w=136 h=180 r=8 fill=#171226 shadow=false)
    card(x=320 y=52 w=136 h=180 r=8 fill=#171226 shadow=false)

Used in

Templates that write chrome; each opens at its first use.

Before and After3×Follow the blue ticket1×Brancora Interstellar1×Runway1×