Pikselintarkat ruudut
Ruutuja ei koskaan skaalata. Jokainen sijoittuu yhtä suuren solun vasempaan yläkulmaan, ja atlas tallentaa sen tarkan sijainnin ja koon.
Tee sprite-arkki kuvista
Pakkaa animaatioruudut tai kuvakkeet yhdeksi sprite-arkiksi pelejä ja CSS:ää varten. Valitse sarakkeet ja täyte ja saat JSON-atlaksen, joka on yhteensopiva Phaserin, PixiJS:n ja muiden moottoreiden kanssa.
Kuvasi käsitellään laitteellasi, eikä niitä koskaan lähetetä palvelimelle.
Pudota kuvasi tähän
tai vedä ja pudota
Hyväksyy: PNG, WEBP, GIF, JPG · Enintään 512 MB tiedostoa kohden
Näin käytät tätä työkalua
- 01
Lisää ruutusi animaation järjestyksessä.
- 02
Aseta sarakkeiden määrä ja ruutujen välinen täyte.
- 03
Käsittele ja lataa sprite-arkki JSON-atlaksen kanssa tai ilman.
Moottoriystävällinen atlas
JSON käyttää laajasti tuettua TexturePackerin hash-muotoa, jossa avaimena on kunkin ruudun tiedostonimi.
Usein kysytyt kysymykset
Missä muodossa arkki on?
PNG, joten läpinäkyvyys säilyy.
Pitääkö ruutujen olla samankokoisia?
Ei. Solut mitoitetaan suurimman ruudun mukaan, ja atlas tallentaa kunkin ruudun todellisen koon.
Lähetetäänkö kuvani palvelimelle?
Ei. Arkki rakennetaan selaimessasi.