Real-Time Webcam Hand-Tracked 3D Energy Orb & Blast (MediaPipe)
Interactive browser-based computer vision app with MediaPipe hand tracking, 3D rotating plasma energy sphere, particle vortex, and shockwave blast gesture
A production-ready computer vision component using MediaPipe Hands and HTML5 Canvas. Tracks 21 real-time hand landmarks directly via the browser webcam with zero backend dependencies. Anchors a rotating multi-layer plasma energy ball (Rasengan / magic aura) directly to the palm center, scaling dynamically with hand distance. Triggering an open-palm gesture or forward thrust detonates a full-screen radial shockwave blast with additive bloom lighting.
Preview
Source code — unlock now
Get the full, commented source with copy, .html and PDF download.
Digital product, delivered instantly. No refunds once the code is unlocked or downloaded. See our Snippet Terms.
Support the Code Library
These previews are free to browse. If a snippet saved you time, a coffee helps keep new ones coming.
Built by Cardly NFC Scanner
Turn your phone into a digital business card and read, write or erase NFC tags yourself — plus a full toolkit of free browser tools.
Feedback
Spotted a bug or have a request for this snippet? Let us know.