https://github.com/sile/pixcil

Pixel art editor
https://github.com/sile/pixcil

pixel-art-editor rust web-assembly

Last synced: 3 months ago
JSON representation

Pixel art editor

• Host: GitHub
• URL: https://github.com/sile/pixcil
• Owner: sile
• License: apache-2.0
• Created: 2022-09-11T12:24:14.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-14T00:04:10.000Z (3 months ago)
• Last Synced: 2025-04-14T01:19:37.108Z (3 months ago)
• Topics: pixel-art-editor, rust, web-assembly
• Language: Rust
• Homepage:
• Size: 759 KB
• Stars: 72
• Watchers: 3
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE-APACHE

Awesome Lists containing this project

README

        
Pixcil

======

[![pixcil](https://img.shields.io/crates/v/pixcil.svg)](https://crates.io/crates/pixcil)

[![vscode version](https://img.shields.io/vscode-marketplace/v/sile.pixcil.svg?label=vscode)](https://marketplace.visualstudio.com/items?itemName=sile.pixcil)

[![Actions Status](https://github.com/sile/pixcil/workflows/CI/badge.svg)](https://github.com/sile/pixcil/actions)

![License](https://img.shields.io/crates/l/pixcil)

Simple pixel art editor with (almost) infinite canvas.

Online editors & editor extensions:

- [GitHub Pages](https://sile.github.io/pixcil) (PWA)

- [VSCode Extension](https://marketplace.visualstudio.com/items?itemName=sile.pixcil)

![Pixcil image](web/pixcil.png)

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

Key Bindings

------------

| Key      | Action                |

|----------|-----------------------|

| TAB      | Switch to next tool   |

| BACKTAB  | Switch to prev tool   |

| p        | Switch to PICK tool   |

| d        | Switch to DRAW tool   |

| f        | Switch to FILL tool   |

| e        | Switch to ERASE tool  |

| s        | Switch to SELECT tool |

| m        | Switch to MOVE tool   |

| Ctrl-z   | undo                  |

| Ctrl-y   | redo                  |

| <        | Switch to prev frame  |

| >        | Switch to next frame  |

How to build

------------

### Web

You can use [Cargo](https://doc.rust-lang.org/cargo/) to build Pixcil.

```console

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

```