Mit dem Finger in die Luft malen.
Webcam an, Zeigefinger hoch: eine Neon-rote Laser-Linie folgt der Fingerspitze, mit feinem Funkenflug am Strich. Pinch greift bereits gezeichnete Linien und verschiebt sie. Offene Handfläche radiert.
MediaPipe Hands · Canvas 2D · Webcam-Freigabe erforderlich
Webcam erlauben.
Diese Seite läuft komplett im Browser. Die Webcam wird nur lokal von MediaPipe verarbeitet. Kein Frame verlässt dein Gerät. Auf Mobil empfiehlt sich Querformat.
Was hier passiert.
Drei Gesten triggern drei Modi. Der Skelett-Layer rendert die 21 erkannten Hand-Landmarken in Cyan, damit du siehst, was die Maschine sieht.
MediaPipe sieht 21 Punkte.
Aus jedem Webcam-Frame extrahiert das Modell 21 Landmarken pro Hand: Handgelenk, Daumen, vier Finger mit je vier Gelenken. Aus diesen Punkten lassen sich Posen mit ein paar Vektoren ableiten.
Drei Posen, drei Werkzeuge.
Nur Zeigefinger ausgestreckt → Pinsel. Daumen und Zeigefinger zusammen (Pinch) → Verschieben. Alle Finger gestreckt → Eraser. Die Übergänge zwischen Posen sind hart, damit nichts versehentlich gelöscht wird.
Wo die Daten bleiben.
Nirgendwo. Die Pipeline läuft on-device im Browser, das Canvas wird nur lokal gezeichnet. Wenn du den Tab schliesst, ist alles weg: keine Cloud, kein Tracking.
Was noch dazukommen könnte.
Mehrere Hände gleichzeitig, Farbwahl per Geste, Tiefe via Z-Koordinate, Export als PNG. Diese Seite ist eine Spielwiese. Erweiterungen wandern in Folge-Subpages.