A simple web-based tool for Spriting and Pixel art.
Go to file
Julian Descottes 27b26fe4f3 Merge pull request #589 from juliandescottes/move-fps-to-model
move fps info from preview controller to piskel model
2016-12-13 00:11:47 -10:00
.github simplify error template 2016-12-12 10:08:37 +01:00
misc retina: update lasso & shape select icons 2016-07-25 09:32:50 +02:00
src remove unused previewController member in ImportService 2016-12-13 11:04:03 +01:00
test move fps info from preview controller to piskel model 2016-12-13 09:17:34 +01:00
.gitignore Remove icons@2x.png from the repo 2016-08-31 22:40:22 +02:00
.jscsrc Update deps, use grunt-connect instead of express, fix jscs errors 2015-12-09 22:38:58 +01:00
.npmignore Prepare for npm publishing 2016-06-17 17:07:03 -07:00
.travis.yml Update CasperJS and refactor tests 2016-08-31 16:20:01 +02:00
Gruntfile.js chore: update nwjs to 0.18.8 2016-11-27 12:07:25 +01:00
karma.conf.js Update CasperJS and refactor tests 2016-08-31 16:20:01 +02:00
LICENSE Update LICENSE 2016-03-11 23:32:24 +01:00
package.json chore: update dateformat to 2.0.0 2016-11-27 12:08:51 +01:00
pre-commit
README.md Update README.md 2016-03-11 23:35:48 +01:00

Piskel

Travis Status Built with Grunt

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 11+

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

Offline version

Offline builds are available. More details in the dedicated wiki page.

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
  • supergif : modified version of SuperGif to parse and import GIFs
  • jszip : create, read and edit .zip files with Javascript
  • canvas-toBlob : shim for canvas toBlob
  • 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

License

Copyright 2016 Julian Descottes

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Mobile/Tablets

There is no support for mobile for now.