Layout

• Figures panel (left) — add, select, and remove stick figures
• Canvas (center) — drag joints to pose figures, drag body to move
• Properties (right) — figure settings, pose presets, and parameter sliders
• Timeline (bottom) — keyframe tracks, scrubber, and playback controls

Basic Workflow

• Click + Add Figure to place a stick figure on the canvas
• Select a figure, then drag its joints (red circles) to pose it — or use the Pose Presets and sliders on the right
• Click +◆ in the timeline to capture a keyframe at the current time
• Move the scrubber forward, re-pose, and add another keyframe
• Press Space to play — the engine interpolates between keyframes

Features

• Onion skinning — shows ghost frames of previous (blue) and next (red) keyframes
• Easing — per-keyframe: Smooth (cubic), Linear, or Snap (hold then jump)
• Loop & Speed — toggle loop, click speed label to cycle 0.25x–2x
• Figure props — name, color, height, facing direction, and optional sword
• Sequences — insert multi-keyframe attack moves (punch, kick, slash, etc.) at the current time
• Drag keyframes — drag diamond markers on the timeline to retime
• Timeline zoom — Ctrl + scroll to zoom, scroll to pan

Keyboard Shortcuts

Save & Export

• Save — downloads a .json file you can re-open later (also auto-saves every 5s)
• Export GIF — renders your animation as an animated GIF with configurable resolution and FPS