Coder Social home page Coder Social logo

rgab1508 / pixelcraft Goto Github PK

View Code? Open in Web Editor NEW
1.2K 14.0 76.0 860 KB

A Pixel Art Editor

Home Page: https://rgab1508.github.io/PixelCraft

License: MIT License

HTML 37.65% JavaScript 50.44% CSS 11.91%
pixel-art editor computer-graphics image-manipulation pixel-art-maker pixel-editor canvas pwa canvas-api drawing

pixelcraft's Introduction

Yoooo! ๐Ÿ‘‹

i code.

LIKES
  • ๐Ÿ Volleyball
  • ๐Ÿ‘พ Anime
  • ๐ŸŽฎ Gaming
  • ๐ŸŽฅ TV shows & Movies
  • โœจ JS & Python
REACH ME
  • ๐Ÿณ Discord : mido#8877
STATS

pixelcraft's People

Contributors

arunbohra12 avatar eagleloid avatar emarino135 avatar kt3k avatar mrfoogles avatar rgab1508 avatar theabbie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pixelcraft's Issues

Gray and blocked layer when creating a grid

Two questions:

  1. Why can't I recreate the grid? (reloading page).
  2. Why is there no grid constraint? I think that at this stage of development of the project and its functionality, the norm will be a 124x124 grid.

I think it would be logical. You can make templates according to the size of the grids and get rid of the constant input of numbers (taking into account the fact that you can leave the previous functionality with a certain restriction).

Peek 2021-01-09 23-48

Screenshot_20210109_235528

Unit Tests: Layout foundation for basic unit tests

We should spin up a pattern for unit testing this package. Something which matches the pattern

  1. Perform a set of actions on the canvas
  2. Validate the canvas for correct contents

We should be able to mock out the starting canvas and perform any action the user can perform.

Undo brings back deleted drawing

In the web-app when you draw something, delete it, then draw something new and then hit the "und"-button, it restores the deleted drawing. If you hit undo again, the app then starts to undo the last drawing steps.

Porting the App to use React?

Wouldn't the app be more robust, easy to scale, and maintainable if we port the current implementation to React? I'll be happy to contribute or formulate a migration plan.

Request: Always display the frames bar

Hi,
Quite a nice little tool. Very handy.
One tiny detail though: the frames list and the current frame.
I would rather have the frames list always visible, attached to the bottom of the screen. With the selected frame visible. I mean, the selection. Like a simple border.
Thanks very much for this nice little tool ๐Ÿ‘

Stop Spamming on EchoJS!

Stop spamming on EchoJS!

Also stop using bots to get more upvotes. Its not cool and now very few people actually care about this project and you are drowning out the things that are actually nice things to look at.

image

Having tooltip or a title for the options

Currently, in the app, looking at the icons, they don't tell you what that really does until you use it.

What I would suggest is to add a tooltip having its name or add a simple HTML title to them explaining what its functionality is.

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.