Skip to content

Mandarahades/A-beautiful-Pixel-Art-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pixel Art Generator

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.

Table of Contents

Features

  • 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.

Getting Started

  1. Clone the repository:

    git clone https://github.com/Mandarahades/A-beautiful-Pixel-Art-Generator.git
  2. Open the index.html file in your web browser.

Usage

  1. Adjust the grid dimensions using the sliders for width and height.
  2. Choose a color using the color picker.
  3. Click the "Create Grid" button to generate the pixel grid.
  4. Toggle between the "Paint" and "Erase" buttons to paint or erase pixels.
  5. Click the "Clear Grid" button to reset the canvas and start a new design.

Contributing

If you would like to contribute to this project, please follow the guidelines in CONTRIBUTING.md.

License

This project is licensed under the MIT License.


Pixel Art Generator Screenshot

Author: Mandara Michel
Contact: [email protected]

About

Become the best in JavaScript in a few lines.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published