In this little project, I'm going to create something that should resemble a something like a sketchpad.
Let's go over the basic controls of the Sketchpad.
At the top there is 1 .
-
The "Change Sketchpad Layout" Button will prompt you to input the number of squares you would like to have in your Sketchpad. It will then return a new and clean Sketchpad with the requested squares on each side.
Note : The default number of squares on pageload are 42. The number integer submitted into the prompt must be bigger than 0 and smaller than 81, otherwise the prompt will return false.
Next up you will see 4 Sliders.With these sliders you are able to adjust the color input to your liking, using the rgba("red","green","blue","alpha") values.
Alternatively you can also choose a random color,by clicking the "Random Color"
beneath the sliders.Underneath these sliders is a simple
-
The "Activate Random Trail"
The "Hide Controls"
The "Clear Sketchpad"
The "Hide Borders"
Once you have adjusted the color to your liking you can then start using the Sketchpad.
To start coloring the square elements, move your mouse pointer over one square element and press the "Left Mouse Button". If you would like to color multiple elements, hold down the "Left Mouse Button" and drag your mouse pointer over the elements you wish to color.
If you would like to clear a color from an element, move your mouse pointer over the square element and press the "Right Mouse Button". To remove multiple colors from an element, hold down the "Right Mouse Button" and drag your mouse pointer over the elements you wish to clear.
To quickly switch to a color which is already present in the sketchpad, hold down the "Left CTRL" key and click the "Left Mouse Button" on an already colored square and the color control will switch to the color of the clicked on square.
Have fun :)