A simple web-based tool for Spriting and Pixel art.
Go to file
jdescottes 6d62d11872 Fix : drawing with the right mouse button (FF, IE)
Mousemove events do not have the correct button information
Need to keep the state of which button is clicked at which moment

This was actually the initial implementation ...
But I removed it because I couldn't remember why we did this in the
beginning.

Added lots of 'warnings' in comments, but won't be safe until we get good
integration tests.

References :
- FF : https://bugzilla.mozilla.org/show_bug.cgi?id=297919
"What if multiple buttons are pressed during mouse move?  And how does the
integer field (button) indicate that no button is pressed?  I think this
should be wontfix -- if people need button information during mouse move events
we need a new way of getting it (buttonSet), not the same way it works for click,
etc."
- IE : couldn't find any reference ...
2014-03-30 20:39:00 +02:00
build/closure Cleanup project root 2014-03-16 21:15:34 +01:00
misc Cleanup project root 2014-03-16 21:15:34 +01:00
src Fix : drawing with the right mouse button (FF, IE) 2014-03-30 20:39:00 +02:00
test/integration/casperjs Cleanup project root 2014-03-16 21:15:34 +01:00
.gitignore Cleanup project root 2014-03-16 21:15:34 +01:00
.travis.yml Node0.8 + test root filepath 1 2013-05-27 00:11:30 +02:00
Gruntfile.js Cleanup project root 2014-03-16 21:15:34 +01:00
package.json Merge branch 'master' into feature-gif-export-panel 2013-09-28 23:37:12 +02:00
pre-commit adding precommit hook to source control 2013-08-11 20:07:45 +02:00
README.md Updating README.md 2014-03-16 22:09:48 +01:00

Piskel

A simple web-based tool for Spriting and Pixel art.

Piskel editor screenshot

You can try the standalone editor at http://juliandescottes.github.io/piskel or see it integrated in http://piskelapp.com.

Piskel is mainly developped by :

What's the point ?

You can use Piskel to do two things :

  • spriting : create retro-style sprites for games

Megaman spritesheet

  • pixelart : create crazy/pretty pixelart animations for fun !

Rabbit jumping

Integrated in piskelapp.com, you can share everything you work on with others as easily as you share a link.

Requirements

Piskel supports the following browsers :

  • Chrome (latest)
  • Firefox (latest)
  • Internet Explorer 10+

... and a fairly recent computer.

We don't plan/want/could be forced into supporting older IEs. For Opera and Safari, we've never tested them but the gap shouldn't be huge.

Built with

The Piskel editor is purely built in JavaScript, HTML and CSS. It uses Canvas extensively for displaying all them pretty sprites.

We also use the following libraries :

  • spectrum : awesome standalone colorpicker
  • gifjs : generate animated GIFs in javascript, using webworkers
  • jquery : used sporadically in the application
  • bootstrap-tooltip : nice tooltips

As well as some icons from the Noun Project :

  • Folder by Simple Icons from The Noun Project
  • (and probably one or two others)

Contributing ?

Help is always welcome !

  • Issues : Found a problem when using the application, want to request a feature, open an issue.
  • Participate : Have a look at the wiki to set up the development environment

Licensing

Probably need to pick one at some point ... Until then it's a "do whatever you want with it" license.

Mobile/Tablets

There is no support for mobile for now.