SCC de SnaijerSander de Snaijer
Loading Light/Dark Toggle

Javascript

Projects and posts using JavaScript: from browser games with webcam controls to interactive tools and frontend experiments.

Javascript projects

  1. 16 Apr 2026

    A tiny OLED display connected to an ESP32 showing a live webcam feed in a dithered 1-bit pixel style, streamed wirelessly from the browser over Wi-Fi.

    ESP32 Mini OLED Webcam Stream

    Stream your webcam to a tiny ESP32 OLED display with MediaPipe face detection and seven dithering styles. Runs from a single Arduino sketch file.

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

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

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

  5. 10 Apr 2025

    Screenshot of project page showing portfolio

    Portfolio

    A developer portfolio built with Next.js and Sanity CMS. Statically generated, fully accessible, with structured data and SEO built in from the start.

  6. 22 Nov 2018

    Game of Life in react/redux

    John Conway's game of life in react/redux

    Conway's Game of Life built with React and Redux. Watch cellular automata evolve, draw your own patterns, and adjust speed. Runs entirely in the browser.

  7. 30 Jun 2013

    Campina BOER en LAND

    Campina BOER en LAND

    A promotional website for Campina's BOER en LAND dairy product line. Built to highlight sustainable Dutch farming with interactive maps and farm stories.

Javascript articles

  1. 29 Apr 2026

    MediaPipe Face Mesh: All 478 Landmark Points

    MediaPipe Face Mesh: All 478 Landmark Points

    Complete visual reference for all 478 MediaPipe Face Mesh landmarks. Grouped by face region with copy-paste JavaScript code for eyes, mouth, nose and jawline.

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

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

  4. 20 Apr 2025

    Responsive Header that Changes on Scroll (CSS & JS)

    Responsive Header that Changes on Scroll (CSS & JS)

    Step-by-step tutorial on building a responsive sticky header with scroll-based behaviour using vanilla HTML, CSS and JavaScript. No frameworks needed.

  5. 14 Apr 2025

    Building a Portfolio with Next.js and Sanity (Headless CMS)

    Building a Portfolio with Next.js and Sanity (Headless CMS)

    How I built a portfolio and blog with Next.js and Sanity CMS using TypeScript, Tailwind CSS, JSON-LD and Vercel. Full source code included.

  6. 9 Feb 2025

    How to Build a 3D Printed Arduino Word Clock (Minute Accuracy)

    How to Build a 3D Printed Arduino Word Clock (Minute Accuracy)

    A step-by-step DIY build guide for a 3D printed Dutch word clock with minute accuracy, using Arduino, WS2812B LEDs, and a custom letter grid designed in Fusion 360.

Work experience with Javascript