An online canvas based Pixel Art creation tool for Lospec.com
Go to file
Nicola fc9a369b02
Merge pull request #6 from nkoder/update_readme_commands
Update commands mentioned in README.md in order to reuse already defined npm scripts
2021-04-25 18:39:02 +02:00
_ext Fix build by adding non-tracked line.svg 2021-04-25 18:25:31 +02:00
.github Update FUNDING.yml 2019-08-05 16:13:52 -04:00
css Finished binding events to splash page 2021-04-25 12:41:36 +02:00
images Continued splash page, added presets, resized cover 2021-01-11 18:09:58 +01:00
js Fixed bug when opening LPE file (the opposite editor mode was selected instead of the right one) 2021-04-25 13:00:16 +02:00
views Finished binding events to splash page 2021-04-25 12:41:36 +02:00
.eslintrc.json Apply eslint --fix and fix indentation 2020-04-12 10:58:19 +02:00
.gitignore Track changes to SVG assets in a repository 2021-04-25 18:17:32 +02:00
build.js fixing dev env issues 2021-01-13 14:21:43 -05:00
changelog.json added layers to changelog 2020-09-09 04:00:51 +00:00
debug.log Finished Line Tool 2021-01-14 15:28:57 -05:00
package-lock.json Finished binding events to splash page 2021-04-25 12:41:36 +02:00
package.json Finished binding events to splash page 2021-04-25 12:41:36 +02:00
README.md fix typo in README.md 2021-04-25 18:37:57 +02:00
server.js fixing dev env issues 2021-01-13 14:21:43 -05: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:

  • Documentation

  • Possibility to hide and resize menus (layers, palette)

  • Line tool

  • Tiled mode

  • Load palette from LPE file

  • Symmetry options

  • Mobile

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

  • Polish:

    • ctrl a to select everything / selection -> all, same for deselection
    • Warning windows for wrong inputs
    • Palette option remove unused colors
    • Move selection with arrows
    • 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)
    • Scale selection

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 npm run build which will compile it to the /build folder, where you can make sure it works the easiest way to do so is to run npm run serve. You can also do both at once by running npm test.
  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.