Mace Duel Mobile: Browserduel med touchstyring og serverstyret kamp

Et mobilvenligt duelspil til browseren

Mace Duel Mobile er udformet som et 1-mod-1-duelspil, der kan køre i browseren på både mobil og computer. Tanken er enkel: To spillere mødes i et privat rum, bevæger sig rundt i en arena og bruger kølleangreb, faldangreb og vindladninger til at vinde runderne.

Klienten er baseret på TypeScript, Vite og Three.js, mens serveren er bygget med Node.js, TypeScript og WebSocket. Spillets centrale beslutninger – herunder positioner, træffere, skade, helbred og rundens vinder – beregnes på serveren. Det betyder, at klienten kun sender input og ikke selv får lov til at afgøre eksempelvis skade.

Styring til både touch og tastatur

På mobil er styringen lagt op til vandret skærmformat med:

• venstre virtuelle joystick til bevægelse
• træk i højre side af skærmen for at se sig omkring
• knapper til hop, sprint, kølleangreb og vindladning

Pointer Events og multitouch er velegnede til spil, hvor flere fingre skal kunne bruges samtidig – for eksempel når spilleren både bevæger sig, styrer kameraet og aktiverer et angreb. 1

Tastatur og mus er fortsat en mulighed på computer, så samme kamp kan spilles på tværs af enhedstyper.

Kamp med faldangreb og vindladninger

Kampreglerne omfatter almindelige kølleangreb, men et angreb kan blive stærkere, hvis spilleren angriber under et fald. Vindladninger fungerer som projektiler, der kan skubbe modstanderen væk og løfte vedkommende op – og dermed skabe en chance for et hårdere faldangreb.

En kamp er opdelt i runder med nedtælling, tidsgrænse og point. Første spiller til tre rundesejre vinder opgøret. Efter kampen kan begge spillere vælge en revanche.

Serveren har sidste ord

Spillet anvender en autoritativ servermodel med en fast opdateringsfrekvens på 30 Hz. Klienten sender bevægelsesinput, synsretning og angrebskommandoer, mens serveren kontrollerer input og beregner den faktiske spiltilstand.

Det er en vigtig opdeling i et online kampspil: En spiller bør ikke kunne sende sit eget helbred, sin egen skade eller en påstået position som en betroet oplysning. Serveren håndterer også grundlæggende validering af beskeder, heartbeat og begrænsning af hyppige forespørgsler.

Fokus på ydelse i browseren

Til arenaens gentagne objekter kan Three.js' InstancedMesh bruges. Det er en mesh-variant med understøttelse af instanced rendering og er derfor relevant, når mange ens elementer skal vises effektivt. 2

Skygger kan desuden slås fra som en grafisk indstilling. Three.js' renderer har en separat shadowMap-konfiguration, og skyggekort er som udgangspunkt ikke aktiveret. 4 Det giver mulighed for at prioritere en mere stabil oplevelse på mindre kraftige telefoner.

Til to spillere – også fra forskellige steder

Løsningen er tænkt til spillere på hver sin enhed og med private rumkoder. Ved offentlig lancering bør forbindelsen køre over HTTPS og sikker WebSocket-forbindelse (WSS), så både spilside og realtidsforbindelse er beskyttet.

Mace Duel Mobile kombinerer dermed et enkelt, hurtigt duelkoncept med de elementer, der er afgørende for mobilbrowser-spil: responsiv touchstyring, let tilgængelige private kampe og en server, der afgør resultatet.