work/penalty-kick

Penalty Kick, played with two fingers

A 3D football penalty game you play with hand gestures and a webcam. No controller.

Status
shipped
Type
Game, web app
Stack
MediaPipe HandLandmarker, Three.js, Vite, TypeScript
Year
2026
Credit
Rasya: idea, direction, review
Claude: implementation
Penalty Kick main menu: the title and buttons for Start Match, Tournament, Settings and Tutorial on a dark navy background.

Problem

Make a football penalty game you control with no controller, only a webcam and your hand.

Role

Concept, spec, game design, art direction and review.

Process

  1. Wrote the technical spec before any code. It is dated 2026-06-13 and locks the stack choices.
  2. Built on MediaPipe HandLandmarker for hand tracking and Three.js for the 3D scene, with Vite and TypeScript.
  3. Two gesture modes (two-finger kick and index-finger flick), a calibration step, and three keeper difficulty levels.
  4. Three game modes: penalty, free kick against a four-player wall, and a 32-team tournament.

Who did what

Rasyahuman

  • Concept and game design
  • Spec and art direction
  • Review and testing

Claudeagent

  • Implementation

Result

Live and playable at the link below. It asks for camera access and works best in good light.

Links

Got something that should exist by next month?

Tell me what it needs to do. I'll come back with a plan and a first clickable version.