hand-frame-fx

Vite + JavaScript + MediaPipe Hand Landmarker + Canvas 2D demo.

Quick Start

npm install
npm run dev

Open the local Vite URL and allow camera access.

Tech

• Vite
• MediaPipe Tasks Vision
• Canvas 2D
• Local model asset + installed WASM runtime

Docs

• Architecture
• Deployment

Effects

Use the bottom control to switch between toon, glitch, blur, pixelate, and invert.