wand

Wand is targeted as UI framework for web canvas based web applications.

Get Started

examples shows a basic sample application made with wand.

``` use wand; use wasm_bindgen::prelude::*;

[wasm_bindgen]

pub struct Application { app: wand::core::Application, }

[wasm_bindgen]

impl Application { pub fn new() -> Self { let mut app = wand::Application::newwithcanvasid("canvas"); let state = app.getstate();

    let mut scene = wand::Scene::default(state.clone());
    let section1 = app.new_section("section1", 1., 0.8, 0.01);
    // let section2 = app.new_section("section2", 0.8, 0.5, 0.01);
    let section3 = app.new_section("section3", 0.8, 1., 0.2);
    let section4 = app.new_section("section4", 1., 1., 0.2);
    let cursor_span = wand::TextSpan::new(state.clone(), "cursor", "Cursor:(N/A)", 1., 1.);
    {
        let mut section4_mut = section4.borrow_mut();
        section4_mut.add_span(cursor_span);
    }

    let section5 = app.new_section("section5", 1.,1., 0.2);
    let span = wand::TextSpan::new(state.clone(), "sample_span", "TextSpan", 1., 1.);
    {
        let mut section5_mut = section5.borrow_mut();
        section5_mut.add_span(span);
    }
    {
        let mut sec = section1.borrow_mut();
        sec.add_section(&section3);
        sec.add_section(&section4);
    }

    scene.add_section(&section1);
    /*
    scene.add_section(&section2);
    */
    // scene.add_section(&section4);
    scene.add_section(&section5);
    app.register(scene);

    Self {
        app,
    }
}

pub fn draw(&self) {
    self.app.draw();
}

pub fn on_size_change(&mut self) {
    self.app.on_resize();
}

pub fn on_mouse_move(&mut self, x: f64, y: f64) {
    self.app.on_mouse_move(x, y);
    {
        let state = self.app.get_state();
        let state = state.borrow();
        let cursor = state.get_span("cursor").unwrap().upgrade().unwrap();
        let mut cursor = cursor.borrow_mut();
        cursor.as_mut().set_text(&format!("Cursor: x: {}, y: {}", x, y));
    }
    self.app.draw();
}

} ```

The window will looks like: