- Read Leshy SpriteSheet Tool Instructions for the hotkeys
- Drag your packed spritesheet into editor window
- Use automatic chunks recognition by
Remap
button - Process your packed or optimized spritesheet on Leshy SpriteSheet Tool
- Navigate spritesheet with the right mouse button
- Use
Shift
to merge several slices into bigger one - Edit
name
parameter for each individual sprite slice in the Sprite Settings block or leave it for later steps, after the crop script had finished processing.
- Run sprite repacking on Leshy SpriteSheet Tool by pressing
Repack
button - Download final repacked spritesheet and put it to crop script folder. Rename it to
spritesheet.png
- Select
JSON
config format for the sprite map. PressSave
button and download finalsprites.json
config. Put it to crop script folder and rename tosprites.json
if needed. - Inside to crop script folder run
npm install
to get Jimp npm package dependency. - Run crop script:
node ./crop.js
- Open
/out
folder and check ton of smaller unpacked images - Open
/out
folder with default MacOS Preview.app application to rotate and save incorrectly rotated images withCmd+L
(rotate left) orCmd+R
(rotate right). - Rename smaller images to something meaningful, not the default
sprite*.png
pattern