yeoji / spritesheet-cutter

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

Home Page:https://yeoji.github.io/spritesheet-cutter/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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

https://yeoji.github.io/spritesheet-cutter/


Languages

Language:JavaScript 76.1%Language:SCSS 21.7%Language:HTML 2.1%