Overview

Animation principles it's simple reference that was vibe coded.

Link to experiance

https://mattgid.github.io/WEB-Experiances/phase-dynamics/dist/index.html

Concept

My goal was to bypass the syntax barrier and "vibe code" a high-concurrency engine.

• AI Philosophy: I acted as Creative Director, using Google AI Studio as my Senior Engineer to translate plain-English logic into complex WGSL shaders.

• Constraints: Focused on three material states (solid, liquid, gas) to keep the simulation clean and analytical.

  
  

Tools

• Orchestration: Google AI Studio

• Stack: WebGPU, WGSL, TypeScript, Vite

  
  

Reflection

Super fun few hours project.