Web Optimizations and Fixes (#108)

Issue:
==============
N/A

What was done:
==============
* Added a web profile for optimized release builds.
* Switches Web API to WebGL2 for better compatibility.
* Fixed a potential issue that could freeze the game while loading
assets.
* Removed RenderPlugin backend setup in Web builds.

Author: mnmaita

.cargo/config.toml

@@ -1,2 +1,7 @@
+[profile.web]
+inherits = "release"
+opt-level = "s"
+lto = "thin"
+
 [target.wasm32-unknown-unknown]
 runner = "wasm-server-runner"

Cargo.lock

@@ -22,6 +22,7 @@ bevy = { version = "0.12.0", default-features = false, features = [
     "multi-threaded",
     "png",
     "vorbis",
+    "webgl2",
     "x11",
 ] }
 bevy_rapier2d = { version = "0.23.0", features = ["debug-render-2d"] }

Cargo.toml

@@ -33,7 +33,7 @@ impl Plugin for AudioPlugin {
                 update_sound_effect_assets_load_state,
             )
                 .chain()
-                .run_if(resource_equals(AudioLoadStates::default())),
+                .run_if(not(resource_equals(AudioLoadStates::LOADED))),
         );
     }
 }

src/audio.rs

@@ -14,7 +14,7 @@ impl Plugin for FontsPlugin {
         app.add_systems(Startup, load_fonts);
         app.add_systems(
             Update,
-            update_font_assets_load_state.run_if(resource_equals(FontsLoadState::default())),
+            update_font_assets_load_state.run_if(not(resource_equals(FontsLoadState::Loaded))),
         );
     }
 }

src/fonts.rs

@@ -41,12 +41,17 @@ fn main() {
         DefaultPlugins
             // FIXME: Remove setting the backend explicitly to avoid noisy warnings
             // when https://github.com/gfx-rs/wgpu/issues/3959 gets fixed.
-            .set(RenderPlugin {
-                render_creation: RenderCreation::Automatic(WgpuSettings {
-                    backends: Some(Backends::DX12),
-                    ..default()
-                }),
-            })
+            .set(
+                #[cfg(not(target_family = "wasm"))]
+                RenderPlugin {
+                    render_creation: RenderCreation::Automatic(WgpuSettings {
+                        backends: Some(Backends::DX12),
+                        ..default()
+                    }),
+                },
+                #[cfg(target_family = "wasm")]
+                RenderPlugin::default(),
+            )
             .set(ImagePlugin::default_nearest())
             .set(AssetPlugin {
                 mode: AssetMode::Unprocessed,

src/main.rs

@@ -14,7 +14,8 @@ impl Plugin for TexturesPlugin {
         app.add_systems(Startup, load_textures);
         app.add_systems(
             Update,
-            update_texture_assets_load_state.run_if(resource_equals(TexturesLoadState::default())),
+            update_texture_assets_load_state
+                .run_if(not(resource_equals(TexturesLoadState::Loaded))),
         );
     }
 }