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

canvas gif javascript pixel-art spritesheet

Go to file

greenkeeper[bot] 5e46d8b7e2 docs(readme): add Greenkeeper badge		2017-05-06 14:44:55 +00:00
.github	simplify error template	2016-12-12 10:08:37 +01:00
bin	migrate copy script to node	2017-01-15 14:13:05 +01:00
misc	migrate copy script to node	2017-01-15 14:13:05 +01:00
src	Issue #654 : stop using jquery to create the FramesList markup	2017-04-01 12:48:11 +02:00
test	add integration tests for PNG export & scaled export	2017-01-29 13:56:06 +01:00
.codeclimate.yml	Excludes lib from linting	2017-02-01 16:17:38 +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	remove css variables from built css (edge :( )	2017-01-11 01:13:56 +01:00
LICENSE	Update LICENSE	2016-03-11 23:32:24 +01:00
README.md	docs(readme): add Greenkeeper badge	2017-05-06 14:44:55 +00:00
karma.conf.js	support chunked layerData in regular deserializer	2016-12-18 11:36:11 +01:00
package.json	chore(package): update dependencies	2017-05-06 14:43:20 +00:00
pre-commit	adding precommit hook to source control	2013-08-11 20:07:45 +02:00

README.md

Piskel

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

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 :

@juliandescottes
@grosbouddha

What's the point ?

You can use Piskel to do two things :

spriting : create retro-style sprites for games

pixelart : create crazy/pretty pixelart animations for fun !

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

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.