https://github.com/sile/pixcil

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

pixel-art-editor rust web-assembly

Last synced: 6 days 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 (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-29T10:43:06.000Z (about 1 month ago)
• Last Synced: 2024-10-07T05:43:40.086Z (about 1 month ago)
• Topics: pixel-art-editor, rust, web-assembly
• Language: Rust
• Homepage:
• Size: 816 KB
• Stars: 70
• Watchers: 4
• Forks: 3
• Open Issues: 1
• 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

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

```