A simple web-based tool for Spriting and Pixel art.
Go to file
jdescottes 6c882928cc Enhancement : Lossless GIF encoding
If there are less than 256 colors in the piskel, do not perform anycolor
quantization, just reuse the colors from the piskel.

Added preserveColorsParameter to gif.js library.

If nb colors>256, fallback to the previous behavior. This could be
improved by checking the number of colors for each frame. The palette is
defined independantly for each frame, so as long as a frame is <256
colors, we could reuse the original colors.

I also believe that images with more colors would get a better quality if
we could use a single color sample for all frames. This would avoid color
'gaps' as we can experience today. In any case, for piskel, < 256 is a
reasonable assumption
2014-05-12 01:06:37 +02:00
build/closure Tiled preview : mutualize canvas background update 2014-05-08 20:57:31 +02:00
misc Cleanup project root 2014-03-16 21:15:34 +01:00
src Enhancement : Lossless GIF encoding 2014-05-12 01:06:37 +02:00
test/integration/casperjs Cleanup project root 2014-03-16 21:15:34 +01:00
.gitignore Enhancement : full piskel build deployed to dest 2014-05-05 22:36:34 +02:00
.travis.yml Node0.8 + test root filepath 1 2013-05-27 00:11:30 +02:00
Gruntfile.js Change node webkit releases location, ignore unecessary files. 2014-05-11 21:16:57 +01:00
package.json change node webkit versions to work with older node versions. 2014-05-06 19:27:24 +01:00
pre-commit adding precommit hook to source control 2013-08-11 20:07:45 +02:00
README.md Update README.md 2014-04-11 01:14:07 +02: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
  • jszip : create, read and edit .zip files with Javascript
  • canvas-toBlob : shim for canvas toBlob
  • 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.