A simple web-based tool for Spriting and Pixel art.
Go to file
jdescottes 0c441c214b Feature : darken lighten
Added new tool to lighten/darken. By default is in lightening mode. If the
user holds ctrl/cmd while using the tool, switches to darkening mode.

If the user holds shift while using the tool, then each pixel can only be
modified once per tool usage (ie user keeps hovering the same pixel, it
won't get lighter/darker after the first time). Can be useful if you want
to keep control of the amount of colors in the sprite.

TODO :
- Ability to select explicitly lighten/darken (context menu for
tools).
- Ability to set the 'step' (ie the strength of the lighten/darken)
2014-05-16 23:51:04 +02:00
build/closure Feature : darken lighten 2014-05-16 23:51:04 +02:00
misc Cleanup project root 2014-03-16 21:15:34 +01:00
src Feature : darken lighten 2014-05-16 23:51:04 +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.