Skip to content

Egui gui integration with winit and vulkano

Notifications You must be signed in to change notification settings

jsatka/egui_winit_vulkano

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

egui_winit_vulkano

MIT Apache

This is an egui integration for winit and vulkano.

You'll need a Vulkano target image as an input to which the UI will be painted. The aim of this is to allow a simple enough API to separate UI nicely out of your renderer and make it easy to build your immediate mode UI with Egui.

Usage

  1. Create your own renderer with Vulkano, and allow access to Vulkano's gfx queue Arc<Queue> and Vulkano's winit surface Arc<Surface<Window>>
  2. Create Gui integration with the surface & gfx queue
let mut gui = Gui::new(renderer.surface(), renderer.queue());
  1. Inside your event loop, update gui integration
event_loop.run(move |event, _, control_flow| {
    // Update Egui integration so the UI works!
    gui.update(&event);
    // ...match event {..}
});
  1. Fill immediate mode UI through the integration in Event::RedrawRequested before you render
gui.immediate_ui(|gui| {
    let ctx = gui.context();
    // Fill egui UI layout here
    // It may be convenient to organize the layout under a stateful GuiState struct (See `wholesome` example)
});
  1. Render gui via your renderer on any image or most likely on your swapchain images:
renderer.render(&mut gui); //... and inside render function:
// Draw, where
// future = acquired future from previous_frame_end.join(swapchain_acquire_future) and
// image_view_to_draw_on = the final image onto which you wish to render UI, usually e.g.
// self.final_images[image_num].clone() = one of your swap chain images.
// [0.0, 0.0, 0.0, 0.0] = clear color
let after_future = gui.draw(future, image_view_to_draw_on, [0.0, 0.0, 0.0, 0.0]);
  1. Finish your render by waiting on the future gui.draw returns. See finish function in example renderers

See the examples directory for a more wholesome example which uses Vulkano developers' frame system to organize rendering.

Remember, on Linux, you need to install following to run Egui

sudo apt-get install libxcb-render0-dev libxcb-shape0-dev libxcb-xfixes0-dev

Examples

cargo run --example wholesome
cargo run --example minimal

Notes

This integration would not have been possible without the examples from vulkano-examples or egui_winit_ash_vk_mem.

About

Egui gui integration with winit and vulkano

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Rust 100.0%