What is beat-it?

Beat It is a silly browser game where you upload a photo of a face, or use the built in demo, and then punch, slap, hit with a mallet, or throw a tomato or egg at a 3D version of it. The head reacts by deforming, recoiling, and showing bruises or food residue where you hit it, along with sound effects and optional spoken reactions in a male or female voice. Everything runs directly in the browser with no blood and no violent theme beyond the cartoonish premise, described by its creator as built for a quick, silly stress release. Attacks land exactly where you click or tap on the face, and the game supports keyboard shortcuts too, with the space bar swinging the currently selected attack and number keys one through five switching between punch, slap, mallet, tomato, and egg. Players can change the stage background, add a colorable cap with a short custom label, and adjust sound and voice settings. The game also adjusts its rendering quality automatically to stay responsive on both desktop and mobile devices. A key detail is privacy: face detection, landmark tracking, cropping, and rendering all happen locally in the browser using a library called MediaPipe, and the project states there is no image upload backend, meaning uploaded photos are never sent to a server. The 3D scene itself is built with Three.js, physics for head recoil comes from Matter.js, and the game assets like the glove, mallet, and dummy head were modeled in Blender. The interface is built with React, TanStack Router, and Tailwind CSS, and the project uses Bun and Turborepo to manage its multi-package codebase. To run it locally you need Bun version 1.3 or newer and a browser that supports WebGL, after which cloning the repository, installing dependencies, and running the development command starts a local server. The README closes with a note asking users to only upload photos they own or have permission to use, and clarifies that the game is fictional and not meant to encourage real-world harassment or violence.