Version 1.0
FasterMotion v1.0 Documentation
Version 1.0 introduces major improvements to the animation system, including unified DOM and Canvas architecture, state machines, and enhanced scroll animations.
What's New in v1.0
Unified Architecture
- DOM and Canvas animations work seamlessly together
- Shared parameter system across all animation types
- Single export format (.fmtion v1.0)
State Machine System
- Multi-layer animation control
- Blend states with 1D blend trees
- Transition conditions and triggers
- Interactive event listeners
Enhanced Scroll Animations
- Trigger mode with toggle actions
- Text splitting with stagger effects
- Motion path support
- Pin elements during scroll
Breaking Changes
Duration Units
// v2.x (seconds)
FasterMotion.to('.box', { x: 100, duration: 1 });
// v1.0 (milliseconds)
FasterMotion.to('.box', { x: 100, duration: 1000 });API Changes
- Removed
loadFromObject()- Use direct API calls - Scroll config structure updated
- Canvas API streamlined
Getting Started
Installation
Install FasterMotion via NPM or CDN
Quick Start
Create your first animation in 5 minutes
Core Concepts
Learn the fundamental concepts
API Overview
Core Animation
Migration Guide
Migrating from v2.x? See our Migration Guide for step-by-step instructions.