A simple web-based tool for Spriting and Pixel art.
Go to file
jdescottes 4f54715f70 fix : reduce piskel model size
- Initial implementation : working but ...
- MODEL_VERSION has been bumped to 2
- The loading process is now theoretically asynchronous (loading images to
  read the content of the layers), but for now, the asynchronous behaviour
  is hidden behind a nasty hack, which is somehow similar to lazy loading.
  When loading the piskel, a Piskel is created synchronously, with fake
  empty frames, and as the images will get loaded, the fake frames will be
  replaced by the actual frames.

  I really don't like this, and the asynchronous nature of the loading
  should be clearly expressed
- There is no backward compatible deserializer for the previous version of
  the model (1)
- The Serializer utils is just badly designed. Serialization and
  deserialization should be splitted into two different classes
- Saving & loading are still done in app.js and should be moved to
  services

BUT : the size of the piskels is now pretty small. A piskel which was
using 890kB previously is now using only 10kB. Although it should be
noted, that after gzip there is no significant difference between this
version and the existing one. The only gains we can really expect with
this are : less disk space used on appengine, ability to reuse the
layers' pngs directly on piskel-website (but to be honest I can't see any
valid use case for this)
2013-11-08 00:44:24 +01:00
css fix : import-picture-panel 2013-11-02 11:02:03 +01:00
img Import panel: 2013-10-11 00:04:40 +02:00
js fix : reduce piskel model size 2013-11-08 00:44:24 +01:00
resources Import panel: 2013-10-11 00:04:40 +02:00
templates fix : import-picture-panel 2013-11-02 11:02:03 +01: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 Import panel 2013-10-22 07:40:08 +02: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 fix : reduce piskel model size 2013-11-08 00:44:24 +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

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.

nap

Also, new features :

  • color picker : 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 !

Screenshot 4

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 :

Screenshot 3

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 :

Screenshot 2

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 : Alt text

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