Boxspiele: Wie aus Schattenboxen Monster Punch wurde
Ich wollte, dass sich Schattenboxen wie ein Spiel anfühlt. Kein Workout-Video, das nebenbei läuft. Auch kein Boxspiel zum Tastenhämmern, in dem die Figur auf dem Bildschirm die ganze Arbeit macht. Ich wollte einen echten Schlag werfen und sehen, dass etwas darauf reagiert.
Aus dieser Idee wurde Monster Punch, eines der Boxspiele auf SlayFit. Es läuft im Browser, beobachtet deine Bewegung per Webcam und macht aus jedem Schlag einen Treffer auf ein fliegendes Monster. Die einfache Fassung der Idee hatte einen Satz. Das Spiel fair anzufühlen zu lassen, dauerte viel länger.
Warum ich ein Boxspiel für den Browser gebaut habe
Ich mag Browserspiele, weil der erste Schritt so leicht ist. Link öffnen und spielen. Zwischen Neugier und Spiel liegen keine App-Store-Seite, kein Download und keine Controller-Einrichtung.
Hier war das noch wichtiger. Ein Boxspiel online sollte jemanden die Idee ausprobieren lassen, bevor er sich auf irgendetwas festlegen muss. Monster Punch braucht nur eine Webcam und genug Platz, damit dein Oberkörper im Bild bleibt. Wenn keine Kamera da ist, zeigt der Demo-Modus mit simulierter Eingabe, wie eine Runde abläuft.
Die Webcam sieht keinen Schlag
Die erste harte Lektion war: Eine Webcam sieht keinen Schlag. Das Posenmodell gibt mir Punkte für Schultern, Ellbogen und Handgelenke. Was diese Punkte bedeuten, muss ich entscheiden.
Ein Handgelenk, das über den Bildschirm wandert, kann ein Schlag sein. Es kann aber auch jemand sein, der sich die Haare richtet oder zurück ins Bild tritt. Ich erkenne einen Schlag, wenn sich das Handgelenk weit genug von der Schulter entfernt und schnell genug bewegt. Jeder Arm hat seine eigene kurze Pause, damit eine Bewegung nicht zu mehreren Treffern wird.
Das war der Unterschied zwischen einer technischen Demo und einem Spiel. Eine lockere Erkennung ließ den Punktestand zufällig wirken. Eine zu strenge Erkennung ließ saubere Schläge verschwinden. Ich musste den Schwellenwert so lange abstimmen, bis bewusste Bewegung belohnt wird, ohne dass du gegen die Kamera kämpfen musst.
Bewegung zu erkennen war nur das halbe Problem
Mein erster Instinkt war, jedem erkannten Schlag einen Treffer zu geben. Das fühlte sich sofort falsch an. Man konnte ins Leere schlagen und trotzdem ein Monster verletzen.
Jetzt bleibt jede erkannte Faust nur für ein sehr kurzes Schlagfenster aktiv. In diesem Fenster muss die Faust das Monster auf dem Bildschirm überlappen. Das Monster wartet nicht bloß auf ein Schlagereignis. Der Schlag muss dort landen, wo das Ziel wirklich ist.
Diese kleine räumliche Prüfung hat das ganze Gefühl verändert. Die Leute fingen an zu zielen. Ein Monster, das oben rechts ankam, brauchte einen anderen Schlag als eines, das an der linken Schulter vorbeitrieb. Es wurde ein echtes Schlagspiel und kein Zähler, der an zufällige Armbewegungen gehängt ist.
Das Blocken brauchte eine eigene klare Geste
Die Verteidigung sollte so gut lesbar sein wie der Angriff. Hebst du beide Handgelenke über die Schultern, entsteht ein Schild. Hältst du die Pose einen kurzen Moment, wird er aktiv, und wenn du die Arme senkst, endet er.
Die Geste funktioniert, weil sie einfach genug zum Erkennen ist und sich deutlich genug vom Schlag unterscheidet, um keine Verwechslung zu erzeugen. Sie gibt der Runde auch einen nützlichen Rhythmus. Dauernd zu schlagen ist nicht immer die richtige Antwort. Manchmal müssen beide Arme hoch.
Wie ich jeden Treffer wichtig gemacht habe
Jeder Schlag, der trifft, lässt die Kombo wachsen und bringt Punkte. Die Kombo bleibt ein kurzes Zeitfenster lang am Leben und wird zurückgesetzt, wenn der nächste Treffer zu lange dauert. Stärkere Monster brauchen mehrere saubere Treffer, deshalb zählt Genauigkeit über die ganze Folge hinweg und nicht nur beim letzten Schlag.
Das Spiel wird mit der Zeit auch voller. Monster erscheinen schneller und bewegen sich zügiger. So entsteht in einer kurzen Runde eine natürliche Steigerung. Der Anfang gibt dir Zeit, die Steuerung zu verstehen. Das Ende verlangt schnellere Entscheidungen und sauberere Bewegungen.
Du kannst eine Runde von einer, zwei, drei oder fünf Minuten wählen. Monster Punch sollte als kurze Pause funktionieren und genauso als längeres Schattenbox-Workout. Punktestand, beste Kombo und geschätzte Aktivität geben jedem Versuch ein klares Ergebnis, und die Bestenliste gibt Wettkampftypen etwas zum Jagen.
Was ich beim Bauen von Monster Punch gelernt habe
- Sofortige Rückmeldung zählt: Der Effekt muss dort erscheinen, wo die Faust landet, und genau in dem Moment.
- Der Bildausschnitt gehört zur Steuerung: Schultern, Ellbogen und Handgelenke müssen sichtbar bleiben, damit das Tracking zuverlässig ist.
- Einfache Gesten gewinnen: schnell ausstrecken heißt Schlag, beide Arme hoch heißt Block.
- Genauigkeit fühlt sich besser an als Großzügigkeit: Ein verfehltes Ziel soll ein Fehlschlag bleiben.
- Kurze Runden laden zum nächsten Versuch ein: Ein klarer Punktestand gibt dem Wiederholen einen Sinn.
Die größte Lehre war, dass Bewegungserkennung verschwindet, wenn sie gut funktioniert. Du sollst nicht an Handgelenkskoordinaten oder Kollisionsfenster denken. Du sollst ein Monster sehen, einen Schlag werfen und spüren, dass das Spiel dich verstanden hat.
Einen genaueren Blick auf das Denken innerhalb einer Runde gibt mein forschungsbasierter Artikel über Reaktionszeit, visuelle Aufmerksamkeit und Hand-Auge-Koordination in Monster Punch.
Probier das Boxspiel online aus
Spiel Monster Punch im Browser. Wähle eine Rundenlänge, stell dich so hin, dass dein Oberkörper ins Kamerabild passt, und starte mit ein paar kontrollierten Schlägen. Halte beide Arme oben, wenn du den Schild brauchst.
Kostenlos spielbar · Ohne Download · Webcam oder Demo-Modus · Runden von einer bis fünf Minuten.
Entdecke mehr SlayFit-Webcam-Spiele oder lies, wie ich Relic Hunter mit Three.js und KI-Bildern gebaut habe.