Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Procedural motion should be deterministic enough to review and flexible enough to tune. Seed, density, bounds, and ownership matter as much as the visual idea.
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.
Procedural inputs
- Use time, scroll, pointer, random seeds, noise, oscillators, and data sources as inputs to generated motion.
- Separate generation parameters from presentation parameters so density, scale, color, and movement can be tuned independently.
- Prefer named seeds or stable random inputs when the art direction must remain repeatable between reviews.
Distributions and fields
- Distribution nodes place repeated instances along grids, paths, circles, random layouts, or other generated patterns.
- Field nodes can attract, repel, bend, or otherwise influence repeated objects or particles.
- Keep bounds visible during development so generated points do not drift outside the frame or interaction region.
Review controls
- Expose only the parameters that a reviewer needs: density, seed, speed, amplitude, color set, falloff, and bounds.
- Use validation and screenshot checks to catch blank frames, offscreen generated objects, or values that explode over time.
- Reduce procedural complexity on smaller surfaces when the visual detail would not be perceptible.
Working sample slot
Procedural geometry and fields: 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
Surfaces
Reference
Start
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
3D and procedural
- 3D scenes, cameras, and lights
- Procedural geometry and fields
- Particles and physics