Pixel Art

This project is a one-page application to make colorful pixel images of varying grid sizes. Try the application here. Note: This project is based on a skeleton structure from Udacity. For more information, see the initial commit on the appropriate GitHub page given above.

Structure
  • The dimensions of the pixel grid can each be anything from 1 to 50.
  • Once the grid is created, you can choose various colors for the individual pixels.
Design
The application is a single page which begins with no shown grid and a default color of black.
Pixel art maker display before choosing the grid size or color
The dimensions of the grid are determined by an input element, which is designed to ensure that you can only enter a number between 1 and 50.
Pixel art maker display after choosing the grid size but not the color
By clicking on the color option, a window appears which shows the various colors that can be generated.
Pixel art maker display while selecting a canvas color
Color the grid by clicking on individual pixels:
Pixel art maker display while selecting a canvas color Pixel Art Maker Example Image Of Beach
Running The Application
Run the application in your browser by clicking here. To download, clone the repository using this terminal command:
git clone https://github.com/wbchristerson/pixel-art.git

Alternatively, follow the instructions below to download to a hard drive:
  • Navigate to this page.
  • Click the green "Clone or download" button above then choose "Download ZIP".
  • Find the folder pixel-art-master in your Downloads folder or wherever it was placed on your device.
  • Right click and choose "Extract All".
  • Open your browser and use Ctrl + O (for Windows machines) to open the file selector on your device.
  • Go to pixel-art-master, enter pixel-art-master again, then select index.html. The game screen will appear.