egui 的 macroquad 绑定

这是使用 egui 的最简单方法。只需两个函数！

Web 示例。

使用方法

当您需要从 ui 获取信息时，需要调用 ui。然后，只有在那个函数之后，当您需要绘制 egui 内容时，必须调用 draw 函数。所有这些函数都应该在每个帧中调用一次。

以下是一个使用此库的小例子

use macroquad::prelude::*;

#[macroquad::main("egui with macroquad")]
async fn main() {
    loop {
        clear_background(WHITE);

        // Process keys, mouse etc.

        egui_macroquad::ui(|egui_ctx| {
            egui::Window::new("egui ❤ macroquad")
                .show(egui_ctx, |ui| {
                    ui.label("Test");
                });
        });

        // Draw things before egui

        egui_macroquad::draw();
        
        // Draw things after egui

        next_frame().await;
    }
}

构建

对于原生和 Web 的构建方式与 macroquad 相同。您可以在 这里 了解有关信息。或者您也可以查看 egui-miniquad 的构建示例。

但对于 wasm，您需要包含两个额外的 .js 文件，这是 quads 的插件，说明可在这里找到 这里。