Improve player controlled snake

cygni · Mar 12, 2024 · 77c26a0 · 77c26a0
1 parent c60faa3
commit 77c26a0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/playerApi.ts → src/playerBot.ts b/src/playerApi.ts → src/playerBot.ts
@@ -86,7 +86,8 @@ export function simpleClient(
   ws.onclose = handleClose;
   ws.onerror = (error: any) => console.error("PLAYER: Error:", error);
 
-  let currentDirection = Direction.Up;
+  let directionQueue: Direction[] = [Direction.Up];
+  let lastDirection = Direction.Up;
 
   // event listener to change the direction of the player
   document.addEventListener("keydown", handleKeyDown);
@@ -96,22 +97,22 @@ export function simpleClient(
     switch (event.key) {
       case "ArrowLeft":
       case "a":
-        currentDirection = Direction.Left;
+        directionQueue.push(Direction.Left);
         break;
       case "ArrowUp":
       case "w":
-        currentDirection = Direction.Up;
+        directionQueue.push(Direction.Up);
         break;
       case "ArrowRight":
       case "d":
-        currentDirection = Direction.Right;
+        directionQueue.push(Direction.Right);
         break;
       case "ArrowDown":
       case "s":
-        currentDirection = Direction.Down;
+        directionQueue.push(Direction.Down);
         break;
     }
-    console.log("current direction: " + currentDirection);
+    console.log("current direction: " + directionQueue[0]);
   }
 
   function sendMessage(message: any) {
@@ -194,14 +195,17 @@ export function simpleClient(
     if (receivingPlayerId === null)
       throw new Error("PLAYER: Receiving player id is null");
 
+    const direction = directionQueue.shift() || lastDirection;
+
     const moveMessage = createRegisterMoveMessage(
-      currentDirection,
+      direction,
       receivingPlayerId,
       gameId,
       gameTick,
     );
     console.info("PLAYER: Sending move message", moveMessage);
     sendMessage(moveMessage);
+    lastDirection = direction;
   }
 
   return close;

diff --git a/src/views/ArenaView.tsx b/src/views/ArenaView.tsx
@@ -5,7 +5,7 @@ import PlayerList from "../components/arena/PlayerList";
 import Settings from "../components/arena/Settings";
 import { ArenaEnums } from "../constants/ViewEnums";
 import { useAppSelector } from "../context/hooks";
-import { simpleClient } from "../playerApi";
+import { simpleClient } from "../playerBot";
 
 function ArenaView() { 
   const activeArenaView = useAppSelector(state => state.arena.arenaViewState);