Etched & Sketched

Sketch to your heart's content in this pixel-based drawing program!

Usage guide:

• Change color – Change the selected color for use with the Pencil and Droplet tools. Defaults to black.
• Pencil tool – When selected, click any square to fill it with the selected color. Click and drag to color multiple squares quickly.
• Eraser tool – When selected, click any square to reset it to its default white color. Click and drag to erase multiple squares quickly.
• Droplet tool – When selected, click any square to fill it and all matching squares with the selected color.
• Change grid size – Change the size of the canvas, clearing the current canvas in the process. Defaults to 16x16. Cannot be undone.
• Clear canvas – Remove all content from current canvas. Cannot be undone.
• Usage guide – Open this help dialog.
• Undo – Undo a previous Pencil, Eraser, or Droplet action.

Note: In an effort to maintain consistency with the trajectory of The Odin Project's curriculum, this project was not optimized for mobile viewing. View on desktop for the intended user experience!

Technologies Used

• HTML / CSS
• JavaScript

Credits

• Project by Daniel Fletcher
  • LinkedIn profile: /in/DanielTheFletch
  • Portfolio site: daniel-fletcher-portfolio.com
• Project specifications from The Odin Project online curriculum
  • Home page: The Odin Project
  • Project specifications: Etch-a-Sketch