laptop

scenesset 352× in templates and rigs

A laptop (a MacBook): a real device model whose screen shows its `ui3d`.

laptop#s02-dev(body-material=shell position="0 0 0" rotation="0 0 0")

Attributes

rotation"x y z"322×

position"x y z"281×

bodytexte.g. space-blackgraphitealuminum210×

body-scopetexte.g. all118×

scalenumber109×

anchortexte.g. bottom97×

matchtexte.g. macherom587×

body-materialtexte.g. shell76×

morphtexte.g. particlesdissolveextrude28×

morph-countnumber12×

morph-spreadnumber12×

screen-roughnessnumber12×

screen-emissivenumber11×

screen-metalnessnumber11×

body-colorcolour #rrggbb8×

body-roughnessnumber8×

morph-colorcolour #rrggbb8×

body-envmap-intensitynumber6×

morph-sizenumber6×

screen-clearcoatnumber6×

screen-bump-scalenumber5×

screen-reliefnumber5×

screen-relief-blurnumber5×

morph-staggernumber4×

screen-relief-inverttrue / false4×

cast_shadowtrue / false3×

screen-clearcoat-roughnessnumber2×

morph-seednumber1×

safe-toptexte.g. off1×

body-metalnessnumber0×

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 270row 43 column 22 template 9 isle 6 repeat 1 g 1

Holds

ui3d 226ui 177rotation 36 position 26 html 14 rotation.x 12 template 7 bump_map_from 5 clip 2 html3d 2 roughness_map_from 2 emissive_map_from 2 clearcoat_map_from 2 clearcoat_roughness_map_from 2 opacity 1 state 1 explode 1

Examples

laptop#s02-devin abstract/rollingOpen and play →

laptop#s02-dev(body-material=shell position="0 0 0" rotation="0 0 0")
  ui(width=346 height=223)
    card(x=0 y=0 w=346 h=223 r=0 fill=#0b0b0d shadow=false)
    text(text="ROLLING" x=24 y=30 size=8 weight=600 color=#7c7970 align=left)
    text(text="02 / 16" x=322 y=30 size=8 weight=600 color=#7ad7ff align=right)
    text(text="02" x=24 y=108 size=64 weight=600 color=#e9e6df align=left)
    text(text="DUST" x=24 y=136 size=10 weight=600 color=#7c7970 align=left)
    card(x=24 y=150 w=298 h=1.4 r=0 fill=#7ad7ff shadow=false)
    text(text="roll +180 · a field of motes · eight shards" x=24 y=170 size=8 color=#7c7970 align=left)
    text(text="4.2 m -> 620 mm" x=24 y=186 size=8 color=#7c7970 align=left)

laptop#s05-devin abstract/rollingOpen and play →

laptop#s05-dev(body-material=shell position="0 0 0" rotation="0 0 0")
  ui(width=346 height=223)
    card(x=0 y=0 w=346 h=223 r=0 fill=#0b0b0d shadow=false)
    text(text="ROLLING" x=24 y=30 size=8 weight=600 color=#7c7970 align=left)
    text(text="05 / 16" x=322 y=30 size=8 weight=600 color=#7ad7ff align=right)
    text(text="05" x=24 y=108 size=64 weight=600 color=#e9e6df align=left)
    text(text="PHONES" x=24 y=136 size=10 weight=600 color=#7c7970 align=left)
    card(x=24 y=150 w=298 h=1.4 r=0 fill=#7ad7ff shadow=false)
    text(text="roll +120 · twenty phones · ten cards" x=24 y=170 size=8 color=#7c7970 align=left)
    text(text="4.2 m -> 620 mm" x=24 y=186 size=8 color=#7c7970 align=left)

laptop#s07-m0in abstract/rollingOpen and play →

laptop#s07-m0(body-material=shell position="296 120 3000" rotation="12 40 -10")
  position
    0 0 0 0
    4.5 linear 338 14 0
    6 easeOutQuad 394 16 0
  ui(width=346 height=223)
    card(x=0 y=0 w=346 h=223 r=0 fill=#0b0b0d shadow=false)
    card(x=24 y=40 w=298 h=60 r=8 fill=#1c1810 shadow=false)
    card(x=24 y=112 w=140 h=70 r=8 fill=#1c1810 shadow=false)
    card(x=182 y=112 w=140 h=70 r=8 fill=#1c1810 shadow=false)