An online canvas based Pixel Art creation tool for Lospec.com
Go to file
2020-09-16 13:08:44 +02:00
_ext removed _colors.scss dependency 2020-09-09 04:00:08 +00:00
.github Update FUNDING.yml 2019-08-05 16:13:52 -04:00
css Updated readme 2020-09-15 12:12:35 +02:00
images Added fill mode for the rectangle tool 2020-03-07 22:34:12 +01:00
js Probably fixed #19 2020-09-16 13:08:44 +02:00
views Finished basic canvas resizing 2020-09-15 11:56:05 +02:00
.eslintrc.json Apply eslint --fix and fix indentation 2020-04-12 10:58:19 +02: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 Update opn into open, make all build steps gulp based 2020-04-12 10:58:23 +02:00
changelog.json added layers to changelog 2020-09-09 04:00:51 +00:00
package-lock.json Update opn into open, make all build steps gulp based 2020-04-12 10:58:23 +02:00
package.json Update opn into open, make all build steps gulp based 2020-04-12 10:58:23 +02:00
README.md Updated readme 2020-09-15 12:12:35 +02:00
server.js Update opn into open, make all build steps gulp based 2020-04-12 10:58:23 +02:00

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:

  • Line tool

  • Resize canvas

  • Resize sprite

  • Load palette from LPE file

  • Move colours in (advanced) palette editor

  • Duplicate layer

  • Symmetry options

  • Custom color picker

    • custom code without dependencies
    • more features such as sliders / color modes
  • Mobile

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

    • Another currentLayer.canvas
    • Must be rescaled each zoom
  • Possibly add collaborate function

  • Bug fix

    • Alt + scroll broken
  • Polish:

    • Show colors which would need to be added to palette
    • Warning windows for wrong inputs
    • Hide non-hovered layers
    • Snap brush preview to pixel grid
    • Palette option remove unused colors
    • Move selection with arrows
    • Update pivot buttons when resizing canvas
    • Update borders by dragging the canvas' edges with the mouse when resizing canvas
    • Move the canvases so they're centered after resizing the canvas (maybe a .center() method in layer class)

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.