Animator

Build scenes with a background + characters (sprite‑sheets) + camera presets — all in your browser (no API).

+ Background + Sprite‑sheet + Image layer(s)

Audio (2‑character dialogue)

Add two audio tracks (Character A & B). Set start offsets so they line up with your scene.

Track 1 — Character A

+ Audio

No file

Start offset (s)

Volume

Waveform preview (visual only)

Track 2 — Character B

+ Audio

No file

Start offset (s)

Volume

Waveform preview (visual only)

Tip: Offsets are relative to shot start. Example: Track 2 offset = 1.20 means Character B starts speaking at 1.2s.

Tip: Click a layer on the canvas to select • Drag to move • Use Layers panel to lock/hide/reorder.

Time: 0.00s

Duration (s)

Timeline

Click keyframes • Drag dots to retime

Shot Export

Export the active shot as a PNG frame sequence (ZIP) or a WebM video (quick preview). No API.

FPS

Scale

Record FPS

Selected controls

Selected: (no layer selected)

Scale

Rotation (deg)

Opacity

Project JSON

Note: JSON does not include image files — re‑add assets after importing.

Shots

Shot name

Shot duration (s)

Each shot is a separate scene (layers + keyframes + camera).

Layers