Een spritesheet van afbeeldingen maken

Pak animatieframes of pictogrammen in één spritesheet voor games en CSS. Kies de kolommen en marge en krijg een JSON-atlas die compatibel is met Phaser, PixiJS en andere engines.

Je afbeeldingen worden op je eigen apparaat verwerkt en nooit geüpload.

Sleep je afbeeldingen hierheen

of sleep ze hierheen

Accepteert PNG, WEBP, GIF, JPG · Tot 512 MB per bestand

Zo gebruik je deze tool

  1. 01

    Voeg je frames toe, in animatievolgorde.

  2. 02

    Stel het aantal kolommen en de marge tussen frames in.

  3. 03

    Verwerk en download de spritesheet, met of zonder het JSON-atlas.

Pixelnauwkeurige frames

Frames worden nooit geschaald. Elk staat linksboven in een even grote cel en het atlas legt zijn exacte positie en grootte vast.

Engine-vriendelijk atlas

De JSON gebruikt het breed ondersteunde TexturePacker-hashformaat, met de bestandsnaam van elk frame als sleutel.

Veelgestelde vragen

Welk formaat heeft de sheet?

PNG, dus transparantie blijft behouden.

Moeten frames even groot zijn?

Nee. Cellen krijgen het formaat van het grootste frame en het atlas legt de werkelijke grootte van elk frame vast.

Worden mijn afbeeldingen geüpload?

Nee. De sheet wordt in je browser opgebouwd.

Gerelateerde tools