Simulating Sand: Building Interactivity With WebAssembly

on YouTube ↗22m

" summary

A falling-sand engine called Sand Spiel runs a 2D grid at ~60 frames a second, with per-cell update functions (sand checks below and diagonals) moved into WebAssembly for speed and the UI kept in 50% JavaScript and 50% Rust. Tooling uses wasm-pack to compile Rust to a JS module. The result scales far beyond a JS-only prototype, supports user uploads and forking, but surfaces moderation and trust trade-offs despite WebAssembly’s sandbox.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 1:22Falling Sand Games
3. 4:12Powder Game
4. 10:07Demo
5. 10:52Web Assembly
6. 16:16Web Assembly Code
7. 16:59Sand Update Function
8. 20:25Manual Moderation

" related talks

• 01h 09mSandbox Games: Using WebAssembly and C++ to make a simple gameÓlafur Waage · Meeting C++ 2022
• 54mSandbox Games: Using WebAssembly and C++ to Make a Simple GameÓlafur Waage · C++ on Sea 2022
• 01h 12mSandbox Games - Using WebAssembly and C++ to Make a Simple GameÓlafur Waage · ACCU 2022
• 35mModern Sandboxing: Using Web Assembly in JavaFrank Lyaruu · Voxxed Days Crete 2025
• 41mCreating High-Performance Web Apps with WebAssemblyKonstantin Möllers · DevDays Europe 2019
• 50mWeb AssemblyBrian Sletten · Developer Summit 2020
• 44mOut of the JavaScript Box: Front-End Rust ProgrammingPedro Castilho · The Conf 2018
• 43mWhy you should consider Web Assembly in your next frontend projectHåkan Silfvernagel · NDC London 2021