+
+
`;
}
@@ -153,6 +164,13 @@ export default class extends Aview {
ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);
+ ctx.strokeStyle = "white";
+ ctx.beginPath();
+ ctx.setLineDash([5, 10]);
+ ctx.moveTo(canvas.width / 2, 0);
+ ctx.lineTo(canvas.width / 2, canvas.height);
+ ctx.stroke();
+
ctx.fillStyle = "white";
ctx.fillRect(paddleOffset, leftPaddleY, paddleWidth, paddleHeight);
ctx.fillRect(canvas.width - paddleWidth - paddleOffset, rightPaddleY, paddleWidth, paddleHeight);
@@ -161,13 +179,15 @@ export default class extends Aview {
if (game_playing)
ctx.fillRect(ballX, ballY, ballSize, ballSize);
- ctx.font = "24px sans-serif";
- let text_score = `${p1_name} ${p1_score} - ${p2_score} ${p2_name}`;
- ctx.fillText(text_score, canvas.width / 2 - (ctx.measureText(text_score).width / 2), 30);
+ ctx.font = "24px Kubasta";
+ let text_score = `${p1_score} - ${p2_score}`;
+ ctx.fillText(text_score, canvas.width / 2 - (ctx.measureText(text_score).width / 2), 25);
+ ctx.fillText(p1_name, canvas.width / 4 - (ctx.measureText(p1_name).width / 2), 45);
+ ctx.fillText(p2_name, (canvas.width / 4 * 3) - (ctx.measureText(p2_name).width / 2), 45);
if (match_over)
{
- ctx.font = "32px sans-serif";
+ ctx.font = "32px Kubasta";
const winner = `${p1_score > p2_score ? p1_name : p2_name} won :D`;
ctx.fillText(winner, canvas.width / 2 - (ctx.measureText(winner).width / 2), canvas.height / 2 + 16);
document.getElementById("game-buttons").classList.remove("hidden");
@@ -184,12 +204,12 @@ export default class extends Aview {
countdown--;
countdownTimer = now;
}
- ctx.font = "48px sans-serif";
+ ctx.font = "48px Kubasta";
ctx.fillText(countdown.toString(), canvas.width / 2 - 10, canvas.height / 2 + 24);
}
else if (countdown === 0)
{
- ctx.font = "48px sans-serif";
+ ctx.font = "48px Kubasta";
ctx.fillText("Go!", canvas.width / 2 - 30, canvas.height / 2 + 24);
setTimeout(() => {
game_playing = true;
@@ -240,7 +260,7 @@ export default class extends Aview {
canvas = document.createElement("canvas");
canvas.id = "gameCanvas";
- canvas.classList.add("rounded-md");
+ canvas.classList.add("reverse-border");
document.getElementById("main-div").prepend(canvas);
diff --git a/src/front/static/ts/views/MainMenu.ts b/src/front/static/ts/views/MainMenu.ts
index ce2946f..d6d70d8 100644
--- a/src/front/static/ts/views/MainMenu.ts
+++ b/src/front/static/ts/views/MainMenu.ts
@@ -9,13 +9,23 @@ export default class extends Aview {
}
async getHTML() {
+ //
+ knl_meowscendence
+
+
+
+
+
+
+ ×
+
+
-
-
+
+
-
+
return `
-
-
knl_meowscendence :D
-i like pong
- - Pong - + `; } diff --git a/src/front/static/ts/views/PongMenu.ts b/src/front/static/ts/views/PongMenu.ts index 5b9eee7..91efa38 100644 --- a/src/front/static/ts/views/PongMenu.ts +++ b/src/front/static/ts/views/PongMenu.ts @@ -10,15 +10,25 @@ export default class extends Aview { async getHTML() { return ` -
-
pong is funny yay
-
-
- local match
-
-
- local tournament
-
+
+
`;
diff --git a/src/front/static/ts/views/Profile.ts b/src/front/static/ts/views/Profile.ts
index d81aba9..16fa93d 100644
--- a/src/front/static/ts/views/Profile.ts
+++ b/src/front/static/ts/views/Profile.ts
@@ -19,6 +19,31 @@ export default class extends Aview {
}
async run() {
+ const uuid = document.cookie.match(new RegExp('(^| )' + "uuid" + '=([^;]+)'))[2];
+ const userdata_req = await fetch(`http://localhost:3002/users/${uuid}`, {
+ method: "GET",
+ credentials: "include",
+ });
+
+ if (userdata_req.status == 404)
+ {
+ console.error("invalid user");
+ return ;
+ }
+
+ let userdata = await userdata_req.json();
+
+ console.log(userdata_req);
+
const main = document.getElementById("main-window");
+ const nametag = main.appendChild(document.createElement("span"));
+
+ nametag.innerHTML = `Hiiiiii ${userdata.displayName} ! :D`;
+ nametag.classList.add("text-neutral-900", "dark:text-white");
+
+ const winrate = main.appendChild(document.createElement("div"));
+
+ winrate.innerHTML = `wins: ${userdata.wins} | losses: ${userdata.losses} | winrate: ${userdata.wins / (userdata.wins + userdata.losses)}`;
+ winrate.classList.add("text-neutral-900", "dark:text-white");
}
}
+ pong_game.ts
+
+
+
+
+ ×
+
+
+
pong is funny yay
+