mirror/pixel-editor
1
0
Fork 0
mirror of https://github.com/lospec/pixel-editor.git synced 2023-08-10 21:12:51 +03:00
Code Issues Projects Releases Wiki Activity
An online canvas based Pixel Art creation tool for Lospec.com
38 Commits 4 Branches 0 Tags 56 MiB
JavaScript 83.6%
SCSS 6%
Handlebars 5.8%
HTML 4.5%
efaa8e3c34
Go to file
unsettledgames efaa8e3c34 Connected events to rect selection 
_rectSelect.js now knows when the user started and finished drawing a rect and is able to edit a preview.
2020-03-04 14:36:40 +01:00
_ext updated colors 2019-04-04 17:46:40 +00:00
.github Update FUNDING.yml 2019-08-05 16:13:52 -04:00
css Connected events to rect selection 2020-03-04 14:36:40 +01:00
images Added possibility to select the rectangular selection tool 2020-03-04 12:42:15 +01:00
js Connected events to rect selection 2020-03-04 14:36:40 +01:00
views Connected events to rect selection 2020-03-04 14:36:40 +01:00
.gitignore Added eraser icon, added management of eraser size, added event listener for R key (connected to the eraser tool). Started eraser cursor management in _updateCursors.js 2019-03-31 12:17:32 +02:00
build.js finish build file 2019-03-27 22:19:15 -04:00
package-lock.json Cloned repository 2020-03-04 11:56:51 +01:00
package.json Added eraser icon, added management of eraser size, added event listener for R key (connected to the eraser tool). Started eraser cursor management in _updateCursors.js 2019-03-31 12:17:32 +02:00
README.md Implemented eraser tool. Must move and resize layers at the same time. 2019-03-31 16:32:49 +02:00

README.md

Lospec Pixel Editor

This is a browser based software for creating pixel art

The tool can be viewed online here: https://lospec.com/pixel-editor

What to Contribute

Any changes that fix bugs or add features are welcome.

The next version is mostly focused on adding missing essential features and porting to mobile.

Suggestions / Planned features:

  • Mobile

    • Touch equivalent for mouse clicks
    • Hide or scale ui
    • Maybe rearrange UI on portrait
    • Stack colors when too many
    • Fix popups

  • Selections

    • New selection tool
    • New currentLayer.canvas layer above the drawing layer
    • Move when click and drag
    • Merge with currentLayer.canvas when click outside

  • Copy/paste

    • Add as selection
    • Show colors which would need to be added to palette

  • Transparency

    • New layer with checkerboard behind drawing
    • Add eraser tool

  • Palette option remove unused colors

  • Pixel Grid

    • Another currentLayer.canvas
    • Must be rescaled each zoom

  • Possibly add collaborate function using together.js

  • Bug fix

    • Alt + scroll broken
    • Add edge support?

How to Contribute

Requirements: you must have node.js and git installed.

  1. Click Fork above. It will automatically create a copy of this repository and add it to your account.
  2. Clone the repository to your computer.
  3. Open the folder in command prompt and run npm install
  4. Make any changes you would like to suggest.
  5. In command prompt run node build.js which will compile it to the /build folder, where you can make sure it works
  6. Add, Commit and Push your changes to your fork.
  7. On the github page for your fork, click New Pull Request above the file list.
  8. Change the head repository dropdown to your fork.
  9. Add a title and description explaining your changes.
  10. Click create pull request.

If you have any trouble, see this page: https://help.github.com/en/articles/creating-a-pull-request-from-a-fork

License

This software may not be resold, redistributed, rehosted or otherwise conveyed to a third party.