thib8956/tic-tac-toe-ws
1
0
Fork 0
mirror of https://github.com/thib8956/tic-tac-toe-ws.git synced 2025-08-24 00:11:56 +00:00
Code Activity

Implement click to reset at the end of game

Browse Source
This commit is contained in:
Thibaud Gasser
2025-01-24 16:19:16 +01:00
parent 797a32c00a
commit 6da3762502
3 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client.ts
View File

@@ -1,4 +1,4 @@
import { Request, Response, Message, Hello, EndGame } from "common.js";
import { Click, Update, Message, Hello, EndGame } from "common.js";
const CELL_SIZE = 150;
const GRID_SIZE = CELL_SIZE * 3;
@@ -71,7 +71,7 @@ function handlePendingEvts(ws: WebSocket, gridOrigin: Point) {
const gridIndex = coordToGridIndex(gridOrigin, evt);
if (gridIndex) {
const [x, y] = gridIndex;
const msg: Request = { x, y };
const msg: Click = { x, y };
ws.send(JSON.stringify(msg));
}
}
@@ -202,7 +202,7 @@ function init() {
break;
}
case "update": {
const res = msg.data as Response;
const res = msg.data as Update;
const { x, y } = res.last;
const shape: Shape = {
kind: res.last.symbol,
@@ -217,17 +217,19 @@ function init() {
case "endgame": {
const issue = (msg.data as EndGame).issue;
switch (issue) {
case "win": canvasMsg = "you won"; break;
case "lose": canvasMsg = "you lose"; break;
case "draw": canvasMsg = "it's a draw!"; break;
case "win": canvasMsg = "You won!"; break;
case "lose": canvasMsg = "You lose!"; break;
case "draw": canvasMsg = "It's a draw!"; break;
default: throw new Error(`unexpected ${issue}`);
}
canvasMsg += " Click to reset";
break;
}
case "reset": {
canvasMsg = `Game reset... Id #${myId}, playing as ${mySymbol}`;
grid = new Array(9);
pendingEvts = [];
resizeCanvas(ctx);
break;
}
default: {