Canvas visuals are easier to maintain when objects, assets, and render order are explicit. The graph should make object ownership and asset dependencies inspectable.

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 objects

• Use objects for visual items that need transform, opacity, color, path, sprite, or text control.
• Name object IDs clearly so graph nodes, state machines, and debug output can be read without guessing.
• Avoid mixing unrelated visual responsibilities into one object when separate objects would be easier to animate and inspect.

Asset planning

• List image, font, audio, video, or imported animation assets in the shared asset section before graph nodes reference them.
• Keep asset dimensions, origin, and intended use clear so the rendered output matches the design.
• Have a fallback path for missing or delayed assets, especially when the Canvas is near the first viewport.

Rendering order and performance

• Author render layers intentionally. Background, midground, foreground, overlays, and interactive objects should have clear order.
• Batch repeated objects or procedural instances when possible instead of creating many independent heavyweight objects.
• Check the visual at the largest expected viewport before publishing because object density and texture size can scale cost quickly.

Working sample slot

Canvas objects, assets, and rendering: 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