GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → guastallaigor → vue-pixel-art

guastallaigor / vue-pixel-art

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

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
SCSS
7915 projects

Labels

vuepixel-artpixelvuejs2pixel-editorpixel-art-makervue-pixel

Projects that are alternatives of or similar to vue-pixel-art

pixelino
Pixel-drawing app for iOS ✍️
Stars: ✭ 45 (+12.5%)
Mutual labels:  pixel-art, pixel, pixel-editor, pixel-art-maker
Pixelorama
A free & open-source 2D sprite editor, made with the Godot Engine! Available on Windows, Linux, macOS and the Web!
Stars: ✭ 2,535 (+6237.5%)
Mutual labels:  pixel-art, pixel, pixel-editor, pixel-art-maker
Vixl44
Create pixel art inside your terminal using vim movements
Stars: ✭ 152 (+280%)
Mutual labels:  pixel-art, pixel
Aseprite
Animated sprite editor & pixel art tool (Windows, macOS, Linux)
Stars: ✭ 14,832 (+36980%)
Mutual labels:  pixel-art, pixel-editor
8192px
A collaborative pixel art experiment
Stars: ✭ 64 (+60%)
Mutual labels:  pixel-art, pixel
Pixel Editor
It edits pixels
Stars: ✭ 125 (+212.5%)
Mutual labels:  pixel-art, pixel
Rx
👾 Modern and minimalist pixel editor
Stars: ✭ 2,063 (+5057.5%)
Mutual labels:  pixel-art, pixel
pixelart.js
punks.js - draw punk (pixel) art images using any design (in ascii text) in any colors; incl. 2x/4x/8x zoom for bigger sizes and more
Stars: ✭ 132 (+230%)
Mutual labels:  pixel-art, pixel
Tile-Studio
Tile / Sprite / Map Editor
Stars: ✭ 59 (+47.5%)
Mutual labels:  pixel-art, pixel-editor
ColorByNumber-iOS
Color by Number: a pixel coloring game on iOS.
Stars: ✭ 50 (+25%)
Mutual labels:  pixel-art, pixel
vscode-luna-paint
A raster image editor extension for VS Code
Stars: ✭ 235 (+487.5%)
Mutual labels:  pixel-art, pixel
Pixelizator
Swift/Python image pixelizer 🖼️.
Stars: ✭ 53 (+32.5%)
Mutual labels:  pixel-art, pixel
Pixel
A real-time collaborative canvas, inspired by Reddit Place
Stars: ✭ 26 (-35%)
Mutual labels:  pixel-art, pixel
Pix
🎨 Pix is an online pixel art community where everyone can unleash their creativity on a 16x16 canvas, built with React-Native for iOS devices. 🚀
Stars: ✭ 86 (+115%)
Mutual labels:  pixel-art, pixel
Pxltrm
🖌️ pxltrm - [WIP] A pixel art editor inside the terminal
Stars: ✭ 459 (+1047.5%)
Mutual labels:  pixel-art, pixel
Obelisk.js
Build pixel isometric graphics with HTML5 canvas
Stars: ✭ 2,213 (+5432.5%)
Mutual labels:  pixel-art, pixel
PixelShape
Pixel editor that comes in handy when creating pixel art images and animations
Stars: ✭ 29 (-27.5%)
Mutual labels:  pixel-art, pixel-editor
pixelm
A pixel art editor written in Elm
Stars: ✭ 34 (-15%)
Mutual labels:  pixel-art, pixel-editor
metal camera
iOS metal camera with GPU shaders.
Stars: ✭ 68 (+70%)
Mutual labels:  pixel-art, pixel
project-cordon-sprites
Community driven CC0-1.0 pixel art repository for indie developers.
Stars: ✭ 66 (+65%)
Mutual labels:  pixel-art
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].