yeoji / spritesheet-cutter

Cut individual sprites out of spritesheets and export them to PNG right from your browser

Spritesheet Cutter

This project uses Sprite Cow as a base for sprite selection. It is extended with spritesheet cutting and export features.

Development

yarn install
yarn dev

Go to http://localhost:1234

Usage

Background Selection

Select the background colour of your sprite sheet so that trimming works as expected.

Exporting a Single Sprite

Click on a sprite, check the preview and click export. A .png file will be downloaded.

Exporting Multiple Sprites

Click on a sprite, hold shift to select another sprite, and another, and another. Click export. A .zip file will be downloaded.

Todo

• Export individual selected sprites as PNG
• Preview panel for selected sprite
• Zoom in/out

Ideas

• Right-click to export
• Shift to select multiple sprites and export all
• Adjustable rectangle after selection
• Grid-based slicing
• Auto select and export all

spritesheet-cutter's Issues

sprite cutter not letting me cut one sprite

Whenever I try to highlight a sprite it highlights the whole sprite sheet. Plz solve the problem. thank you in advance.

Cannot Select Multiple Sprites

I use this spritesheet. It lets me select a single sprite. But after selecting one, I cannot select more sprites by holding shift. Am I missing something? I think it would be much better to have an Export All button.

[Feature Request] Download multiple sprites at once

It would be great if we could select several sprites and download them all at the same time (as a .tar file) instead of one by one.

Why when I click on the sprite, it takes a while to be selected