fluencelabs/wasm-bindgen
1
0
Fork 0
mirror of https://github.com/fluencelabs/wasm-bindgen synced 2025-06-29 04:31:33 +00:00
Code Issues Projects Releases Wiki Activity

Reorganize and rewrite examples

Browse Source 
This commit is a large-ish scale reorganization of our examples. The
main goal here is to have a dedicated section of the guide for example,
and all examples will be listed there. Each example's `README` is now
just boilerplate pointing at the guide along with a blurb about how to
run it.

Some examples like `math` and `smorgasboard` have been deleted as they
didn't really serve much purpose, and others like `closures` have been
rewritten with `web-sys` instead of hand-bound bindings.

Overall it's hoped that this puts us in a good and consistent state for
our examples, with all of them being described in the guide, excerpts
are in the guide, and they're all relatively idiomatically using
`web-sys`.
This commit is contained in:
Alex Crichton
2018-09-20 16:20:42 -07:00
parent a85e49a2b4
commit 3efe51eb8b
128 changed files with 939 additions and 1304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/webgl/.gitignore vendored
View File

@ -1,4 +1,4 @@
package-lock.json
wasm_bindgen_webgl_demo.js
wasm_bindgen_webgl_demo_bg.js
wasm_bindgen_webgl_demo_bg.wasm
webgl.js
webgl_bg.js
webgl_bg.wasm

2
examples/webgl/Cargo.toml
View File

@ -1,5 +1,5 @@
[package]
name = "wasm-bindgen-webgl-demo"
name = "webgl"
version = "0.1.0"
authors = ["The wasm-bindgen Developers"]

10
examples/webgl/README.md
View File

@ -1,9 +1,10 @@
# WebGL Example
This directory is an example of using the `web-sys` crate to interact with
a WebGL context.
[View documentation for this example online][dox]
You can build and run the example with:
[dox]: https://rustwasm.github.io/wasm-bindgen/examples/webgl.html
You can build the example locally with:
```
$ ./build.sh
@ -11,5 +12,4 @@ $ ./build.sh
(or running the commands on Windows manually)
and then opening up `http://localhost:8080/` in a web browser should show a
nice triangle.
and then visiting http://localhost:8080 in a browser should run the example!

2
examples/webgl/build.sh
View File

@ -9,7 +9,7 @@ cargo +nightly build --target wasm32-unknown-unknown
cargo +nightly run --manifest-path ../../crates/cli/Cargo.toml \
--bin wasm-bindgen -- \
../../target/wasm32-unknown-unknown/debug/wasm_bindgen_webgl_demo.wasm --out-dir .
../../target/wasm32-unknown-unknown/debug/webgl.wasm --out-dir .
npm install
npm run serve

1
examples/webgl/index.html
View File

@ -4,6 +4,5 @@
</head>
<body>
<canvas id="canvas" height="150" width="150" />
<script src='./index.js'></script>
</body>
</html>

2
examples/webgl/index.js
View File

@ -1,5 +1,5 @@
// For more comments about what's going on here, check out the `hello_world`
// example.
import('./wasm_bindgen_webgl_demo').then(webgl => {
import('./webgl').then(webgl => {
webgl.draw();
});