08 — WebGL + AR — 2025
SAT0RU
SAT0RU is a browser-based AR experience powered by MediaPipe hand tracking and Three.js. It recognizes hand gestures in real-time to trigger animated cursed techniques — Hollow Purple, Cleave, Infinite Void — rendered as volumetric particle fields with Unreal Bloom post-processing.
The Challenge
Anime visual effects look incredible on screen but have never been translated into interactive, real-time experiences that respond to the user's actual body. Existing AR web apps are limited to face filters and simple overlays.
The Approach
I used MediaPipe Hands for real-time gesture recognition — mapping specific hand poses to 7 distinct cursed techniques. Each technique spawns a unique Three.js particle system: Blue uses gravitational attraction, Red uses repulsion physics, Hollow Purple combines both into a chaotic singularity. Unreal Bloom post-processing and Film Grain filters create the cinematic anime aesthetic.
What I Built
Built real-time hand gesture recognition using MediaPipe that maps 7 distinct hand poses to unique volumetric particle effects.
Rendered cinematic 3D particle systems with Three.js — gravitational attraction, repulsion physics, and chaotic singularity simulations.
Deployed as a zero-install static site with Unreal Bloom and Film Grain post-processing for a cinematic anime aesthetic.