Skip to content

jd-58/etch-a-sketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

etch-a-sketch

Welcome to my Etch-A-Sketch project! This is a web-based drawing tool inspired by the classic etch-a-sketch toy. Built using HTML, CSS, and JavaScript, it provides a fun and interactive way to create digital art.

Screenshot of Etch a sketch project.

Features

  • Random Color Selector: Automatically choose a random color for each grid cell as you draw.
  • RGB Color Selector: Pick any color you like using the RGB color picker.
  • Grid Clearing Functionality: Easily clear the grid to start a new drawing.
  • Custom Grid Size: Select any grid size, from 1x1 up to 100x100.

Getting Started

This project is hosted on GitHub Pages. To see this project in action, click here.


To run this project on your local machine, follow the following steps:


  1. Clone the repository to your local machine

    For instructions on cloning a repository, click here.


  1. Open the index.html file, and run it.

    The application will run on a LocalHost, and appear in your configured browser. Use your mouse to hover over the grid cells to start drawing. Use the controls to:
    • Random Color: Click the "Random Color" button to enable random colors for each grid cell.
    • RGB Color Picker: Use the RGB color picker to select a specific color for drawing.
    • Clear Grid: Click the "Clear Grid" button to reset the grid and start fresh.
    • Grid Size: Click the "Grid Size" button, to be prompted to type in how large you want the grid. The number you type will be the length and width of the grid (typing "10" would result in a 10x10 grid).

About

A a web-based drawing tool inspired built using JavaScript, CSS, and HTML.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors