https://github.com/kully/pixel-paint

An art tool for making 32x32 Sprites
https://github.com/kully/pixel-paint

javascript nes pixel-art sprites vanilla-javascript website

Last synced: 4 days ago
JSON representation

An art tool for making 32x32 Sprites

• Host: GitHub
• URL: https://github.com/kully/pixel-paint
• Owner: Kully
• Created: 2020-03-21T22:34:31.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-11T07:17:37.000Z (3 months ago)
• Last Synced: 2025-01-11T23:05:59.708Z (11 days ago)
• Topics: javascript, nes, pixel-art, sprites, vanilla-javascript, website
• Language: JavaScript
• Homepage: https://kully.github.io/pixel-paint/
• Size: 4.52 MB
• Stars: 415
• Watchers: 6
• Forks: 27
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pixel Paint

Make intuitve pixel art in this simple drawing tool written in _vanilla javascript_ :cake:

![Image](gif/selectionCopy.gif)

## Features

- [x] 100% vanilla javascript!

- [x] pencil, fill, eraser, selection and colorpicker tools

- [x] implements undo and redo with a stack of canvas states

- [x] color palette from the NES and Gameboy

- [x] save your pixel art to PNG

- [x] original 32x32 cursors/button icons

## Hotkeys

| Command          | Hotkey              |

| :--------------- | :------------------ |

| pencil mode      | P                   |

| bucket mode      | B                   |

| mode eraser mode | E                   |

| colorpicker mode | V                   |

| selection mode   | S                   |

| copy selection   | ALT+click and drag  |

| delete selected area | Del or Backspace| 

| remove selection | Esc                 |

| toggle grid      | G                   |

| undo             | Z                   |

| redo             | X                   |

| color swap       | C                   |

## Contributing

One of the joys of posting this project on Github is to get people excited and wanting to contribute to them. Feel free to create Pull Requests for any changes that you think the app could benifit from, or something that you would like to use.

Have a look at some of the [Issues](https://github.com/Kully/pixel-paint/issues) in the repo. If you see something you want to add or comment on, by all means do so!

Have fun and be creative! :art: