Skip to content
Docs
Open Promoeyes

isle

scenesset 24× in templates and rigs

A flow container: lines its children up in depth (−z), the first nearest the camera, each measured by its real 3D size and re-packed every frame.

isle#s03-deck(gap=0.8 position="-230 -17 0" rotation="-10 58 0")

Attributes

gapnumberSpace between neighbouring children, mm (default 0).24×
aligntextWhere each child sits across the line: `start` (left, top), `center` (default) or `end` (right, bottom).21×
anchortext`bottom` or `top`: the container's origin becomes that edge of the layout, so `position` names the floor it stands on.21×
justifytextWhere the whole run sits on the container's origin: `start` (begins there), `center` (default) or `end` (ends there).21×
position"x y z"10×
rotation"x y z"3×
directiontext`normal` (default) or `reverse`, which flips the order.1×

Where it goes

Examples

isle#s03-deckin layouts/layoutOpen and play →
isle#s03-deck(gap=0.8 position="-230 -17 0" rotation="-10 58 0")
  rect#s03-i1(width=170 height=119 depth=5.95 rx=10.2 fill=#38bdf8)
  rect#s03-i2(width=170 height=119 depth=5.95 rx=10.2 fill=#3b82f6)
  rect#s03-i3(width=170 height=119 depth=5.95 rx=10.2 fill=#4f46e5)
  rect#s03-i4(width=170 height=119 depth=5.95 rx=10.2 fill=#6d28d9)
isle#s03-revin layouts/layoutOpen and play →
isle#s03-rev(gap=0.8 direction=reverse position="230 -17 0" rotation="-10 -58 0")
  rect#s03-j1(width=170 height=119 depth=5.95 rx=10.2 fill=#2dd4bf)
  rect#s03-j2(width=170 height=119 depth=5.95 rx=10.2 fill=#14b8a6)
  rect#s03-j3(width=170 height=119 depth=5.95 rx=10.2 fill=#0d9488)
  rect#s03-j4(width=170 height=119 depth=5.95 rx=10.2 fill=#0f766e)
isle#s11-islein nodes-edges/nodes-edgesOpen and play →
isle#s11-isle(gap=1.7 position="-230 -21.25 0" rotation="-6 50 0")
  source#s11-i1(layer=world)
    ui3d(width=170 height=93.5 stage_width=170 stage_height=93.5)
      card(w=170 h=93.5 r=14.45 fill=#141b2d shadow=false layout=column align=center justify=center gap=2.55)
        text(text="edge cache" size=17.85 weight=700 color=#7FC4FF align=center)
        text(text="layer 1" size=10.2 weight=500 color=#77839c align=center)
  source#s11-i2(layer=world)
    ui3d(width=170 height=93.5 stage_width=170 stage_height=93.5)
      card(w=170 h=93.5 r=14.45 fill=#141b2d shadow=false layout=column align=center justify=center gap=2.55)
        text(text=api size=17.85 weight=700 color=#7FE8DC align=center)
        text(text="layer 2" size=10.2 weight=500 color=#77839c align=center)
  source#s11-i3(layer=world)
    ui3d(width=170 height=93.5 stage_width=170 stage_height=93.5)
      card(w=170 h=93.5 r=14.45 fill=#141b2d shadow=false layout=column align=center justify=center gap=2.55)
        text(text=database size=17.85 weight=700 color=#C6A6FF align=center)
        text(text="layer 3" size=10.2 weight=500 color=#77839c align=center)