Waarom ASEPRITE naar JSON converteren?
Game-engines en frameworks zoals Phaser, PixiJS en Unity hebben frame-coördinaten en animatie-metadata nodig, niet alleen een afbeelding. Exporteren naar .json geeft hen een machineleesbare atlas die elk frame en elke tag binnen de bijbehorende sprite-sheet in kaart brengt, daarom wordt de PNG gekoppeld aan een databestand.
Hoe ASEPRITE naar JSON te converteren
Export Sprite Sheet dialoogvenster EASIEST
Kies File > Export > Export Sprite Sheet, schakel het selectievakje JSON Data in en kies een bestandsnaam voor de data. Aseprite schrijft de sheet PNG plus de .json atlas.
Aseprite CLI
Voer aseprite -b sprite.aseprite --sheet sheet.png --data sheet.json --format json-hash uit om de atlas headless te genereren; gebruik --format json-array voor een geordende lijst.
Aseprite CLI naar stdout
Gebruik aseprite -b --data="" sprite.aseprite om de JSON direct naar de console te printen voor scripting of het doorsluizen naar een build-stap.
Over deze formaten
Een .aseprite-bestand is het eigen projectformaat van Aseprite, een editor voor geanimeerde sprites en pixelkunst. Het bewaart de volledige bewerkbare staat van een sprite, inclusief lagen,…
Open .ASEPRITE details →Een JSON-bestand is een tekstbestand met gegevens in de JavaScript Object Notation-indeling, gebruikt door web-API's, app-configuraties en gegevensexport. Elke teksteditor kan het openen -…
Open .JSON details →Kwaliteit & waar op te letten
- De JSON bevat geen pixels - het beschrijft alleen frames, dus je moet de geëxporteerde sheet PNG erbij houden.
- De keuze voor
--formatis belangrijk:json-hashgebruikt de bestandsnaam als sleutel voor frames,json-arraygeeft een geordende lijst; engines verwachten meestal een van de twee. - Metadata voor tags, slices en duraties wordt alleen opgenomen als je sprite deze daadwerkelijk definieert.
Veelgestelde vragen
Bevat de JSON de afbeeldingsgegevens?
Wat is het verschil tussen json-hash en json-array?
json-hash identificeert elk frame via de bestandsnaam; json-array geeft een geordende lijst terug. Kies de optie die de loader van je engine verwacht.Kan ik dit automatiseren zonder de app te openen?
-b batch-vlag met --sheet en --data draait headless in build-scripts.