chore(example): allow running triangle example on wasm

.cargo/config.toml

@@ -0,0 +1,2 @@
+[alias]
+run-wasm = ["run", "--release", "--package", "run-wasm", "--"]

Cargo.toml

@@ -5,6 +5,7 @@ members = [
  "fast3d-glium-renderer",
  "fast3d-wgpu-renderer",
  "examples/*",
+ "run-wasm",
 ]
 default-members = [
  "examples/*",
@@ -56,4 +57,13 @@ async-executor = "1"
 pigment64 = "0.3.0"
 nohash-hasher = "0.2.0"
 
+# wasm32 dependencies
+console_error_panic_hook = "0.1.7"
+console_log = "1"
+js-sys = "0.3.64"
+wasm-bindgen = "0.2.87"
+wasm-bindgen-futures = "0.4.34"
+wasm-bindgen-test = "0.3"
+web-sys = "0.3.64"
+
 [patch.crates-io]

README.md

@@ -22,6 +22,18 @@ Check out the examples folder for some examples of how to use the library.
 
 _Looking for a solution that includes this, windowing, audio and controller input? Check out [Helix](https://github.com/retrofoundry/helix)!._
 
+## Examples
+
+### Triangle
+```bash
+cargo run --bin triangle
+```
+
+To run on web (requires browser with WebGPU support) you can use:
+```bash
+RUSTFLAGS=--cfg=web_sys_unstable_apis cargo run-wasm --bin triangle
+```
+
 ## Community
 
 [![](https://dcbadge.vercel.app/api/server/nGckYNTp4w)](https://discord.gg/nGckYNTp4w)

examples/common/Cargo.toml

@@ -18,4 +18,25 @@ wgpu.workspace = true
 env_logger.workspace = true
 winit.workspace = true
 pollster.workspace = true
+
+[target.'cfg(not(target_arch = "wasm32"))'.dependencies]
 async-executor.workspace = true
+
+[target.'cfg(target_arch = "wasm32")'.dependencies]
+console_error_panic_hook.workspace = true
+console_log.workspace = true
+js-sys.workspace = true
+wasm-bindgen.workspace = true
+wasm-bindgen-futures.workspace = true
+#hal = { workspace = true, optional = true }
+# We need these features in the framework examples and tests
+web-sys = { workspace = true, features = [
+ "Location",
+ "Blob",
+ "RequestInit",
+ "RequestMode",
+ "Request",
+ "Response",
+ "WebGl2RenderingContext",
+ "CanvasRenderingContext2d"
+] }