https://github.com/yeoji/spritesheet-cutter
Cut individual sprites out of spritesheets and export them to PNG right from your browser
https://github.com/yeoji/spritesheet-cutter
sprites spritesheet spritesheet-cutter
Last synced: 6 months ago
JSON representation
Cut individual sprites out of spritesheets and export them to PNG right from your browser
- Host: GitHub
- URL: https://github.com/yeoji/spritesheet-cutter
- Owner: yeoji
- Created: 2021-05-26T15:45:36.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2025-02-28T12:42:00.000Z (over 1 year ago)
- Last Synced: 2025-02-28T19:01:04.577Z (over 1 year ago)
- Topics: sprites, spritesheet, spritesheet-cutter
- Language: JavaScript
- Homepage: https://yeoji.github.io/spritesheet-cutter/
- Size: 773 KB
- Stars: 42
- Watchers: 2
- Forks: 9
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Spritesheet Cutter
This project uses [Sprite Cow](https://github.com/jakearchibald/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
- [x] Export individual selected sprites as PNG
- [x] Preview panel for selected sprite
- [ ] Zoom in/out
### Ideas
- [ ] Right-click to export
- [x] Shift to select multiple sprites and export all
- [ ] Adjustable rectangle after selection
- [ ] Grid-based slicing
- [ ] Auto select and export all