Sprite sheet készítése képekből

Csomagold az animációs képkockákat vagy ikonokat egyetlen sprite sheetbe játékokhoz és CSS-hez. Válaszd ki az oszlopokat és a belső margót, és kapj egy Phaserrel, PixiJS-szel és más motorokkal kompatibilis JSON-atlaszt.

A képeid az eszközödön kerülnek feldolgozásra, és soha nem töltődnek fel.

Húzd ide a képeidet

vagy húzd ide

Támogatott: PNG, WEBP, GIF, JPG · Legfeljebb 512 MB fájlonként

Hogyan használd ezt az eszközt

  1. 01

    Add hozzá a képkockáidat animációs sorrendben.

  2. 02

    Állítsd be az oszlopok számát és a képkockák közötti belső margót.

  3. 03

    Dolgozd fel, és töltsd le a sprite sheetet JSON-atlasszal vagy anélkül.

Pixelpontos képkockák

A képkockák soha nem méreteződnek át. Mindegyik egy azonos méretű cella bal felső sarkában van, az atlasz pedig rögzíti a pontos helyzetét és méretét.

Játékmotor-barát atlasz

A JSON a széles körben támogatott TexturePacker hash-formátumot használja, az egyes képkockák fájlnevével indexelve.

Gyakran ismételt kérdések

Milyen formátumú a sheet?

PNG, így az átlátszóság megmarad.

Egyforma méretűnek kell lenniük a képkockáknak?

Nem. A cellák a legnagyobb képkocka méretére készülnek, az atlasz pedig rögzíti az egyes képkockák valódi méretét.

Feltöltődnek a képeim?

Nem. A sheet a böngésződben épül fel.

Kapcsolódó eszközök