Games · 2026

JUICE

Slice flying fruit with your hands, or pinch it out of the air and throw it. MediaPipe and Three.js.

Press play to start right here.

Read Trevor’s narration

JUICE uses your webcam. Swipe an open hand through a piece of fruit and it slices. Pinch it and it's yours. Open your fingers and it flies, into the target ring, into other fruit for combos, or into a bomb to defuse it. Hand tracking is MediaPipe in the browser, and the scene is Three JS, no framework. The hard part was making a pinch feel like a grab: smoothing the landmarks, hysteresis so the pinch doesn't flicker, and release velocity tuned so a throw goes where you meant. Press play and give it your hands.

2 handstracked in real time
3lives per run
0camera frames uploaded

The starting point

Your webcam sees your hands. Swipe an open hand through a piece of fruit and it slices. Pinch it and it is yours; open your fingers and it flies, into the target ring, into other fruit for combos, or into a bomb to defuse it. Three lives, escalating waves, a high score in localStorage.

What I built

Hand tracking runs through MediaPipe's hand landmarker in the browser and the scene is Three.js, no framework. The hard part was making a pinch feel like a grab: One Euro filter smoothing on the landmarks, hysteresis on the pinch so it does not flicker, stable hand-slot assignment so left stays left, and release velocity tuned so a throw goes where you meant. That foundation now powers UMBRA too.

Where it landed

The production build is playable directly on this site. It stays self-hosted so the camera model and the game load from one secure origin.