Sprite Player

🖼️
Drop a sprite sheet or atlas JSON
or click to browse
12 FPS
Sheet: ;
Frame: ;
Frames: ;
Duration: ;
Frame 0 / 0
◻️
Load a sprite sheet to get started

About this sprite sheet player

Sprite Player answers one question: does this sheet actually animate the way I think it does? It plays a sprite sheet at a chosen frame rate so you can watch the cycle before wiring it into an engine.

Most animation bugs are visible in two seconds of playback — a frame in the wrong order, a cycle that does not loop cleanly, a hold that is one frame too long — and are far harder to spot in a static grid of frames.

How to use it

  1. Drop in a sprite sheet image, or an image alongside its atlas JSON.
  2. Set the number of columns and rows so the player knows where the frame boundaries are.
  3. Set the frame rate and press play.
  4. Switch on loop, ping-pong or reverse to check the cycle reads correctly in each direction.
  5. Turn on the checkerboard to see exactly where the transparent pixels are, and zoom in for small sprites.

Formats and options