https://github.com/coelhucas/pixel

🎨 Make tiny pixel arts (basis for my future game creation tool)
https://github.com/coelhucas/pixel

hacktoberfest javascript pixel pixel-art

Last synced: 7 days ago
JSON representation

🎨 Make tiny pixel arts (basis for my future game creation tool)

• Host: GitHub
• URL: https://github.com/coelhucas/pixel
• Owner: coelhucas
• License: mit
• Created: 2021-10-20T01:19:40.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-01T20:16:14.000Z (almost 3 years ago)
• Last Synced: 2024-05-28T21:50:14.588Z (5 months ago)
• Topics: hacktoberfest, javascript, pixel, pixel-art
• Language: JavaScript
• Homepage: https://coelhucas.github.io/pixel
• Size: 43.9 KB
• Stars: 8
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pixel

![image](https://user-images.githubusercontent.com/28108272/138191631-0a688635-b693-4c47-b75c-f7881a145bce.png)

[First version](https://user-images.githubusercontent.com/28108272/138012642-4d242127-aa56-4949-a1db-2e905ca5c4a6.png)

Pixel is a tiny editor meant to be used within a tiny game creation tool I'm planning. At its current state you can only create 8x8 stuff with black pixels and download it.

## Usage

Pixel by itself is stackless, which means it uses only standard HTML, CSS and JS.

```bash

git clone [email protected]:coelhucas/pixel.git

cd pixel

open index.html

```

Click and drag to draw

⌘ + R to reset on macOS

F5 to reset on windows/linux

Press download to download your pixel art as png

## TODO

- [ ] Add a small default palette

- [ ] Make it responsive

- [ ] Add eraser

- [x] Add reset button

- [x] Make it possible to download it in other scales

- [ ] 1x previewer (I can use the virtual canvas)

- [x] Bucket [reference](http://www.williammalone.com/articles/html5-canvas-javascript-paint-bucket-tool/)

  - [ ] (Extra?) Move floodfill recursion to data structure

*Maybe other sizes layer?