/spritely-editor

a simple sprite editor

Primary LanguageCMIT LicenseMIT

spritely

GitHub Workflow Status

Spritely is a sprite editor for making tiny sprites. Spritely makes a 64 sprite sprite sheet in the format of png. Each sprite is 8x8 pixels with 16 colors.

Demo

A limited demo can be found here: https://dfirebaugh.github.io/spritely-editor/

spritely

Build Requirements

$ apt-get install libsdl2-ttf-dev libsdl2-image-dev python3.9-dev

Webassembly build

Running make web will build spritely using emscripten. So in order to run it, you need to download it from : https://emscripten.org/docs/getting_started/downloads.html

make web will create two files: index.js and index.wasm. Using the given index.html and a simple web server (Chrome doesn't support file:// XHR request), you can use spritely in your web browser !

(You can run a simple web server by going to the web folder and then run a web server using python2 with python2 -m SimpleHTTPServer 8080 or python3 with python -m http.server 8080)

Shortcuts and bindings

Here are some shortcuts/bindings:-

Ctrl+C -> Copy
Ctrl+V -> Paste
Ctrl+Z -> Undo
Ctrl+Shift+Z OR Ctrl+Y -> Redo
Ctrl+S -> Save the spritesheet
Ctrl+Shift+S -> Save the spritesheet and images for each sprite
Ctrl+O -> Load a spritesheet from an image file
Left click -> to draw pixel
Right click -> to select a colour that is on the canvas
Arrow Keys -> to move sprite selection"
F-> fill tool
Space -> pen tool