SPRITE / TOOL

Sprite Sheet Animator

Upload a sprite sheet → configure frame grid → preview animation → export JSON for PixiJS / Phaser

INPUT

Upload sprite sheetAuto-detect grid

PREVIEW

Frame 0 · 64×64px @ 2x

Frame scrubber

0 / 15

Loop

FRAME GRID

Columns

Rows

Frame Width (px)

Frame Height (px)

Scale (preview)

ANIMATION

FPS

Start Frame

End Frame

16 frames · 1.33s duration

EXPORT

PIXI.JS QUICKSTART

const sheet = await Assets.load('sheet.png');
const frames = [];
for (let i = startFrame; i <= endFrame; i++) {
  const col = i % cols;
  const row = Math.floor(i / cols);
  frames.push(new Texture({
    source: sheet,
    frame: new Rectangle(
      col*fw, row*fh, fw, fh)
  }));
}
const anim = new AnimatedSprite(frames);
anim.animationSpeed = fps / 60;
anim.play();