42_adjoly/knl_meowscendence
1
0
Fork 0
mirror of https://github.com/KeyZox71/knl_meowscendence.git synced 2026-01-01 06:06:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

「🏗️」 wip: work in progress, not done yet.

Browse Source
This commit is contained in:
y-syo
2025-09-30 16:05:15 +02:00
parent cb8823fcf3
commit 59bd580136
5 changed files with 88 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/front/static/ts/views/Game.ts
View File

@ -59,9 +59,9 @@ export default class extends Aview {
document.addEventListener("keyup", e => { keys[e.key] = false; });
function movePaddles() {
if (keys["w"] && leftPaddleY > 0)
if ((keys["w"] || keys["W"]) && leftPaddleY > 0)
leftPaddleY -= paddleSpeed * elapsed;
if (keys["s"] && leftPaddleY < canvas.height - paddleHeight)
if ((keys["s"] || keys["S"]) && leftPaddleY < canvas.height - paddleHeight)
leftPaddleY += paddleSpeed * elapsed;
if (keys["ArrowUp"] && rightPaddleY > 0)
rightPaddleY -= paddleSpeed * elapsed;
@ -116,7 +116,14 @@ export default class extends Aview {
p1_score++;
if (p1_score === 3 || p2_score === 3)
{
// ------------------------------------------------------------------------------------------------------------------------------------------
//
// insert the fetch to the ScoreStore api here
//
// ------------------------------------------------------------------------------------------------------------------------------------------
match_over = true;
}
else
{
countdown = 3;
@ -191,7 +198,6 @@ export default class extends Aview {
moveBall();
}
draw();
console.log(game_playing);
if (!game_playing)
startCountdown();
if (this.running)
@ -210,6 +216,12 @@ export default class extends Aview {
countdownTimer = performance.now();
});
// --------------------------------------------------------------------------------------------------------------------------------------------------------
//
// insert logic to set both names
//
// --------------------------------------------------------------------------------------------------------------------------------------------------------
requestAnimationFrame(gameLoop);
}
}

16
src/front/static/ts/views/LoginPage.ts
View File

@ -1,4 +1,5 @@
import Aview from "./Aview.ts"
import { isLogged, navigationManager } from "../main.ts"
export default class extends Aview {
@ -31,28 +32,33 @@ export default class extends Aview {
const password = (document.getElementById("password") as HTMLInputElement).value;
try {
const response = await fetch("http://localhost:3001/login", {
const data_req = await fetch("http://localhost:3001/login", {
method: "POST",
headers: { "Content-Type": "application/json", },
credentials: "include",
body: JSON.stringify({ user: username, password: password }),
});
const data = await response.json();
const data = await data_req.json();
if (response.status === 200)
if (data_req.status === 200)
{
isLogged();
navigationManager("/");
}
else if (response.status === 400)
else if (data_req.status === 400)
{
document.getElementById("login-error-message").innerHTML = "error: " + data.error;
document.getElementById("login-error-message").classList.remove("hidden");
}
else
{
throw new Error("invalid response");
}
}
catch (error)
{
console.log(error);
console.error(error);
document.getElementById("login-error-message").innerHTML = "error: server error, try again later...";
document.getElementById("login-error-message").classList.remove("hidden");
}

25
src/front/static/ts/views/RegisterPage.ts
View File

@ -1,4 +1,5 @@
import Aview from "./Aview.ts"
import { isLogged, navigationManager } from "../main.ts"
export default class extends Aview {
@ -15,7 +16,7 @@ export default class extends Aview {
<input type="text" id="username" placeholder="username" class="bg-white text-neutral-900 border rounded-md w-full px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"></input>
<input type="password" id="password" placeholder="password" class="bg-white text-neutral-900 border w-full px-4 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></input>
<p id="login-error-message" class="hidden text-red-700 dark:text-red-500"></p>
<button id="register-button" type="submit" class="bg-blue-600 text-white hover:bg-blue-500 w-full py-2 rounded-md transition-colors">register</button>
<a class="text-gray-400 dark:text-gray-600 underline" href="/login" data-link>
@ -31,28 +32,40 @@ export default class extends Aview {
const password = (document.getElementById("password") as HTMLInputElement).value;
try {
const response = await fetch("http://localhost:3001/register", {
const data_req = await fetch("http://localhost:3001/register", {
method: "POST",
headers: { "Content-Type": "application/json", },
credentials: "include",
body: JSON.stringify({ user: username, password: password }),
});
const data = await response.json();
const data = await data_req.json();
if (response.status === 200)
if (data_req.status === 200)
{
let uuid_req = await fetch("http://localhost:3001/me", {
method: "GET",
credentials: "include",
});
let uuid = await uuid_req.json();
document.cookie = `uuid=${uuid.user};max-ages=${60*60*24*7}`;
console.log(document.cookie);
isLogged();
navigationManager("/");
}
else if (response.status === 400)
else if (data_req.status === 400)
{
document.getElementById("login-error-message").innerHTML = "error: " + data.error;
document.getElementById("login-error-message").classList.remove("hidden");
}
else
{
throw new Error("invalid response");
}
}
catch (error)
{
console.log(error);
console.error(error);
document.getElementById("login-error-message").innerHTML = "error: server error, try again later...";
document.getElementById("login-error-message").classList.remove("hidden");
}