Add Camera Tetris game with pose detection and keyboard controls

[mrfeixiang]

Summary

This PR introduces a new interactive Tetris game that combines camera-based gesture recognition with traditional keyboard controls. Players can control the game using hand gestures detected via MediaPipe Pose Landmarker or fall back to keyboard-only mode.

Key Changes

• New Game File: Added camera-tetris.html - a complete, self-contained Tetris implementation
• Gesture Recognition: Integrated MediaPipe Pose Landmarker for real-time pose detection with gesture mapping:
  • Raise left hand to move left
  • Raise right hand to move right
  • Raise both hands to rotate
  • Squat down to hard drop
• Dual Control Modes: Players can select between camera+keyboard mode or keyboard-only mode at startup
• Full Tetris Implementation:
  • Standard 10x20 game board with 7 tetromino pieces
  • Score and level progression system
  • Line clearing with increasing difficulty
  • Ghost piece preview and next piece display
  • Soft drop, hard drop, and rotation with wall kick mechanics
• Visual Features:
  • Real-time pose skeleton overlay on camera feed
  • Animated tetromino blocks with lighting effects
  • Gesture feedback display
  • Game over and restart screens
  • Responsive UI with game controls legend
• Fallback Handling: Gracefully degrades to keyboard-only mode if camera access is unavailable or pose model fails to load

Notable Implementation Details

• Uses MediaPipe's GPU-accelerated pose detection for smooth 60fps gesture recognition
• Implements gesture cooldown (300ms) to prevent accidental repeated inputs
• Includes wall kick system for piece rotation near boundaries
• Dynamic difficulty scaling: drop speed increases with level progression
• Mirrored camera display with proper coordinate transformation for intuitive gesture mapping

https://claude.ai/code/session_013WPDpQAFbJ5CycF2VcsBkN