summaryrefslogtreecommitdiffstats
path: root/examples/integration/README.md
blob: aa3a6e94ad987bafa4f9eeb1047ab6dbaec6d7bf (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
## `wgpu` integration

A demonstration of how to integrate Iced in an existing [`wgpu`] application.

The __[`main`]__ file contains all the code of the example.

<div align="center">
  <img src="https://iced.rs/examples/integration.gif">
</div>

You can run it with `cargo run`:
```
cargo run --package integration_wgpu
```

### How to run this example with WebGL backend
NOTE: Currently, WebGL backend is still experimental, so expect bugs.

```sh
# 0. Install prerequisites
cargo install wasm-bindgen-cli https
# 1. cd to the current folder
# 2. Compile wasm module
cargo build -p integration_wgpu --target wasm32-unknown-unknown
# 3. Invoke wasm-bindgen
wasm-bindgen ../../target/wasm32-unknown-unknown/debug/integration_wgpu.wasm --out-dir . --target web --no-typescript
# 4. run http server
http
# 5. Open 127.0.0.1:8000 in browser
```


[`main`]: src/main.rs
[`wgpu`]: https://github.com/gfx-rs/wgpu