Play brick breaker using webcam and hand tracking (open source)

In plain words

This is a browser-based brick breaker game controlled through webcam hand tracking using MediaPipe's hand-detection API. Players move a paddle by moving their hands in front of the camera to break bricks, with difficulty increasing across levels through faster ball speed and a smaller paddle. All processing happens in real-time within the browser using JavaScript and HTML canvas. The project is free and open source under an MIT license, built primarily as a test of the MediaPipe hand-tracking technology.

written from the facts on this page · September 2026

From the sources

Play brick breaker with your hands!

Play brick breaker the way our ancestors wanted us to -- with our hands! If you're having trouble with the hand-tracking, please try to tilt your camera down and move a bit farther from your computer. Make sure that your palm is visible to the webcam. All processing is done in real-time within your browser. This project is built using javascript, html canvas, and mediapipe hand tracking ( github code ). This game is free and open source, offered under an MIT license (you can use the code for personal or commercial purposes). If you enjoyed this and are feeling generous, feel free to buy me a coffee. I will continue to build free and open source projects, and this would be much appreciated…from collidingscopes.github.io

• 
  WallSmash – An Infinite Brick Breaker Game2022 · wallsmash.com · ▲114

  WallSmash is a completely free, multi-ball infite brick breaker game with global high scores. Compete with thousands of users for your spot on the leader board.

• 
  Shit Drop Game2025 · shitdrop.com · ▲117

  Catch shits with your hands!

• 
  Micro Breaker2020 · rasterage.com · ▲68

  An iOS game to smash bricks in 3D

• 2W
  2d web paddle game2024 · raould.github.io · ▲309

  Simple retro paddle arcade game written in Javascript, using good ol' Canvas.

• 
  Ghost Ballster2021 · 94studio.com · ▲70

  3D bricks breaker, break everything and save ghosts

• 
  Brick Mania2019 · play.google.com · ▲71

  Fun brick-breaker game with 300 levels

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲439

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 19h ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  I made an open-source laptop from scratch▲3,237

  Hello! I'm Byran. I spent the past ~6 months engineering a laptop from scratch. It's fully open-source on GH at: https://github.com/Hello9999901/laptop

  Dev tools · 2025 · byran.ee

• TI
  Tetris in a PDF▲1,289

  I realized that the PDF engines of modern desktop browsers (PDFium and PDF.js) support JavaScript with enough I/O primitives to make a basic game like Tetris. It was a bit tricky to find a union of features that work in both engines, but in the end it turns out that showing/hiding annotation "fields" works well to make monochrome pixels, and keyboard input can be achieved by typing in a text input box. All in all it's quite janky but a nice reminder of how general purpose PDF scripting can be. The linked PDF is all ASCII so you can just open it in a text editor, or have a look at…

  Life & fun · 2025 · th0mas.nl

• 
  21st.dev▲1,211

  I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!

  Dev tools · 2025 · 21st.dev

• 
  JoggAI 2.0: AI Avatar Generator▲967

  Create lifelike, personalized AI avatars from text prompts

  AI · 2025 · jogg.ai

• 
  Lovable + Builder.io▲873

  Turn Figma designs into full stack apps with AI

  Dev tools · 2025 · figma.com

• 
  Cs16.css – CSS library based on Counter Strike 1.6 UI▲819

  CSS library based on Counter Strike 1.6 UI.

  Life & fun · 2025 · cs16.samke.me