Skip to content

flowdevloping/pixelart-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pixel Art Generator

A simple web-based Pixel Art Generator that allows users to create pixel grids, draw pixel art, and save the artwork as a PNG image.

Pixelart Grid Example

Features

  • Create pixel grids of various sizes (adjustable using a range input).
  • Draw on the grid with a chosen color (via a color picker).
  • Erase parts of the drawing using right-click.
  • Save the pixel art as a PNG image.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Getting Started

To run the project locally, follow these steps:

Prerequisites

Ensure you have a modern web browser (such as Google Chrome or Firefox) to view the application.

Steps

  1. Clone the repository to your local machine:
git clone https://github.com/your-username/pixel-art-generator.git
  1. Navigate into the project folder:
cd pixel-art-generator
  1. Open the index.html file in your web browser:
open index.html

Or simply double-click index.html to open it in your browser.

Usage

  1. Use the range slider to adjust the size of the pixel grid.
  2. Click the Create button to generate the grid.
  3. Choose a color using the color picker and left-click on the grid to start drawing.
  4. Right-click on the grid to erase pixels.
  5. Click Save as Image to download your pixel art as a PNG image.

License

This project is licensed under the MIT License – see the LICENSE file for details.

About

Built with Javascript. You can choose the size of your pixel grid and create pixel arts. It is possible to save your artwork as .png file.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors