Skip to content

This is a rudimentary, virtual version of the Etch-A-Sketch mechanical drawing toy. The user can choose black, grayscale or multicolor to draw, and clean the canvas with the corresponding button.

Notifications You must be signed in to change notification settings

jevazquezb/etch-a-sketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

My Etch-A-Sketch project!!

This is a virtual and rudimentary version of the mechanical drawing toy Etch-A-Sketch. It consists of 5 main functions and 4 complementary functions (in parenthesis): - canvas (trailColor). - clearTrail. - resize. - random (setColors and randomRGB). - opacity (incOpacity).

Each function, except for "canvas" which displays the drawing space, can be triggered by clicking on the correspondant option in the UI and will allow to clear the drawing space, resize the grid, draw with random colors or use a grayscale, depending on the user's choice.

At the end of this project, the noob will be able to work with the DOM, create grids, and add events to different elements in the UI.

This task corresponds to the Javascript Basics module of the Odin Project Web development 101.

From Jesús's creativity (https://jevazquezb.github.io/etch-a-sketch/)

About

This is a rudimentary, virtual version of the Etch-A-Sketch mechanical drawing toy. The user can choose black, grayscale or multicolor to draw, and clean the canvas with the corresponding button.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published