"START" | [ TO - LASTEST ]

Leap Dino

ROLE

Frontend Game Engineer

TECH STACK

HTML5 • TensorFlow.js • WebGL

TIMELINE

2026 Live

About

Leap Dino is a body-interactive browser game live at leapdino.pages.dev where physical jumps control the dinosaur in real time.

CATEGORY

Motion Browser Game

DEPLOYMENT

Cloudflare Pages

Scope

Computer Vision Integration: Leveraging TensorFlow.js pose estimation to detect physical jump events via webcam.
Canvas & Game Engine: Engineering a 60 FPS HTML5 Canvas engine with pixel-accurate collision detection.
Adaptive Difficulty Logic: Procedural obstacle pacing and speed ramping calibrated to player fitness level.
Edge CDN Deployment: Optimizing client bundles for instantaneous sub-second loading on Cloudflare Pages.
Responsive Cross-Device Layout: Calibrating video viewports and canvas scaling across laptops, tablets, and desktops.

Summary

Interactive Computer Vision

Transforming webcam motion tracking into fluid, latency-free gaming mechanics running 100% in the user browser.

Zero lag body motion tracking running entirely on-device with zero video transmission.
Fluid 60 FPS physics and collision detection rendered via modern Canvas APIs.
Live worldwide at leapdino.pages.dev with instant, single-click access.
Fun, engaging blend of arcade gaming and physical jumping exercise.

Explore More Works