dogeystamp/monorepo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[pongwars] improve scoreboard

Browse Source
This commit is contained in:
dogeystamp 2024-02-17 18:14:07 -05:00
parent 240fc5fe4c
commit 7f63fb4c22
Signed by: dogeystamp
GPG Key ID: 7225FE3592EFFA38
1 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
pongwars/index.html
View File

@ -91,7 +91,8 @@
const canvas = document.getElementById("pongCanvas"); const canvas = document.getElementById("pongCanvas");
const ctx = canvas.getContext("2d"); const ctx = canvas.getContext("2d");
const scoreElement = document.getElementById("score"); const scoreElement = document.getElementById("score");
const startTime = new Date();
var suddenDeathStart = null;
var suddenDeathCoeff = 0; var suddenDeathCoeff = 0;
const teams = [ const teams = [
@ -215,7 +216,7 @@
} }
function elapsedSec() { function elapsedSec() {
return ((new Date()) - startTime)/1000 return ((new Date()) - suddenDeathStart)/1000
} }
updateScoreElement(); updateScoreElement();
@ -245,10 +246,14 @@
return v*x + (1-v)*y; return v*x + (1-v)*y;
} }
var nTeams = teams.length;
function updateSquareAndBounce(x, y, dx, dy, color) { function updateSquareAndBounce(x, y, dx, dy, color) {
if (state[color].elim) return if (state[color].elim) return
if (Math.max(Math.abs(dx), Math.abs(dy)) < 0.02) state[color].elim = true if (Math.max(Math.abs(dx), Math.abs(dy)) < 0.02) state[color].elim = true
nTeams = state.map(t => !t.elim).filter(Boolean).length
if (Math.min(x, y) < 0 || isNaN(x) || isNaN(y)) { if (Math.min(x, y) < 0 || isNaN(x) || isNaN(y)) {
console.warn(`warped ${teams[color].name}`) console.warn(`warped ${teams[color].name}`)
teams[color].x = canvas.width * 0.1; teams[color].x = canvas.width * 0.1;
@ -265,8 +270,6 @@
dy = -4; dy = -4;
} }
const nTeams = state.map(t => !t.elim).filter(Boolean).length
// death coefficient (if not enough territory, slow down) // death coefficient (if not enough territory, slow down)
const coeff = Math.min((teams[color].score/(numSquaresX*numSquaresY/nTeams/mix(1.2, 4, suddenDeathCoeff))), 1.00); const coeff = Math.min((teams[color].score/(numSquaresX*numSquaresY/nTeams/mix(1.2, 4, suddenDeathCoeff))), 1.00);
@ -348,9 +351,16 @@
} }
} }
scoreElement.textContent = teams if (nTeams > 1) {
.map((t, idx) => `(${idx}) ${t.name} ${t.score}`) scoreElement.textContent = teams
.join(" | ") + (suddenDeathCoeff > 0.1 ? " | sudden death!" : ""); .map((t, idx) => `(${idx}) ${t.name} ${t.score}`)
.filter((t, idx) => !state[idx].elim)
.join(" | ") + (suddenDeathCoeff > 0.1 ? " | sudden death!" : "");
} else {
scoreElement.textContent = teams
.filter((t, idx) => !state[idx].elim)
.map((t) => `${t.name} 👑 wins`)
}
} }
function draw() { function draw() {
@ -383,7 +393,11 @@
} }
updateScoreElement(); updateScoreElement();
// suddenDeathCoeff = Math.min((elapsedSec()/60/3)**15, 1); if (suddenDeathStart !== null) {
suddenDeathCoeff = Math.min((elapsedSec()/60/5)**15, 1);
} else if (nTeams <= 3) {
suddenDeathStart = new Date();
}
requestAnimationFrame(draw); requestAnimationFrame(draw);
} }