08 — WebGL + AR — 2025
SAT0RU
SAT0RU is an in-browser augmented reality demo built with Three.js and MediaPipe. It tracks your hand movements through your laptop webcam and spawns 3D particle spheres that follow your fingers in real time.
SAT0RU Case Study & Architecture
The SAT0RU Challenge
Most camera filter web apps are limited to simple face stickers or flat image masks. I wanted to build complex 3D physics that react directly to a user moving their hands.
Engineering Approach for SAT0RU
I used MediaPipe to track 21 hand joints on camera at 60 frames per second. Unique hand poses trigger 3D particle spells: blue particles pull inward, red push outward, and purple creates a spiral storm. Three.js bloom filters give everything a sharp cinematic glow.
Core Highlights & Architecture
Tracked 21 hand joints using MediaPipe to trigger 7 distinct 3D visual effects in the browser.
Built real-time gravity and pull physics for thousands of glowing Three.js particles with high frame rates.
Shipped as a fast static site with zero installs, smooth camera controls, and cinema-grade lighting effects.