A simple web-based tool for Spriting and Pixel art.
Go to file
jdescottes 98f59fecf1 Feature : add onion skin option
New option in application settings : onion skin.
You can choose the overlay to display now :
- no overlay
- onion skin (default)
- layer preview (previous default)

Available in Application Settings panel.

Only one overlay can be used at the same time.
The onion skin overlay is driven by a new OnionSkinRenderer maanged by the
drawing.

The drawing controller is responsible for instanciating and 'choosing' the
overlay renderer.

When switching to a new overlay, other overlays are cleared and flushed
(they cache their rendering frame, flush empties the cache).

NB : flush is only available on LayersRenderer and OnionSkinRenderer for
now.
2014-06-19 23:33:57 +02:00
build/closure added node-webkit to generate standalone app. 2014-04-28 22:13:44 +01:00
misc Cleanup project root 2014-03-16 21:15:34 +01:00
src Feature : add onion skin option 2014-06-19 23:33:57 +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 Attempt to fix travis build 2014-06-14 14:55:27 +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 More cosmetic changes to README.MD ! 2014-06-14 15:04:18 +02:00

Piskel

Travis Status Built with Grunt

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.