spirit-gun

Spirit Gun (霊丸 / Rei Gun) in the browser using MediaPipe Hands + Canvas.

Live demo: finger gun gesture → energy blast

Features

• Real-time hand tracking (finger-gun gesture detection)
• Energy projectile trail, muzzle flash, and impact particles
• Energy bar, cooldown, and a simple shoot SFX

Quick start

Serve locally (required for webcam permissions):

python3 -m http.server 8000
# or
npx http-server -p 8000

Then open http://localhost:8000, allow camera access, and form the finger-gun (index out, thumb up). Drop the thumb to fire.

Files

index.html    # App shell and UI
style.css     # UI and effects styling
spirit-gun.js # Tracking, effects, audio, UI logic

Notes

• Tweak energy, cooldown, and particle settings in spirit-gun.js.
• Best results with good lighting and a clear hand in frame.