Blooming Engine

Click “OPEN IN FULLSCREEN” in the bottom right corner for a full-page experience.

STATUS: LIVE_RUNTIME

OPEN IN FULLSCREEN ↗

Showreel

Blooming Engine is a web-based artistic experiment that combines real-time interaction with stylized 3D rendering. Built with Three.js and WebGL, the core of the project is a digital flower that responds dynamically to user hand gestures. By leveraging MediaPipe for high-performance hand tracking, I developed five intuitive interaction logics: users can drive the flower’s implosion or explosion by clenching or releasing their palm, change its theme colors with a victory gesture, or even trigger a visual glitch effect by crossing their arms. To break away from the coldness of standard 3D models, I wrote custom GLSL Shaders using NPR (Non-Photorealistic Rendering) techniques to give the assets a hand-drawn 2D animation aesthetic. Additionally, the backend integrates LLM (Large Language Model) APIs to dynamically adjust growth parameters based on real-time inputs. From 3D modeling to the development of the gesture recognition logic, I handled the full-pipeline production to demonstrate the deep integration of technical pipelines and artistic expression within an interactive environment.