Sprite Sheets for Unity, Godot & Phaser

Make the jump from a folder of images to a character in your game. Read the export and import steps for Unity, Godot and Phaser below.

Import into Unity

  1. Export using the Unity option. Extract the PNG, .frames.json and SpriteAtlasImporter.cs. Requires Unity 2021.2+ with the 2D Sprite package.
  2. Place the C# helper in Assets/Editor and the matching PNG and .frames.json in the same Assets folder.
  3. Select the PNG and choose Tools → Import Sprite Atlas. The helper uses point filtering and bottom-center pivots.
  4. Drag the imported sprites into an animation. Inspect the resulting slices in Sprite Editor.

Import into Godot

  1. For the quickest route, export with Godot selected and extract the PNG and .tres resource.
  2. Copy both into the same project folder. Use nearest texture filtering for pixel art.
  3. Add AnimatedSprite2D and assign the exported .tres to its Sprite Frames property.
  4. To import the PNG with JSON or Sparrow XML instead, install our open-source Godot importer. Its editor dock lets you choose the animation name, FPS and loop setting.
Get the open-source Godot importer (MIT) →

Import into Phaser

  1. Export PNG + JSON with Phaser selected and place both in your public assets folder.
  2. Load with this.load.atlas("hero", "sheet.png", "sheet.json").
  3. Create an animation with the exported frame names in order and the desired frameRate.
  4. Add a sprite and play the animation. Enable pixelArt: true in your game configuration.
Make a sprite sheet

Use these guides with a free sprite tool

Build an atlas for Unity, Godot or Phaser

Pack source frames and download the matching engine metadata.

Extract frames from an existing sheet

Slice a grid or separated transparent sprites into PNG files.

Preview the animation loop

Check frame order and playback speed before importing.