Drop a sprite sheet or atlas JSON or click to browse
Grid Layout
Playback Speed
12 FPS
Transport
Options
Total Frames (override)
Sheet: ;
Frame: ;
Frames: ;
Duration: ;
1×
Frame 0 / 0
◻️
Load a sprite sheet to get started
Frames
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
Drop in a sprite sheet image, or an image alongside its atlas JSON.
Set the number of columns and rows so the player knows where the frame boundaries are.
Set the frame rate and press play.
Switch on loop, ping-pong or reverse to check the cycle reads correctly in each direction.
Turn on the checkerboard to see exactly where the transparent pixels are, and zoom in for small sprites.
Formats and options
Accepts a sheet as an image plus a column and row count, or an image with a JSON atlas.
Playback options: loop, ping-pong and reverse, at any frame rate.
A checkerboard background makes stray semi-transparent pixels obvious against the alpha.
Zoom controls scale small sprites up with hard edges rather than smoothing them.