iphone

scenesset 1358× in templates and rigs

An iPhone: a real device model whose screen shows its `ui3d`; its body, band and buttons can be re-finished.

iphone#s01-dev(safe-top=off body-material=shell position="0 0 0" rotation="0 0 0")

Attributes

position"x y z"1256×

rotation"x y z"1254×

safe-toptexte.g. off0on1095×

body-materialtexte.g. shellporcelainspace-black583×

bodytexte.g. space-blackgraphitesilver498×

scalenumber347×

matchtexte.g. herophphone313×

anchortexte.g. bottom215×

body-scopetexte.g. all104×

bandtexte.g. chromesilvergraphite59×

body-roughnessnumber54×

morphtexte.g. particlesdissolveliquid3d49×

parenttexte.g. phone-rigcarrig146×

body-colorcolour #rrggbb34×

bezel-materialtexte.g. porcelain28×

bezel-roughnessnumber28×

buttons-materialtexte.g. porcelain28×

screen-backingcolour #rrggbb26×

cast_shadowtrue / false24×

morph-atnumber19×

morph-durnumber19×

morph-totexte.g. musicgw08-boltlm-bolt19×

screen-metalnessnumber16×

buttonstexte.g. graphitenaturalsilver15×

screen-roughnessnumber15×

screen-emissivenumber14×

band-colorcolour #rrggbb11×

band-metalnessnumber11×

band-roughnessnumber11×

body-metalnessnumber11×

buttons-colorcolour #rrggbb11×

buttons-metalnessnumber11×

buttons-roughnessnumber11×

morph-countnumber10×

screen-bump-scalenumber6×

screen-clearcoatnumber6×

screen-reliefnumber6×

screen-relief-blurnumber6×

body-envmap-intensitynumber5×

screen-relief-inverttrue / false5×

morph-colorcolour #rrggbb4×

screen-iridescencenumber4×

morph-sizenumber3×

morph-spreadnumber3×

morph-embersnumber2×

morph-seednumber2×

screen-parallax-scalenumber2×

screen-sheennumber2×

screen-sheen-roughnessnumber2×

explode-spreadnumber1×

morph-materialtexte.g. chrome1×

screen-fillcolour #rrggbb1×

screen-iridescence-iornumber1×

screen-parallax-layersnumber1×

band-envmap-intensitynumber0×

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×

receive_shadowtrue / false0×

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 1200row 69 g 41 template 30 column 10 isle 6 repeat 2

Examples

iphone#s01-devin abstract/rollingOpen and play →

iphone#s01-dev(safe-top=off body-material=shell position="0 0 0" rotation="0 0 0")
  ui(width=71 height=154)
    card(x=0 y=0 w=71 h=154 r=0 fill=#0b0b0d shadow=false)
    text(text="ROLLING" x=6 y=10 size=2.7 weight=600 color=#7c7970 align=left)
    text(text="01 / 16" x=65 y=10 size=2.7 weight=600 color=#ffb347 align=right)
    text(text="01" x=6 y=32 size=18 weight=600 color=#e9e6df align=left)
    text(text="STANDS" x=6 y=42 size=3 weight=600 color=#7c7970 align=left)
    card(x=6 y=48 w=59 h=0.6 r=0 fill=#ffb347 shadow=false)
    text(text="roll -90 · ten instruments" x=6 y=56 size=2.6 color=#7c7970 align=left)
    text(text="3.6 m -> 380 mm" x=6 y=62 size=2.6 color=#7c7970 align=left)

iphone#s05-p0in abstract/rollingOpen and play →

iphone#s05-p0(safe-top=off body-material=shell position="-246 -30 3900" rotation="10 30 -15")
  position
    0 0 0 0
    4.5 linear -270 -14 0
    6 easeOutQuad -315 -16 0
  ui(width=71 height=154)
    card(x=0 y=0 w=71 h=154 r=0 fill=#101a24 shadow=false)
    card(x=6 y=30 w=59 h=28 r=4 fill=#1c3a4c shadow=false)
    text(text="Inbox" x=10 y=40 size=3.4 weight=700 color=#e9e6df align=left)
    text(text="3 new" x=10 y=48 size=2.8 color=#7ad7ff align=left)

iphone#s05-p1in abstract/rollingOpen and play →

iphone#s05-p1(safe-top=off body-material=shell position="202 45 3350" rotation="-12 -35 20")
  position
    0 0 0 0
    4.5 linear 270 14 0
    6 easeOutQuad 315 16 0
  ui(width=71 height=154)
    card(x=0 y=0 w=71 h=154 r=0 fill=#101a24 shadow=false)
    card(x=6 y=30 w=59 h=28 r=4 fill=#1c3a4c shadow=false)
    text(text="Calendar" x=10 y=40 size=3.4 weight=700 color=#e9e6df align=left)
    text(text="10:30 review" x=10 y=48 size=2.8 color=#7ad7ff align=left)