3D Canvas work needs a clear scene scale, camera strategy, light setup, and depth ownership before procedural effects or interaction are added.

Where this fits

• Faster Motion docs map shows the full documentation structure.
• Faster Motion documentation overview explains the high-level surfaces and reading order.
• Debugging and preflight explains validation before publish.

Scene scale

• Choose a unit scale and keep object positions, camera distance, physics values, and procedural fields in that same mental model.
• Use named anchors or empty objects when several animated objects need to share a coordinate reference.
• Keep near and far ranges reasonable so depth precision and clipping do not hide objects unexpectedly.

Camera and lights

• Treat the camera as an animated object with its own authored ownership. Avoid multiple branches writing camera transform at once.
• Use lights to support the subject, not as decoration. Verify the scene still reads when color, exposure, or background changes.
• When the camera responds to pointer or scroll input, limit the range so users do not lose the subject.

Interaction and verification

• Check first frame framing, resize framing, and the full interaction range.
• Verify depth ordering, occlusion, and pointer picking in the browser rather than relying only on source inspection.
• Keep a non-interactive or reduced-motion path for scenes that otherwise require constant camera movement.

Working sample slot

3D scenes, cameras, and lights: This page reserves a sample location for a later verified example. Add the sample only after the source file, public page, validation output, and visual check all pass.

Faster Motion docs

Use these links to move between the guide set, the deeper reference pages, and the recipe planning pages. Verified working samples will be inserted after this documentation structure is reviewed.

Start

• Faster Motion documentation overview
• Get started with Faster Motion
• Faster Motion concepts

Surfaces

• DOM animation guide
• Canvas animation guide
• Canvas 3D and procedural guide

Reference

• .fmtion file format
• Runtime loading and publishing
• Debugging and preflight
• Node reference index

Start

• Faster Motion docs map

DOM animation

• DOM selectors and targets
• Scroll animation
• Pointer, hover, and drag inputs
• Text, SVG, and path animation

Reference

• Responsive gates and parameter overrides
• Runtime API reference
• Debug API reference
• Validation errors and warning codes
• Node categories reference

Canvas animation

• Canvas area lifecycle
• Canvas objects, assets, and rendering
• Canvas inputs and state machines

3D and procedural

• 3D scenes, cameras, and lights
• Procedural geometry and fields
• Particles and physics

Operations

• Production checklist

Recipes

• Recipes overview