Make a sprite atlas
Create your frames
Choose New project in the header, enter Width and Height, and draw a pose. Use + Frame, Duplicate, or Duplicate linked in the timeline.
Define a clip
Select frames in the timeline. Open Edit clips, choose Create clip from selected frames, and set its Name, Direction, and Repeats (0 loops continuously). Duration ms edits selected frames.
Set the export
Open Export. Choose Sprite atlas PNG or Game package ZIP, set Scale and Clip, then choose Layout, padding, extrude, Trim transparent edges, and Power-of-two dimensions.
Keep the metadata
Sprite atlas PNG creates image and JSON downloads. Allow both downloads and keep them together. Game package ZIP keeps its atlas, JSON, rendered frames, editable project, and any tilemap assets in one archive.
Trimming and playback
Trimming removes transparent borders and records each frame’s original size and offset in JSON. Edge extrusion repeats border pixels outside the frame rectangle; padding separates entries. Packed layout does not rotate sprites.
The editor exports the selected clip’s playback sequence, including reverse and ping-pong order. The default Clip choice uses the active clip when one exists. Choose a clip containing all required frames when you want the complete animation. Atlas JSON includes source IDs and durations; it is not the classic editor’s older Phaser-specific animation recipe schema.
What is included
Drawing, animation editing, scripting and the command API are free. Editable PixelWall and supported sprite files, plus individual PNG, BMP and TGA frame exports, are free. Pro is $15 USD once for animated GIFs, sprite sheets and atlases, game package ZIPs, and saved export presets.
The document engine accepts canvas sides from 1 to 65,535 pixels, with at most 4,194,304 canvas pixels, up to 256 layers including groups, and up to 2048 frames. A document may store at most 16,777,216 image pixels across its distinct images. Linked cels share image data. Browser canvas limits and available memory can be lower, especially for very wide sprites. Check representative artwork on your device.
Common questions
Can I make a sprite sheet without an account?
Yes. Drawing, frames, layers, scripts, and project files are free without an account. Sprite sheet and atlas downloads require Pro, a $15 one-time purchase.
Does the PNG include animation timing?
The pixels do not. Keep the accompanying JSON, which records frame rectangles and durations. The game ZIP keeps metadata and images together.
Can I use the older Phaser or PixiJS examples?
Yes. Those existing guides identify the classic export workflow at /editor/classic. Its animation recipe schema differs from the current atlas JSON.