Add and use a custom canvas element on the page

Tell bevy to find the canvas with ID "#boids-canvas" instead of creating it's own.
2025-10-28 16:12:09 -05:00
parent eca864ec8e
commit e16c0e2e32
2 changed files with 2 additions and 0 deletions
--- a/src/main.rs
+++ b/src/main.rs
@@ -10,6 +10,7 @@ fn main() {
    App::new()
        .add_plugins(DefaultPlugins.set(WindowPlugin {
            primary_window: Some(Window {
+                canvas: Some("#boids-canvas".to_owned()),
                fit_canvas_to_parent: true,
                prevent_default_event_handling: false,
                ..default()
--- a/www/index.html
+++ b/www/index.html
@@ -2,6 +2,7 @@
 <html lang="en">

 <body style="margin: 0px;">
+  <canvas id="boids-canvas" width="1280" height="720"></canvas>
  <script type="module">
    import init from './boids.js'