Crates.io | pixel-canvas |
lib.rs | pixel-canvas |
version | 0.2.3 |
source | src |
created_at | 2019-08-25 08:59:35.15211 |
updated_at | 2022-06-19 22:40:28.170575 |
description | A crate to make it easy to build interactive computer art with just a pixel buffer. |
homepage | |
repository | https://github.com/porglezomp/pixel-canvas |
max_upload_size | |
id | 159517 |
size | 77,948 |
This crate is designed to make it easy to build interactive computer art with just a pixel buffer. For inspiration, consider looking at https://shadertoy.com and http://www.iquilezles.org/www/index.htm, there are a lot of cool art pieces to see and explanations of fun techniques!
To make a piece of art, you create and configure a Canvas
object, and
then you ask it to render
with your code. The canvas will do state
management and hand you an image to modify. Whatever modifications you make
to the image will be displayed on the screen.
use pixel_canvas::{Canvas, Color, input::MouseState};
fn main() {
// Configure the window that you want to draw in. You can add an event
// handler to build interactive art. Input handlers for common use are
// provided.
let canvas = Canvas::new(512, 512)
.title("Tile")
.state(MouseState::new())
.input(MouseState::handle_input);
// The canvas will render for you at up to 60fps.
canvas.render(|mouse, image| {
// Modify the `image` based on your state.
let width = image.width() as usize;
for (y, row) in image.chunks_mut(width).enumerate() {
for (x, pixel) in row.iter_mut().enumerate() {
let dx = x as i32 - mouse.x;
let dy = y as i32 - mouse.y;
let dist = dx * dx + dy * dy;
*pixel = Color {
r: if dist < 128 * 128 { dy as u8 } else { 0 },
g: if dist < 128 * 128 { dx as u8 } else { 0 },
b: (x * y) as u8,
}
}
}
});
}
or run an included example (with nightly):
cargo +nightly run --example api_example
License: MIT OR Apache-2.0