„Mace Duel Mobile“: So ist das mobile Browser-Duell technisch aufgebaut

Der vorliegende technische Entwurf beschreibt „Mace Duel Mobile“, ein kompetitives Zwei-Spieler-Spiel, das direkt im Browser auf Mobilgeräten und Desktop-Rechnern laufen soll. Im Zentrum stehen kurze Duelle mit Keulenangriffen, Sturztreffern und Windladungen.

Technik: Client und Server klar getrennt

Auf der Client-Seite kommen TypeScript, Vite und Three.js zum Einsatz. Sie übernimmt die 3D-Darstellung, die Benutzeroberfläche, Audio sowie die Eingaben per Touch, Maus und Tastatur. Der Server basiert auf Node.js, TypeScript und der WebSocket-Bibliothek ws. Dort laufen getrennte Spielräume, die feste Simulation mit 30 Hz, Kampfregeln, Geschosse, Gesundheit und die Rundenwertung.

Entscheidend für faire Online-Partien: Der Client soll weder Gesundheitspunkte noch Schaden oder Positionen als verbindliche Fakten vorgeben. Er sendet nur Steuerdaten, Blickrichtung und Angriffsbefehle. Die maßgebliche Berechnung erfolgt auf dem Server.

Auf Smartphones für parallele Eingaben ausgelegt

Die mobile Steuerung sieht eine linke virtuelle Bewegungssteuerung und einen rechten Bereich zum Umsehen vor. Ergänzt werden sie durch eigene Tasten für Sprung, Sprint, Keulenangriff und Windladung. Das Spiel empfiehlt eine Nutzung im Querformat; Maus und Tastatur bleiben als Alternative verfügbar.

Mehrere gleichzeitige Berührungen sind bei diesem Konzept wichtig: Bewegung, Kamerablick und Angriffsaktion müssen parallel funktionieren können. Pointer Events sind dafür geeignet 1.

Duellregeln: Falltreffer und Windladungen

Neben einem regulären Nahkampfangriff enthält der Regelentwurf einen verstärkten Treffer aus dem Fall. Je weiter eine Figur fällt und je nach Fallbewegung, desto höher kann der Schaden ausfallen – allerdings mit einer festgelegten Obergrenze.

Windladungen dienen als Geschosse und können Figuren im Explosionsradius zurückstoßen oder nach oben schleudern. Pro Spieler stehen maximal drei Ladungen bereit; verbrauchte Ladungen regenerieren sich nach einer Wartezeit. Eine Partie wird über mehrere Runden gespielt, drei gewonnene Runden entscheiden das Match.

Netzwerk: Räume, Prüfung und Verzögerungsausgleich

Spielerinnen und Spieler erstellen oder betreten einen privaten Raum über einen sechsstelligen Code. Die Nachrichten werden auf zulässige Werte, Größen und Reihenfolgen geprüft. Zusätzlich sind ein einfaches Rate-Limit und Heartbeats vorgesehen.

Für Nahkampftreffer berücksichtigt der Server in begrenztem Umfang die Netzwerklatenz: Bei der Prüfung eines Angriffs kann die frühere Position des Gegners bis zu 150 Millisekunden zurückgerechnet werden. Das soll verhindern, dass Treffer bei normaler Verzögerung unnötig oft ins Leere gehen.

Für den öffentlichen Betrieb sieht der Entwurf HTTPS und WSS vor. Bei einem vorgeschalteten Nginx-Server müssen WebSocket-Upgrades korrekt weitergereicht werden; zudem sind passende Timeouts oder regelmäßige Heartbeats sinnvoll. Die eingesetzte ws-Bibliothek unterstützt die bidirektionale WebSocket-Kommunikation und beantwortet Ping-Frames automatisch mit Pong-Frames.

Rendering: Performance für mobile Browser

Die Boden- und Umgebungsgeometrie kann mit Three.js als InstancedMesh umgesetzt werden. Diese Technik ist dafür gedacht, viele Objekte mit gleicher Geometrie und gleichem Material effizient darzustellen 2. Auf leistungsschwächeren Geräten lassen sich Schatten bei Bedarf deaktivieren: Shadow Maps sind in Three.js konfigurierbar und standardmäßig nicht aktiviert 4.

Als Laufzeitumgebung für den Produktivbetrieb ist im Konzept Node.js 24 LTS vorgesehen. Das Projekt verweist außerdem auf einen üblichen Ablauf mit npm install, Tests und einem lokalen Entwicklungsstart. Die erzeugte Lockdatei soll im Repository bleiben; für Build und Deployment ist npm ci vorgesehen.

Unterm Strich ist „Mace Duel Mobile“ als schlanker, browserbasierter Multiplayer-Prototyp konzipiert: Die Eingabe bleibt mobilfreundlich, während die entscheidenden Spielregeln zentral auf dem Server liegen.