8bit.page

SPRITE SHEET MAKER

Draw frames. Pack one clean sprite sheet.

Arrange a pixel animation in the editor, then export every frame as one horizontal PNG with matching JSON metadata.

PNG + JSON

Sheet preview

1Idle
2Step
3Jump
4Land
{
  "image": "sprite-sheet-sheet.png",
  "frameWidth": 32,
  "frameHeight": 32,
  "frames": [
    {
      "name": "Idle",
      "x": 0,
      "y": 0,
      "width": 32,
      "height": 32,
      "duration": 180
    },
    {
      "name": "Step",
      "x": 32,
      "y": 0,
      "width": 32,
      "height": 32,
      "duration": 120
    },
    {
      "name": "Jump",
      "x": 64,
      "y": 0,
      "width": 32,
      "height": 32,
      "duration": 160
    },
    {
      "name": "Land",
      "x": 96,
      "y": 0,
      "width": 32,
      "height": 32,
      "duration": 140
    }
  ]
}

READY FOR YOUR GAME

Image and frame data stay together.

The Sheet export uses all frames in timeline order. The PNG places them in a single horizontal row; the JSON records every frame’s position, dimensions, duration, and animation tags.

  1. AnimateDraw each frame on one fixed-size canvas.
  2. OrderArrange frames in the exact sequence your game needs.
  3. ExportChoose Sheet to download the PNG and JSON files.