WASM Game of Life

Try it out here

This is the tutorial from the Rust and WebAssembly book. I'm using Svelte for the frontend.

Quick Start

Unix

Assuming a fresh install (no node, no rust)

1. Clone the repo.
2. cd into repo
3. Install nvm, close and reopen terminal after install.
4. Run

nvm install --lts

5. To verify install run

node -v
// should output something similar to
v16.13.0

6. This monorepo uses yarn workspaces under the hood. Install yarn by running

npm i -g yarn cross-env vite tailwind

7. Install rustup + rust

curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
// follow installation prompts, close and reopen terminal after install.

8. Install wasm-pack

curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh

9. If in Ubuntu or similar, you need to install a CC linker (you might already have it if you've run sudo apt-get update before), run

sudo apt-get update
sudo apt install build-essential

10. Yarn needs rust to be build at least once so it can cross reference dependencies in the monorepo. Run in the repo root directory

yarn rust:build
// don't panic, this might take a few seconds

11. Install node dependencies, run

yarn

12. Build the Svelte app

yarn run web:build

13. Install cargo watch

cargo install cargo-watch

14. To start the development server, run

yarn dev

15. To start the just the web development server, run

yarn run web:dev

16. To start the production server, run

yarn run web:prod

17. Enjoy! Got some feedback? Open an issue, or better yet, a PR. If you like this template, please star this repo.

What's next

This needs to work with a regular CI (ie: vercel/netlify/github pages). Will create a guide for this if there is enough demand for it.

If this gets enough attention, and there demand for it, I will create a template for sveltekit, and potentially for vue and react.