WebGL Hero Concept with Fluid Simulation by Quentin BrohanWebGL Hero Concept with Fluid Simulation by Quentin Brohan

WebGL Hero Concept with Fluid Simulation

Quentin Brohan

Quentin Brohan

Iron Lung hero concept - WebGL/Fluid simulation/Motion/Webcam hand tracking/Interaction

Some late night exploration with WebGPU and fluid simulations for a concept hero.
Real-time WebGPU ocean of blood simulation using MLS-MLM technique from matsuoka-601 (thanks Codrops for the detailed article) and mouse interactions.
Webcam display for hand tracking using MediaPipe and camera capture.
First time adding audio for the atmosphere and interactions.
GSAP motion.
Performance: nearly 400k particles in HIGH quality mode, barely reaching 30-35 fps on my MBP M1 integrated GPU but steady 60 fps on dedicated GPU. Decent on mid/high-end phone.
Like this project

Posted Mar 31, 2026

A Fan tribute to Iron Lung: Real-time WebGPU ocean of blood simulation with 3D terrain, MediaPipe hand tracking, and interactive submarine camera.