vinzenz/servicepoint-tanks
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

remove guid, reduce latency (gets stuck sometimes tho)

Browse source
This commit is contained in:
Vinzenz Schroeter 2024-04-28 12:53:18 +02:00
parent 6bc6a039bd
commit 7044ffda79
19 changed files with 291 additions and 251 deletions
Download patch file Download diff file Expand all files Collapse all files

11
tank-frontend/src/Controls.tsx
View file

@ -1,12 +1,11 @@
import './Controls.css';
import useWebSocket, {ReadyState} from 'react-use-websocket';
import {useEffect} from 'react';
import {Guid} from "./Guid.ts";
import {makeApiUrl} from './serverCalls.tsx';
export default function Controls({playerId}: { playerId: Guid }) {
export default function Controls({player}: { player: string }) {
const url = makeApiUrl('/controls', 'ws');
url.searchParams.set('playerId', playerId);
url.searchParams.set('playerName', player);
const {
sendMessage,
@ -62,17 +61,17 @@ export default function Controls({playerId}: { playerId: Guid }) {
}, [readyState]);
return <div className="Controls flex-row">
<div className='flex-column Controls-Container'>
<div className="flex-column Controls-Container">
<h3>Move</h3>
<kbd>▲</kbd>
<div className='flex-row Controls-Container'>
<div className="flex-row Controls-Container">
<kbd>◄</kbd>
<kbd>▼</kbd>
<kbd>►</kbd>
</div>
</div>
<div className='flex-column Controls-Container'>
<div className="flex-column Controls-Container">
<h3>Fire</h3>
<kbd className="space">Space</kbd>
</div>