This repository contains a simple Pixel Art Generator implemented in HTML, CSS, and JavaScript by Mandara Michel. Users can create pixel art designs by customizing the grid dimensions, choosing colors, and either painting or erasing pixels.
- Grid Customization: Adjust the width and height of the pixel grid to create various canvas sizes.
- Color Selection: Choose a color using the color picker for painting pixels.
- Paint and Erase: Toggle between painting and erasing modes for pixel manipulation.
- Clear Grid: Clear the entire grid to start a new pixel art design.
-
Clone the repository:
git clone https://github.com/Mandarahades/A-beautiful-Pixel-Art-Generator.git
-
Open the
index.html
file in your web browser.
- Adjust the grid dimensions using the sliders for width and height.
- Choose a color using the color picker.
- Click the "Create Grid" button to generate the pixel grid.
- Toggle between the "Paint" and "Erase" buttons to paint or erase pixels.
- Click the "Clear Grid" button to reset the canvas and start a new design.
If you would like to contribute to this project, please follow the guidelines in CONTRIBUTING.md.
This project is licensed under the MIT License.
Author: Mandara Michel
Contact: [email protected]