sile/pixcil

Pixel art editor

Pixcil

Simple pixel art editor with (almost) infinite canvas.

Online editors & editor extensions:

• GitHub Pages (PWA)
• VSCode Extension

Features

• Simple and intuitive UI
• (Almost) infinite canvas
  • The center frame region is exported as the final image
  • You can make use of the blank space as a temporary working buffer, color palette, etc
  • If settings are enabled, the continuous vertical frames are treated as layers and the successive horizontal frames are regarded as animation frames
• Support PNG file format
  • Created images are saved as PNG files (with additional metadata)
  • You can load existing PNG files and use Pixcil as a dot-by-dot PNG file editor

How to build

Web

You can use Cargo to build Pixcil.

// Build.
$ git clone https://github.com/sile/pixcil.git
$ cd pixcil
$ cargo build --release --target wasm32-unknown-unknown
$ ls target/wasm32-unknown-unknown/release/pixcil.wasm

// Start an HTTP server and visit the root page in your browser.
$ cd web/
$ start-your-favorite-http-server

pixcil's Issues

How to make a brand new image in VS Code?

I've tried making a new file, naming it a something.png, picking the correct extension - basically nothing happens. Do you have to start with an existing file?

Update VSCode Extension Release

I just built and smoke-tested the latest version in VSCode and it appears to work great (MacOS 14.5, M2), but I can't get the built extension loaded outside of the project folder. Anyway, please add "update release vscode extension" to your todo list. :)

[Feature Request] Option to save project as file

I love having this editor right in vscode, but I'd love to be able to save work in progress to continue later.

[Feature Request] Classic Macintosh style "toggle" pen

Request

• if you start the stroke on the 2nd colour, or no colour, then the 1st colour is drawn
• if you start the stroke on the 1st colour the 2nd colour is drawn

So, this is a pen that operates with XOR function.

Benefits

• reduce need to swap between selected colours
• reduce need to swap between pen and eraser
• for drawing in only black and white you never have to swap colours or tools at all!

Example

• ResEdit https://twitter.com/gingerbeardman/status/1786504929730838958

Try it yourself
I added this as the default tool in my build of Piskel: https://github.com/gingerbeardman/piskel-playdate

[Feature Request] Ability to load frames

This is a cool editor. Thanks for making it.

I notice that it saves APNG format, but it can't load the same file back in?

So I'd like to request that.

Related, as mentioned in #5 (comment), it would also be cool if it could load files with filename matching this pattern example-table-32-20 for a series of frames of 32x20px. This would make it ideal for Playdate development and more.

Thanks

Layers and animation not working on sile.github.io/pixcil

Nothing appears to happen when toggling the layer or animation modes. No errors are logged to the console.

[Feature Request] Option to export animation as strip rather than APNG

Sprite strips/sheets are more widely supported than APNG files by game engines. I haven't even been able to find a tool to convert APNG to a strip. Ideally, there could be a menu toggle for "Export as Strip", then it exports the bottom row as seen in the editor. This seems like it could require two modes of operation/metadata embedding since it needs to have the mode embedded in the metadata to show up in the editor correctly.