About Sprite Sheet Calculator

Calculate frame dimensions, UV coords, and animation timing from sprite sheet parameters. Part of the DevTools Surf developer suite. Browse more tools in the Game Dev collection.

Use Cases

• 2D game developers calculating frame positions in sprite sheets
• Animators determining timing for sprite-based character animations
• Web developers building CSS sprite animations from image atlases
• Mobile game developers optimizing texture atlas UV coordinates

Tips

• Enter total sheet dimensions and frame count to get UV coords
• Calculate animation duration from frame count and target FPS
• Account for padding pixels between frames to avoid bleeding

Fun Facts

• Sprite sheets date back to the early 1980s arcade era — the original Super Mario Bros. (1985) fit all character animations into a single 256x256 pixel sheet.
• TexturePacker, created by Andreas Loew in 2010, became the industry standard for sprite sheet packing — its algorithm can achieve 95%+ packing efficiency using MaxRects.
• UV coordinates (U for horizontal, V for vertical) originated in 3D rendering terminology from the 1970s — letters U and V were chosen because X, Y, Z were already used for 3D space.

FAQ

What does it calculate?

Frame size from sheet dimensions + grid, UV coordinates per frame (for shader lookups), animation duration from frame count + FPS, memory usage.

Does it visualize the sheet?

Yes — paste sheet dimensions and grid, see each frame's boundary highlighted. Click to get that frame's UVs.

What formats does it output?

JSON (for custom loaders), Unity sprite mode (sliced), Phaser frame config, generic CSS sprite `background-position`.

Power-of-two textures — do I need them?

For mobile GPUs yes (required on some, faster on all). Desktop modern GPUs are flexible. The tool warns when dimensions aren't power-of-two.