wbrawner/piskel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
A simple web-based tool for Spriting and Pixel art.
173 commits 6 branches 32 tags 19 MiB
JavaScript 86.8%
CSS 6.8%
HTML 6.2%
Batchfile 0.2%
Find a file
juliandescottes 5666733f98 adding Makefile
2012-09-11 00:34:48 +02:00
css Checkbox crappy styling and fixing overlayproxy grid 2012-09-08 23:53:59 +02:00
img forgot unstaged files 2012-09-07 01:21:05 +02:00
js Added clear method to pskl.model.Frame 2012-09-10 23:34:12 +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
index.html Added DrawingLoop.js and plugged basic rendering on each controller 2012-09-09 00:40:05 +02:00
Makefile adding Makefile 2012-09-11 00:34:48 +02:00
package.json adding a first package.json file 2012-09-11 00:31:50 +02:00
README.md Update README.md 2012-08-30 13:18:57 +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/

v0.0almostthere

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

v0.0something

28 Aug 2012 : Thanks to grosbouddha, new features added to Piskel :

  • modify preview speed !
  • remove frames
  • transparent background

v0.0whatever (aka the thing I did last night)

24 Aug 2012 : You can :

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