#![deny(warnings)] extern crate serde_json; extern crate wasm_bindgen; extern crate emigui; extern crate emigui_wasm; use { emigui::{ color::srgba, containers::*, example_app::ExampleWindow, label, widgets::{Label, Separator}, Align, Emigui, RawInput, TextStyle, *, }, emigui_wasm::now_sec, }; use wasm_bindgen::prelude::*; #[wasm_bindgen] pub struct State { example_app: ExampleWindow, emigui: Emigui, webgl_painter: emigui_wasm::webgl::Painter, frame_times: emigui::MovementTracker, } impl State { fn new(canvas_id: &str, pixels_per_point: f32) -> Result { let emigui = Emigui::new(pixels_per_point); emigui_wasm::load_memory(emigui.ctx()); Ok(State { example_app: Default::default(), emigui, webgl_painter: emigui_wasm::webgl::Painter::new(canvas_id)?, frame_times: emigui::MovementTracker::new(1000, 1.0), }) } fn run(&mut self, raw_input: RawInput) -> Result { let everything_start = now_sec(); let pixels_per_point = raw_input.pixels_per_point; self.emigui.begin_frame(raw_input); let mut region = self.emigui.background_region(); let mut region = region.centered_column(region.available_width().min(480.0)); region.set_align(Align::Min); region.add(label!("Emigui!").text_style(TextStyle::Heading)); region.add_label("Emigui is an immediate mode GUI written in Rust, compiled to WebAssembly, rendered with WebGL."); region.add_label( "Everything you see is rendered as textured triangles. There is no DOM. There are no HTML elements." ); region.add_label("This is not JavaScript. This is Rust, running at 60 FPS. This is the web page, reinvented with game tech."); region.add_label("This is also work in progress, and not ready for production... yet :)"); region.horizontal(|region| { region.add_label("Project home page:"); region.add_hyperlink("https://github.com/emilk/emigui/"); }); region.add(Separator::new()); region.set_align(Align::Min); region.add_label("WebGl painter info:"); region.indent("webgl region", |region| { region.add_label(self.webgl_painter.debug_info()); }); region.add( label!( "CPU usage: {:.2} ms (excludes painting)", 1e3 * self.frame_times.average().unwrap_or_default() ) .text_style(TextStyle::Monospace), ); region.add( label!( "FPS: {:.1}", 1.0 / self.frame_times.mean_time_interval().unwrap_or_default() ) .text_style(TextStyle::Monospace), ); // TODO: Make it even simpler to show a window Window::new("Examples") .default_pos(pos2(32.0, 300.0)) .default_size(vec2(300.0, 400.0)) .show(region.ctx(), |region| { self.example_app.ui(region); }); Window::new("Emigui settings") .default_pos(pos2(400.0, 300.0)) .default_size(vec2(400.0, 400.0)) .show(region.ctx(), |region| { self.emigui.ui(region); }); let bg_color = srgba(0, 0, 0, 0); // Use background css color. let (output, batches) = self.emigui.end_frame(); let now = now_sec(); self.frame_times.add(now, (now - everything_start) as f32); self.webgl_painter.paint_batches( bg_color, batches, self.emigui.texture(), pixels_per_point, )?; emigui_wasm::save_memory(self.emigui.ctx()); // TODO: don't save every frame Ok(output) } } #[wasm_bindgen] pub fn new_webgl_gui(canvas_id: &str, pixels_per_point: f32) -> Result { State::new(canvas_id, pixels_per_point) } #[wasm_bindgen] pub fn run_gui(state: &mut State, raw_input_json: &str) -> Result { // TODO: nicer interface than JSON let raw_input: RawInput = serde_json::from_str(raw_input_json).unwrap(); let output = state.run(raw_input)?; Ok(serde_json::to_string(&output).unwrap()) }