A simple 25x25 grid pixel art canvas made with HTML5 canvas.
View Demo · Report Bug 😓

Pixel Art is a simple 25x25 grid based pixel art style editor. Although it is currently a 25x25 grid, the mechanism underneath is extensive and capable of displaying grids bigger than 25x25. 🎨 I'm not using any external libraries or bundler, so this project is easy for beginners 🚀.

Just clone the repo and open the html file 😉👍. If you're having any trouble in understanding any part of the codebase, please feel free to message me 😊.

If this repo gets enough traction then I'll create the github wiki pages

🙏🥺 Consider starring this project.

👉👈 Also consider contribution, I could use some help.

Just send me a pull request. Mention your discord or instagram id.

In case you want to add your own art to the gallery.js, follow these steps:

• Draw in the canvas
• type grid.export() in the console
• copy the result (which is a stringified array)
• paste it in the gallery.js file (use the previous entries as a reference)
• go to the index.html file
• add <a href="#" onclick="grid.import([art name used in gallery.js]); return false;">[Display name]</a> &nbsp; inside gallery-options class div.

(if the instructions were unclear, please let me know)

Send me a message on discord or instagram. Check out my Profile Readme