Feel like a child again with this HTML5 Canvas site. Simply hold down the mouse button and away you go. Create some multi-coloured masterpieces with the htmlCanvas 🌈!
The aim of this project was to simple demonstrate understanding of HTML5 Canvas and some basic CSS concepts (such as having an element encompass the full height and width of its window). The canvas is similar to this type of paper I had come across some years ago during my teaching years where this apparent black piece of paper when scraped with this dull mimic pencil would reveal a multi-colour spectrum underneath. The kids could create these colourful pieces without the need for additional coloured pens or crayons.
All the user has to do is click-down and hold the left mouse button and drag the cursor around the canvas. The colours will rotate (using HSL values) across a 360 degree spectrum as well as automatically altinate back and forth between different brush widths. In order to clear the canvas the page would need to be reloaded.