WebGPU Compute Shaders: Coding a Slime Mold Simulation

In this video, we go over my process of recreating Sebastian Lague’s slime mold simulation using WebGPU and TypeScript.

We start with an introduction to WebGPU. Then we learn about what compute shaders are and how they can be useful for tasks like image processing, training AI models, terrain generation, and particle effects. After that, we go over the render pipeline I made to create the slime mold simulation and finish with a demo.

📖 Code - https://github.com/SuboptimalEng/slim...
👉 Playable Demo - https://suboptimaleng.github.io/slime...

🎥 YouTube -    / suboptimaleng  
💻 GitHub - https://github.com/SuboptimalEng
🐦 Twitter -   / suboptimaleng  
🧵 Threads - https://www.threads.net/@suboptimaleng
📸 Instagram -   / suboptimaleng  

== [ Resources ] ==
Jeff Jones Research Paper - https://uwe-repository.worktribe.com/...
Sebastian Lague's Code - https://github.com/SebLague/Slime-Sim...
Sebastian Lague's Video -    • Coding Adventure: Ant and Slime Simul...  
WebGPU Fundamentals - https://webgpufundamentals.org/
WebGPU Tutorial Series - https://codelabs.developers.google.co...

== [ Timestamps ] ==
00:00 Slime Mold with WebGPU
00:34 What is WebGPU?
01:09 What are Compute Shaders?
02:09 Graphics Pipeline Explained
02:40 Slime Simulation Demo

== [ Music Credits] ==
Nujabes - Aruarian Dance

== [ Tags ] ==
#suboptimal #webgpu #shaders #typescript #javascript