This is an adapted demo application from the Rust 🦀 and WebAssembly 🕸 book.
We have two components:
1.Fast Rust backend that implements the Game of Life data.
Rust code is compiled into .wasm binary via cargo and corresponding Javascript API is generated
(all done via single wasm-pack build command).
This code can be found in lib.rs.
2. Javascript application that implements the frontend, reading Game of Life data via the above API.
The Rust component is built by
cargo install wasm-pack
wasm-pack buildwhich creates a pkg directory with a .wasm binary and a bunch of .js/.ts files.
We also need the package-lock.json for the frontend to load this as a module.
Webpack is used to build the frontend with the Rust-based module. The latter one is exported via
import { Universe, UniversePattern } from "wasm-gol";
import { memory } from "wasm-gol/wasm_gol_bg.wasm";where wasm-gol is the name of the package created in the first step.
From the www directory, run npm run start and go to localhost:8080.
This application can alse be deployed to Github Pages (see this Github Action) which builds everything, and then uploads static artifacts.
You can find the deployed app at http://petrkungurtsev.me/wasm_game_of_life/.