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.
615 commits 6 branches 32 tags 19 MiB
JavaScript 86.8%
CSS 6.8%
HTML 6.2%
Batchfile 0.2%
Find a file
jdescottes 090443c318 Feature : Color palette : fix spectrum issue 
The palette manager UI is redrawn almost everytime the model changes.
This way, UI is always in sync with the model.

However, spectrum instances are spawning everytime a redraw is performed.
They cannot be cleaned before the redraw is performed, because if a
spectrum picker is opened, it should remain like this. This allows the
cuser to keep modifying a color without having to reopen the picker each
time he/she stops on a color.

As a workaround, I keep a reference on all the spectrum containers and
destroy them all when the manager is disposed.

Ideally I'd prefer to have a single spectrum instance that I could move
around depending on which color the user wants to edit. I.e. I want to
mutualize all the picker instances ...  But this will require a bit more
work.

Also added a notification when the user saves a palette.
Updated z-index of user-message container so that it is always above the
rest of the application.
2014-03-30 22:42:28 +02:00
build/closure Cleanup project root 2014-03-16 21:15:34 +01:00
misc Cleanup project root 2014-03-16 21:15:34 +01:00
src Feature : Color palette : fix spectrum issue 2014-03-30 22:42:28 +02:00
test/integration/casperjs Cleanup project root 2014-03-16 21:15:34 +01:00
.gitignore Cleanup project root 2014-03-16 21:15:34 +01:00
.travis.yml Node0.8 + test root filepath 1 2013-05-27 00:11:30 +02:00
Gruntfile.js Cleanup project root 2014-03-16 21:15:34 +01:00
package.json Merge branch 'master' into feature-gif-export-panel 2013-09-28 23:37:12 +02:00
pre-commit adding precommit hook to source control 2013-08-11 20:07:45 +02:00
README.md Updating README.md 2014-03-16 22:09:48 +01:00

README.md

Piskel

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