SCC de SnaijerSander de Snaijer
Loading Light/Dark Toggle

Gesture recognition

  1. Screen recording of the map gesture control demo showing an OpenLayers map with a small webcam preview in the corner. A user pans the map by making a fist and moving their hand, then zooms by spreading two open hands apart. All hand tracking and gesture detection runs in the browser using MediaPipe WASM with no backend.

    Control Maps with Hand Gestures: Browser-Native Gesture Control for OpenLayers

    Apr 2026

    Ever wanted to pan, zoom, rotate, and reset a map without touching anything? I built a library that lets you control OpenLayers maps using just your hands. No mouse, no touchscreen, no backend. Everyt...

  1. Hand Tracking, Face Detection & Gesture Recognition with MediaPipe in the Browser

    Hand Tracking, Face Detection & Gesture Recognition with MediaPipe in the Browser

    Mar 2026

    Learn how to build a real-time hand tracking and face detection app in the browser using Google MediaPipe. Draw rainbow trails with your fingers, trigger effects with gestures, and detect mouth movement: all in one HTML file, no install needed.