FractX WebAssembly Demo

This is my first WebAssembly program.

Building

Prerequisites

Rust via rustup
rustup install nightly
rustup target add wasm32-unknown-unknown --toolchain nightly
cargo +stable install wasm-gc
wasm-opt from binaryen
npm from nodejs
npm i -g rollup

Build all with just

cargo +stable install just
just fetch
just

Build WebAssembly

First we need to build a .wasm file:

cargo +nightly build --lib --target wasm32-unknown-unknown --release

Then we should gc unused parts with:

wasm-gc target/wasm32-unknown-unknown/release/fractx_wasm_demo.wasm -o static/fractx_wasm_demo.gc.wasm

We may even try to optimise it even further with:

wasm-opt -O3 static/fractx_wasm_demo.gc.wasm -o static/fractx_wasm_demo.gc.opt.wasm

Build javascript

Go to the root of the project and just run:

rollup -c

Test

Now point some http server to serve files from static directory. Make sure it has mime type: application/wasm assigned to .wasm files. On windows one may use this registry file.

I'am quite used to devd, e.g.:

devd static -o

Links

Usefull WebAssembly and Rust related links:

royaltm/rust-fractx-wasm-demo