rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

moved things arround for better clarity

Browse source
This commit is contained in:
bgoulard 2026-01-14 16:37:48 +01:00 • committed by Maix0
parent cf2895dda1
commit 26d7a3d08a
1 changed files with 54 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

114
frontend/src/pages/pong/pong.ts
View file

@ -176,6 +176,31 @@ function gameJoinButtons(socket : CSocket, inTournament : boolean, currentGame :
} }
}); });
} }
function resetPureBoard(batLeft: HTMLDivElement, batRight: HTMLDivElement, playerL: HTMLDivElement, playerR: HTMLDivElement, ball : HTMLDivElement, playInfo: HTMLDivElement) {
const DEFAULT_POSITIONS: GameUpdate = {
gameId: "",
ball: { size: 16, x: 800 / 2, y: 450 / 2 },
left: {
id: "",
paddle: { x: 40, y: 185, width: 12, height: 80 },
score: 0,
},
right: {
id: "",
paddle: { x: 748, y: 185, width: 12, height: 80 },
score: 0,
},
local: false,
};
render(DEFAULT_POSITIONS, batLeft, batRight, ball, playInfo);
batLeft.style.backgroundColor = "white";
batRight.style.backgroundColor = "white";
playerR.style.color = "";
playerL.style.color = "";
playerR.innerText = "";
playerL.innerText = "";
};
function keys_listen_setup(document : Document, currentGame : currentGameInfo | null, socket : CSocket, function keys_listen_setup(document : Document, currentGame : currentGameInfo | null, socket : CSocket,
playHow : HTMLDivElement, playHow_b : HTMLButtonElement, playHow : HTMLDivElement, playHow_b : HTMLButtonElement,
@ -290,70 +315,15 @@ function pongClient(
!playHow_b || !playHow !playHow_b || !playHow
) )
return showError("fatal error"); return showError("fatal error");
// buttons setup
gameJoinButtons(socket, inTournament, currentGame, tournament, queue, localGame, ready);
playhowButtons(playHow_b, playHow);
tourinfoButtons(tourInfo, tourScoreScreen);
// keys listener setup
keys_listen_setup(document, currentGame, socket, playHow, playHow_b, tourScoreScreen, queue);
// ---
// join game
// ---
if (game_req_join != null) {
socket.emit("joinGame", game_req_join, (res: JoinRes) => {
switch (res) {
case JoinRes.yes:
showInfo("JoinRes = yes");
quitChat();
break;
case JoinRes.no:
showInfo("JoinRes = no");
break;
default:
showError("JoinRes switch fail:" + res);
}
});
game_req_join = null;
}
// ---
// join game end
// ---
// --- // ---
// position logic (client) // position logic (client)
// --- // ---
function resetBoard(batLeft: HTMLDivElement, batRight: HTMLDivElement, playerL: HTMLDivElement, playerR: HTMLDivElement, ball : HTMLDivElement, playInfo: HTMLDivElement) {
const DEFAULT_POSITIONS: GameUpdate = {
gameId: "",
ball: { size: 16, x: 800 / 2, y: 450 / 2 },
left: {
id: "",
paddle: { x: 40, y: 185, width: 12, height: 80 },
score: 0,
},
right: {
id: "",
paddle: { x: 748, y: 185, width: 12, height: 80 },
score: 0,
},
local: false,
};
render(DEFAULT_POSITIONS, batLeft, batRight, ball, playInfo);
batLeft.style.backgroundColor = DEFAULT_COLOR;
batRight.style.backgroundColor = DEFAULT_COLOR;
playerR.style.color = "";
playerL.style.color = "";
playerR.innerText = "";
playerL.innerText = "";
currentGame = null;
}
let render_tour_score_once = false; let render_tour_score_once = false;
function resetBoard(batLeft: HTMLDivElement, batRight: HTMLDivElement, playerL: HTMLDivElement, playerR: HTMLDivElement, ball : HTMLDivElement, playInfo: HTMLDivElement) {
resetPureBoard(batLeft, batRight, playerL, playerR, ball, playInfo);
currentGame = null;
}
const renderTournamentScores = (info: TourInfo) => { const renderTournamentScores = (info: TourInfo) => {
let players = info.players.sort((l, r) => r.score - l.score); let players = info.players.sort((l, r) => r.score - l.score);
@ -511,7 +481,7 @@ function pongClient(
else if (e === "unregistered") else if (e === "unregistered")
queue.innerText = QueueState.Iddle; queue.innerText = QueueState.Iddle;
showInfo(`QueueEvent: ${e}`); showInfo(`QueueEvent: ${e}`);
}); // MAYBE: play a sound? to notify user that smthing happend });
// --- // ---
// queue evt end // queue evt end
// --- // ---
@ -557,7 +527,31 @@ function pongClient(
if (kind === "failure") showError(msg ?? "An error Occured"); if (kind === "failure") showError(msg ?? "An error Occured");
}); });
// ---
// init // init
// ---
gameJoinButtons(socket, inTournament, currentGame, tournament, queue, localGame, ready);
playhowButtons(playHow_b, playHow);
tourinfoButtons(tourInfo, tourScoreScreen);
keys_listen_setup(document, currentGame, socket, playHow, playHow_b, tourScoreScreen, queue);
if (game_req_join != null) {
socket.emit("joinGame", game_req_join, (res: JoinRes) => {
switch (res) {
case JoinRes.yes:
showInfo("JoinRes = yes");
quitChat();
break;
case JoinRes.no:
showInfo("JoinRes = no");
break;
default:
showError("JoinRes switch fail:" + res);
}
});
game_req_join = null;
}
ready.classList.add("hidden"); ready.classList.add("hidden");
queue.innerText = QueueState.Iddle; queue.innerText = QueueState.Iddle;
ready.innerText = ReadyState.readyUp; ready.innerText = ReadyState.readyUp;