SCC de SnaijerSander de Snaijer
Loading Light/Dark Toggle

WebGL

WebGL browser experiments: 3D rendering and graphics in the browser, used in webcam games and interactive visual projects.

WebGL projects

  1. 15 Mar 2026

    Face-controlled Tetris game where a player moves pieces by raising eyebrows and opening their mouth using webcam face detection.

    Eyebrow Tetris: Face Controlled Browser Game

    A browser Tetris game controlled by your face. Raise your eyebrows to rotate, tilt your head to move pieces. Built with MediaPipe face mesh tracking.

  2. 2 Mar 2026

    Pug's Hunt browser game using webcam hand tracking to aim and shoot ducks

    Pug's Hunt: Webcam Duck Hunt with Hand Tracking

    A webcam-controlled browser game inspired by Duck Hunt. Point your hand to aim, make a finger gun to shoot. Built with MediaPipe hand tracking and Next.js.

  3. 18 Feb 2026

    3D Toilet Paper Roll Simulator

    3D Toilet Paper Roll Simulator with Real Thermal Printing

    A 3D toilet paper roll simulator with Three.js that prints whatever you type on a real thermal printer. Drag to unroll, watch the paper stack on the floor.

WebGL articles

  1. 12 Apr 2026

    Gesture Controls for OpenLayers, Google Maps & Leaflet

    Gesture Controls for OpenLayers, Google Maps & Leaflet

    Add open source hand gesture controls to OpenLayers, Google Maps and Leaflet with MediaPipe hand tracking. Pan, zoom and rotate maps by webcam.

  2. 22 Mar 2026

    MediaPipe Hand Tracking & Face Detection in JavaScript

    MediaPipe Hand Tracking & Face Detection in JavaScript

    Beginner MediaPipe JavaScript tutorial: build a real-time hand tracking and face detection app in one HTML file with rainbow trails, particles and webcam effects.