Piskel for Playdate

I just pushed some changes to my Playdate-centric fork of Piskel:


This fork:

  • can be used to build desktop apps of v15.2 on latest OS
    • should build just fine for Windows/Linux/Mac (Intel)
    • can also be used to build for Apple silicon
  • has Playdate-specific features
    • get frame size from imagetable filename
  • has quality-of-life improvements
    • ignore warnings preference
    • turns off animated preview by default
    • different window size and positioning
    • stops nagging if run in WebKit
    • modern macOS icon
  • adds useful community improvements
    • Outliner tool
    • Dither modifier keys
    • Keyboard cursor

Apple silicon support

Check out the readme for details on how to quickly generate a new build without having to build nw.js from scratch. It’s very easy! Thanks to Ayushman Chhabra for help and hints.

Image Table support

Most of the time I load Piskel and drop an image table (a sort of sprite sheet) on it. Having to manually enter frame/cell size dimensions got old really fast, so this was my main motivation for doing a custom build. It’s a simple hack that checks the file name and parses out the cell dimensions. Slightly more tricky was trigger changes to the import panel so that everything looked and worked as it should.

Ignore Warnings

After editing an image in Piskel the majority of the time I export it and then quit the app. The app always nags twice: firstly to make sure you wanted to “leave the site?” - a leftover from the fact this is a web tool at heart - and a secondly to make sure you want to “abandon unsaved changes?”. An option to ignore these warnings is such a time saver.

I also took the opportunity to add some useful features developed by the community.

Outliner tool

Thanks to ElectricToy for this patch, it works like flood fill but only fills the outline of any pixels it hits. You can hold Cmd to do a slightly thicker outline including corners.

Dither modifier keys

Another one from ElectricToy, this gives you 25% ad 75% dither patterns by holding modifier keys, in addition to the standard 50% checkerboard dither pattern.

Keyboard cursor

I’m not sure how useful this really is, but I added it anyway. Thanks to juliandescottes for the patch. You can control the pixel cursor location using Alt+cursor, and space will activate the current tool at that location. I haven’t tried it but you could set up a game controller to use these keys and draw like Dan Malone did!

Enjoyed this blog post? Send blog thanks!
Pay what you want, using PayPal or Stripe
Comments: @gingerbeardman