Vue Pixel Art is an easy way to draw your Pixel Arts and get the CSS code generated from it.
This project is refactored from CSS Collection - DotGen
Credits: @bc_rikko
- Click on a square to paint. If it is already painted, that square will be transparent again.
- Hold mouse down and drag your mouse everywhere in the grid to paint.
- The button "Paint/Erase activated" only works when you use mouse down and drag.
- Size can't be greater than 100.
Recommended resolution: >= 925 x 768.
Go to https://vue-pixel-art.now.sh and have fun!
This project follow the Puzzle Pattern guidelines and uses Standard Code Style.
Fork the project and enter this commands in your terminal:
git clone https://github.com/YOUR_GITHUB_USERNAME/vue-pixel-art.git
cd vue-pixel-art
npm install
npm run serve
The default port is 8080.
- Add Unit tests with Jest.
- Add Redo/Undo.
- Add E2E tests with Cypress.
- Add mouse drag and paint.
- Add Vuejs pixel logo on README and favicon.ico.
- Deploy.
MIT © guastallaigor