logo

Babylon.js Market

Animation Composer

Animation Composer

Visual state machine editor for character animations

Login to Try Demo →

Visual State Machine

Design animation state machines with an intuitive node-based editor. Drag states, connect transitions, and visualize the complete animation flow at a glance.

Visual State Machine

Condition Editor

Define transition conditions with a powerful expression builder. Combine parameters like speed, isGrounded, and custom variables to trigger state changes.

Condition Editor

Animation Blending

Smooth transitions between animations with configurable blend times. Cross-fade, additive, and override blend modes for professional-quality animation mixing.

Animation Blending

JSON Export

Export your state machine as clean JSON for use in any game engine. The format is designed for the Arcade ECS animation system but works anywhere.

JSON Export

Live Preview

See your character animate in real-time as you edit states and transitions. Scrub through animations, trigger transitions manually, and debug timing issues.

Live Preview

ECS Integration

Designed to work seamlessly with Arcade ECS AnimationComponent. Generated configs slot directly into your game with zero additional setup.

ECS Integration
↑↓ NavigateEnter SelectEsc CloseCtrl+K Open Search