SCC de SnaijerSander de Snaijer
Loading Light/Dark Toggle

Canvas

HTML5 Canvas projects: 2D rendering for browser games, visualizations, and interactive experiments drawn frame by frame in JavaScript.

Canvas projects

  1. 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

    15 Mar 2026

    A browser-based game that uses MediaPipe face mesh tracking to control falling Tetris blocks with head movements. Tilt your head left or right to move pieces, look up to rotate. Runs entirely in the b...

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

    Pug's Hunt: Webcam Duck Hunt with Hand Tracking

    2 Mar 2026

    Pug’s Hunt is a browser game inspired by the classic NES Duck Hunt, controlled entirely through your webcam using hand tracking and facial gestures. Players aim by pointing their finger and shoot by o...

  3. Game of Life in react/redux

    John Conway's game of life in react/redux

    22 Nov 2018

    John Conway's Game of Life, built with React and Redux. The Game of Life is a classic cellular automaton and zero-player game invented by mathematician John Conway in 1970. Once set in motion, the sim...

Canvas articles

  1. MediaPipe Hand Tracking & Face Detection in JavaScript

    MediaPipe Hand Tracking & Face Detection in JavaScript

    22 Mar 2026

    A beginner MediaPipe JavaScript tutorial: build a real-time hand tracking and face detection app in one HTML file. Draw rainbow trails, burst star particles with a peace sign, and trigger Spongebob face effects by opening your mouth. No npm, no backend, runs entirely in the browser using your webcam.