Skip to content

Pixel sketch pad implementation from The Odin Project Foundations Course.

Notifications You must be signed in to change notification settings

jwsmith24/ColorTrace

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ColorTrace

Implementation of the Etch-a-Sketch project in The Odin Project Foundations Course.

The sketch pad is made up of grid squares that change to a randomly genereated color on hover. The user can change the resolution of the grid squares between 1 large square and a 100x100 grid. The default size is 10x10.

Turning on gradient mode applies a brightness filter to the grid squares on hover. The squares will become 10% darker or lighter based on whether Dark Mode or Light Mode is toggled.

Reset Grid will restore all grids to the default color and resize to 10x10.

Initial View

Initial ColorTrace view

Example Trace (Default Size, Gradient Mode Off)

Example trace

Example Trace (100x100, Gradient Mode Off)

Example trace

Example Trace (10x10, Gradient Mode On)

Example trace

Squares in the bottom right have the dark gradient applied, squares in the top left have the light gradient applied, and squares in the middle have the normal brightness applied.

About

Pixel sketch pad implementation from The Odin Project Foundations Course.

Topics

Resources

Stars

Watchers

Forks