3D, games & motion

Beyond static layouts — interactive 3D, playable games, and animation.

3D scenes

• Scene3D — a declarative 3D scene (lighting + orbit controls + auto-rotate).
• Canvas3D + primitives — compose a scene layer by layer: Lighting3D, Ground3D, Box3D, Sphere3D, Cylinder3D, grouped with Group3D.
• Globe — an interactive WebGL globe with draggable location markers.

2D canvas

• Canvas2D + Rect2D / Circle2D / Text2D / Line2D (grouped with Group2D) — a 2D scene, composed shape by shape.

Games

• GameCanvas — a playable arcade game from a preset.
• Game — a data-defined game from a spec: entity types, spawns, an input map, systems, and win/lose rules.

Motion

• Animate / Animated — wrap content with an entrance (fade / slide / zoom) or a looping animation (pulse / bounce / spin).
• MortarStage — motion-as-data: a reducer (state, {dt, input}) => state plus style(state) => CSS, for custom interactive animation.

Next steps

• Code, diagrams & maps
• Bricks overview