Faster Motion

Faster Motion docs map Navigate the v1 Faster Motion documentation by source-backed surface: file format, DOM animation, Canvas animation, 3D scenes, runtime APIs, debug APIs, validation, and recipes. ›

Faster Motion documentation overview Understand Faster Motion as a source-backed animation runtime for DOM motion, Canvas visuals, 3D/procedural scenes, graph nodes, validation, and production publishing. › Get started with Faster Motion Create a minimal Faster Motion file, choose DOM or Canvas, load it with the runtime, validate it, and prepare it for a public page. › Faster Motion concepts Learn the Faster Motion mental model: .fmtion files, surfaces, scenes, graph nodes, ports, parameters, inputs, gates, overrides, validation, and runtime snapshots. › .fmtion file format Reference the .fmtion root schema: required metadata, top-level sections, parameters, inputs, graph nodes, assets, Canvas areas, and modern scenes. ›

DOM animation guide Use Faster Motion for webpage animation with DOM graphs, selectors, scroll triggers, pointer input, text splitting, SVG/path motion, responsive gates, and validation. › DOM selectors and targets Author stable Faster Motion DOM selectors, wireable selectors, scoped targets, split-text targets, and publish checks that prevent broken page animation. › Scroll animation Plan Faster Motion scroll triggers, scroll progress, pinning, runway checks, page flow, and validation codes for production webpage motion. › Pointer, hover, and drag inputs Use Faster Motion mouse, mouse velocity, distance, drag, hover, and Canvas pointer inputs with smoothing, bounds, mobile behavior, and validation. › Text, SVG, and path animation Animate text, SVG, paths, split-text pieces, path progress, morph paths, and path-following DOM effects with Faster Motion. › Responsive gates and parameter overrides Use Faster Motion activeWhen gates and overrides to keep DOM, Canvas, and 3D motion correct across desktop, tablet, mobile, input mode, and reduced-motion states. ›

Canvas animation guide Use Faster Motion Canvas for rendered 2D scenes, Canvas areas, assets, objects, timelines, state machines, interaction, data, and publish checks. › Canvas area lifecycle Mount, size, start, pause, resize, dispose, and verify Faster Motion Canvas areas and 2D scenes without leaking listeners or rendering blank frames. › Canvas objects, assets, and rendering Plan Faster Motion Canvas objects, asset libraries, images, fonts, paths, spritesheets, textures, render order, viewport fit, and performance budgets. › Canvas inputs and state machines Use Faster Motion Canvas inputs, parameters, layers, states, transitions, blend spaces, event listeners, and debug APIs for interactive rendered visuals. ›

Canvas 3D and procedural guide Author Faster Motion 3D scenes and procedural visuals with scenes[], cameras, lights, renderer settings, graph nodes, geometry, particles, physics, and validation. › 3D scenes, cameras, and lights Define Faster Motion 3D scene scale, camera fields, light fields, renderer settings, scene outputs, depth checks, and debug verification. › Procedural geometry and fields Use Faster Motion procedural geometry, point buffers, surfaces, curves, meshes, fields, distributions, deterministic seeds, and inspection nodes. › Particles and physics Plan Faster Motion particle systems and physics scenes with emitters, fields, bodies, joints, collisions, bounds, validation, and debug APIs. ›

Node reference index Use the generated Faster Motion node registry as the source for node lookup, categories, ports, parameters, context, defaults, and generated per-node pages. › Node categories reference Browse Faster Motion node categories and understand when to use input, animation, boundary, text, path, math, procedural, distribution, physics, skeleton, media, and integration nodes. › Runtime loading and publishing Load Faster Motion files with RuntimeLoader or FmtionLoader, manage play/pause/dispose, validate runtime state, and publish with source-backed verification. › Runtime API reference Reference Faster Motion runtime APIs: RuntimeLoader, FmtionLoader, load results, parameters, data tables, state machines, save, snapshot, restore, play, pause, and dispose. › Debugging and preflight Debug Faster Motion with schema validation, runtime validation, debug dumps, node inspection, selector inspection, pin checks, physics readers, and public verification. › Debug API reference Reference FasterMotion.debug methods for validation, graph snapshots, DOM inspection, scroll, pins, scene wires, textures, physics, state machines, and rendered geometry. › Validation errors and warning codes Use Faster Motion stable validation codes to diagnose dead wires, bad selectors, scroll runway problems, pin flow, virtual scroll, physics, active gates, and overrides. › Faster Motion production checklist Use this checklist before publishing Faster Motion on a public page: schema, runtime validation, DOM selectors, Canvas rendering, 3D scene wires, performance, accessibility, and source durability. › Faster Motion recipes overview Plan reusable Faster Motion recipes for DOM reveals, scroll scenes, hover states, Canvas interactions, 3D scenes, procedural fields, particles, and validation fixtures. ›

404 Looks like this page wandered off 338 pages ›