Create your own pixel art maker
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Danny Fritz a19bf5cd17 Pixel Art Maker 9 years ago
.gitignore Initial commit 9 years ago
README.md Pixel Art Maker 9 years ago
pixel-art-maker.png Pixel Art Maker 9 years ago

README.md

Assignment - Pixel Art Maker

Create your own Pixel Art Maker, which lets you click on a grid to "paint" pixel art. The interface is completely up to you, but it could look something like this:

Example of Pixel Art Maker

It boils down to this: A user selects a color and clicks on pixels to paint them with the selected color.

Here's the order of steps that I would implement:

  1. Get 10 or so small divs on the screen
  2. Add an event listener to each so that when I click on a pixel it turns red
  3. Add a color palette div with 2 colors(red and purple)which allows the user to set the current "paintbrush" color instead of it always being set to red
  4. Add the rest of the standard rainbow colors to the color palette
  5. Add enough divs to fill up the entire screen

Bonus Challenges:

  • Add a color picker which allows the user to select any color. Look into the HTML5 color input.
  • Add the ability to click and drag to paint multiple pixels at once
  • Add a paintbucket tool which allows a user to drag a box across the screen and paint all pixels that fall inside that box