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

Find a file

jdescottes 1b501bd84b Updated cursor hotspots to be within range of the cursor image (otherwise issue with recent regression in Chrome ; see https://code.google.com/p/chromium/issues/detail?id=172857 .)		2013-03-21 01:12:46 +01:00
css	Updated cursor hotspots to be within range of the cursor image (otherwise issue with recent regression in Chrome ; see https://code.google.com/p/chromium/issues/detail?id=172857 .)	2013-03-21 01:12:46 +01:00
img	Basic export - opening new window with concatenated spritesheet in PNG format	2012-09-20 00:43:39 +02:00
js	Merge branch 'gh-pages' into add-fpspersistence	2012-09-20 23:58:10 +02:00
resources	Tool plugin architecture with eraser/pen/paintbucket tools.	2012-09-01 01:21:58 +02:00
.gitignore	Ignoring stackdump files from git	2012-09-09 00:28:58 +02:00
.travis.yml	adding a first travis.yml file	2012-09-11 00:14:38 +02:00
all.html	Added simple piskel/all.html	2012-09-07 23:17:46 +02:00
index.html	Basic export - opening new window with concatenated spritesheet in PNG format	2012-09-20 00:43:39 +02:00
Makefile	fixed jshint complaints	2012-09-11 00:52:09 +02:00
package.json	adding a first package.json file	2012-09-11 00:31:50 +02:00
README.md	Update README.md	2012-09-16 17:04:40 +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/

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).