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

Find a file

jdescottes bd99027852 feature : zoom - Added MinimapController that displays a frame on the animated preview when zoomed in - Added bounds for the offset to make sure it doesn't go crazy - Added new utility Math.js with a minmax function - TODO : the minimap controller has a lot of dependencies, see if could be cleaned up - TODO : DrawingController knows the size of the picture it has to render only indirectly, which makes it hard in some cases (such as boundary checking performed during setOffset)		2013-11-01 23:11:11 +01:00
css	feature : zoom	2013-11-01 23:11:11 +01:00
img	Layers : add layer icon. Position buttons on top of list. Fix name generation issue	2013-09-25 22:43:21 +02:00
js	feature : zoom	2013-11-01 23:11:11 +01:00
resources	Add icons resource	2013-06-15 18:20:36 +02:00
templates	Refactor : moved cheap-templates.js to lib. Added documentation	2013-10-04 22:25:47 +02:00
tests/integration/casperjs	updating smoke test to parametrize delay	2013-08-11 20:09:43 +02:00
.gitignore	Show closure compiler warnings	2013-09-28 21:28:45 +02:00
.travis.yml	Node0.8 + test root filepath 1	2013-05-27 00:11:30 +02:00
closure_compiler_20130823.jar	Experiment closure compiler - should trigger errors	2013-09-28 18:51:10 +02:00
Gruntfile.js	Removing external libs from Closure compiler pass	2013-10-02 00:11:03 +02:00
index.html	feature : zoom	2013-11-01 23:11:11 +01:00
package.json	Merge branch 'master' into feature-gif-export-panel	2013-09-28 23:37:12 +02:00
piskel-boot.js	Rollback of initialization sequence	2013-10-04 23:46:19 +02:00
piskel-closure-externs.js	Closure Compiler: Fix All The things !	2013-09-28 21:10:12 +02:00
piskel-script-list.js	feature : zoom	2013-11-01 23:11:11 +01:00
pre-commit	adding precommit hook to source control	2013-08-11 20:07:45 +02:00
README.md	Update README.md	2013-05-30 00:11:26 +03:00

README.md

Piskel

The goal is to create an easy-to-use/in-the-cloud/web-based 2d animation editor.

Try it at : http://juliandescottes.github.com/piskel/

29 May 2013

Trying to wake up after a big 8 months nap.

Also, new features :

color picker :
create an animated GIF from your piskel (uses jsgif, results may vary ...)

16 Sep 2012

Just a quick update to post a new screenshot. @grosbouddha is delivering features so fast, it's hard to keep up !

15 Sep 2012

2 weeks already since the last README.md update, and so many changes ! There has been a continuous stream of features added to piskel by @grosboudda, @captainbrosset (thanks guys) and myself. I can't list everything here but quickly

Tools : in addition to the regular Pen, you can now draw Rectangles, Circles. You can move stuff, copy, paste !
Undo/redo : you can now cancel your actions using ctrl-z/ctrl-y
Drag and drop : move frames around in your framesheet, using drag and drop

And a screenshot, for the record :

30 Aug 2012

Many new features in 2 days :

save animations, they are persisted in the cloud, and can be retrieved via a unique URL
color picker, no longer limited to black and white
local storage, your work is automatically backed up locally
color palette, listing all the colors already used in the animation
slider for choosing the speed of the preview

UI was slightly updated :

28 Aug 2012

Thanks to grosbouddha, new features added to Piskel :

modify preview speed !
remove frames
transparent background

24 Aug 2012 (aka the thing I did last night)

create small animations in black (left click) and white (right click)
and actually animations are always in 32x32 zoomed 10 times
you can not even save them !
add new frames for your animation
do small ridiculous characters

Looks like this :

On the left, the list of frames for the animation. In the 'middle', the editable canvas. On the right, the LIVE-ANIMATED-PREVIEW (rocket science stuff going on here).