Sprite sheet
guides.
Everything from cutting your first sheet to shipping it into an engine. Written around the tool, with screenshots of every step.
Getting Started: Build Your First Sprite Sheet in 5 Minutes
A full walkthrough of Spritesheet Generator, screen by screen: import an image, slice it into frames, arrange the grid, preview the animation, fix pixels, recolor, and export for your engine.
Getting Started: Build Your First Sprite Sheet in 5 Minutes
A full walkthrough of Spritesheet Generator, screen by screen: import an image, slice it into frames, arrange the grid, preview the animation, fix pixels, recolor, and export for your engine.
Sprite Sheet Basics Explained
What a frame is, how a sprite sheet grid works, what an atlas file does, which file format to use, and which sprite sizes are normal. Includes free blank sprite sheet templates.
Sprite Sheet Padding: Stop Texture Bleeding
Those thin colored lines flickering around your sprites are not a bug in your art. They are texture bleeding, and they come from how your sprite sheet is packed. How padding, trimming, and power-of-two sizing actually work.
Convert GIFs into Sprite Sheets
Animated GIFs are great for sharing and bad for game engines. Why converting GIFs to sprite sheets cuts file size, improves performance, and unlocks alpha transparency that GIFs simply cannot do.
Import Sprite Sheets into Godot, Unity, Phaser, and Construct
You exported a clean sprite sheet. Now what? A practical, engine-by-engine guide to slicing, configuring, and animating sprite sheets in the four engines most indie devs actually ship with.
Pixel-Perfect Scaling: Why Your Pixel Art Goes Blurry and How to Fix It
Your pixel art looks razor-sharp in the editor and like a smudge in the browser or game. The culprit is almost always the wrong scaling filter. The difference between nearest-neighbor and bilinear, why integer scaling matters, and the settings that keep every pixel crisp.
Read less. Build more.
Every guide here was written against the editor. Open it and follow along.
Open the editor