Skip to content

Vue Pixel Art is an easy way to draw your Pixel Arts. This project is refactored from CSS Collection - DotGen

License

Notifications You must be signed in to change notification settings

guastallaigor/vue-pixel-art

Repository files navigation

Vue Pixel Art

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

js-standard-style pattern style Cypress.io tests

Instructions

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

Usage

Recommended resolution: >= 925 x 768.

Go to https://vue-pixel-art.now.sh and have fun!

Development

contributions welcome

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.

TODO

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

ko-fi

License

MIT © guastallaigor

About

Vue Pixel Art is an easy way to draw your Pixel Arts. This project is refactored from CSS Collection - DotGen

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published