porglezomp / pixel-canvas

A crate to make drawing in a buffer of pixels easy!

Pixel Canvas

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!

Usage

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.

Example

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

pixel-canvas's Issues

DPI isn't right on Mac with retina display

The demo included in the crate-level doc-string doesn't render correctly.

• As written, the circle that is supposed to follow the mouse is centered at a point twice as far from the upper left corner as the actual mouse pointer.

• If I add .hidpi(true) to the canvas setup, the window covers the same amount of screen area (as measured in inches), but the image is rendered at twice the pixel density. The circle is smaller. But its center is still twice as far from the upper left as the mouse pointer.

The error has to be either in input.rs or in Glutin itself...

Winit changes cause compilation failure

So i have been trying to install pixel-canvas to give it a try, but when i try to build it, this error gets popped out into my terminal

error[E0599]: no method named `hidpi_factor` found for type `&winit::window::Window` in the current scope
   --> G:\Rust\.cargo\registry\src\github.com-1ecc6299db9ec823\pixel-canvas-0.2.0\src\canvas.rs:221:42
    |
221 |             display.gl_window().window().hidpi_factor()
    |                                          ^^^^^^^^^^^^ method not found in `&winit::window::Window`

error: aborting due to previous error

For more information about this error, try `rustc --explain E0599`.
error: could not compile `pixel-canvas`.
warning: build failed, waiting for other jobs to finish...
error: build failed

i'm using the latest stable version of Rust with MSVC Build tools

Update the dependency

Please update the dependency glium from 0.26 to 0.28, so that the upstream fixes from glutin->winit can be used to pass the compilation on Applle Silicon Macs

How can I get multiple states or deal with different types of inputs?

Hi! I like your library, but I cannot see how to deal with multiple inputs. Say, I want to deal with keyboard input and based on that to change my render modes, and I also want mouse interactions, how can I do that? Thanks!