Pixel Paint

What?

This is an educational web based pixel art drawing app using HTML Canvas and vanilla JavaScript.

DEMO

https://unjavascripter.github.io/pixel-paint/

Features

• Basic drawing
• Color picker (16 colors palette)
• History
  • Undo
  • Redo
• Saving
  • Regular file download
  • Continuous save to a file in the disk

Things you can learn by exploring this repo

You will learn some use cases of:

• Canvas
• Map object
• Native FileSystem API
• Crypto

Roadmap

• [] Erasing
• [] Undo a whole drawning instead of just the individual pixels
• [] Pointer events behaviour (for touch enabled devices)
• [] An app UI
• [] Toasts
• [] OffscreenCanvas

Missing / things to do

• [] Remove listeners
• [] Tests
• [] Error handling
• [] Initial settings
• [] A11y