SpritePilot Guides & Tutorials
Step-by-step walkthroughs for every SpritePilot tool — from splitting your first sprite sheet to importing finished atlases into Unity, Godot, or Phaser. Every tool is free to use, with no signup and no installs.
Basics
- How to Draw Your Own Pixel Art Sprite — Create and animate a pixel-art sprite in the free browser editor: tools, symmetry, palettes, onion skin, frames, and exporting to GIF or your game engine.
- How to Split a Sprite Sheet into Individual Sprites — Cut a sprite sheet into separate sprites with automatic detection or Grid Slice (columns, rows, margin, and spacing), with every setting explained.
- How to Make a Sprite Sheet from Separate Images — Pack any number of separate images into one sprite sheet with bin packing or a simple grid, exact padding, and TexturePacker JSON — free and in your browser.
- How to Preview a Sprite Sheet Animation — Load a sprite sheet in the free Sprite Player, line up the frame grid with margin and spacing, scrub frames, set the FPS, and export a GIF or APNG.
- Sprite Sheet Export Formats Explained — TexturePacker vs Phaser JSON, Godot JSON vs SpriteFrames .tres, Aseprite, CSS sprites, and what trim, padding and extrude do: a map of every export option.
- How to Batch Scale & Optimize Sprites — Resize every sprite in your session at once with pixel-sharp or smooth resampling, sharpen or denoise, then apply the results for export or download a ZIP.
Converters
- How to Convert a GIF to a Sprite Sheet — Turn an animated GIF, APNG, or WebP into a game-ready sprite sheet with JSON that keeps every frame’s timing — decoded in your browser, nothing uploaded.
- How to Convert a Video to a Sprite Sheet — Sample frames from an MP4 or WebM at the rate and frame size you choose, then pack them into a sprite sheet with JSON — in your browser, nothing uploaded.
- How to Convert a Sprite Sheet to a GIF — Turn a sprite sheet into an animated GIF or a lossless APNG: set the grid, margin and spacing, preview the speed, and export — free and in your browser.
- How to Remove the Background from a Sprite Sheet — Make solid magenta, green, or white backgrounds transparent with a color picker and tolerance slider — then send the clean sheet straight to sprite detection.
Game Engines
- How to Export Sprites from SpritePilot for Unity — The SpritePilot export settings Unity can use without plugins: a grid sheet for the Sprite Editor or named PNGs in a ZIP, plus the numbers to type into Unity.
- How to Export a Godot 4 SpriteFrames (.tres) from SpritePilot — Export a ready-made Godot 4 SpriteFrames .tres with one animation per tag, or a Godot JSON region list: the settings to pick and where the two files go.
- How to Export a Phaser Texture Atlas from SpritePilot — Export a Phaser 3 or 4 atlas from SpritePilot: frame names generateFrameNames can find, the pivot as origin, tags in frameTags, and the load.atlas call.
Level Design
- How to Build Tile Maps in Your Browser — Cut a tileset into tiles, paint tile-based levels with brush, fill, undo and layers, then download a Tiled map (.tmj) or a PNG.