This project is an Etch-A-Sketch website built with HTML, CSS, and vanilla JavaScript. It provides a simple and interactive drawing interface where you can create colorful artworks on a grid.
-
Left Menu: The left menu contains various tools and options for drawing.
- Color Selector: Choose a color from the color palette to use for drawing.
- Normal Mode: This mode paints the selected color onto the grid.
- Rainbow Mode: Selects random colors for each grid cell, creating a colorful drawing.
- Shade Mode: Each time you draw, the color shades 10% more, allowing for gradient effects.
- Erase Mode: This mode erases the drawn content from the grid.
- Size Slider: Adjust the size of the grid, ranging from 1x1 to 64x64 cells.
- Clear Button: Clears the entire drawing, resetting the grid to its initial state.
-
Right Container: The right container is the main drawing area where you can paint.
- Grid: The grid consists of multiple divs, forming cells for drawing.
Check out the live demo of the Etch-A-Sketch website here.
Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
That's it! Enjoy creating beautiful drawings with the Etch-A-Sketch website.