src/game/clock.js (view raw)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 |
export const TIME_CONTROLS = [
{ id: "none", label: "no clock", base: 0, inc: 0 },
{ id: "1+0", label: "1 + 0 bullet", base: 60, inc: 0 },
{ id: "3+2", label: "3 + 2 blitz", base: 180, inc: 2 },
{ id: "5+0", label: "5 + 0 blitz", base: 300, inc: 0 },
{ id: "10+0", label: "10 + 0 rapid", base: 600, inc: 0 },
{ id: "15+10", label: "15 + 10 rapid", base: 900, inc: 10 },
{ id: "30+0", label: "30 + 0 classical", base: 1800, inc: 0 },
];
export function timeControl(id, custom) {
if (id === "custom" && custom) {
return { id: "custom", label: "custom", base: custom.base, inc: custom.inc };
}
return TIME_CONTROLS.find((t) => t.id === id) ?? TIME_CONTROLS[0];
}
export class Clock {
constructor(tc, onTick, onFlag) {
this.tc = tc;
this.onTick = onTick;
this.onFlag = onFlag;
this.turn = null;
this.last = 0;
this.frame = 0;
this.flagged = null;
this.tick = () => {
if (!this.turn || this.flagged)
return;
const now = performance.now();
this.remaining[this.turn] -= now - this.last;
this.last = now;
if (this.remaining[this.turn] <= 0) {
this.remaining[this.turn] = 0;
this.flagged = this.turn;
this.turn = null;
this.onTick(this.remaining.w, this.remaining.b);
this.onFlag(this.flagged);
return;
}
this.onTick(this.remaining.w, this.remaining.b);
this.frame = requestAnimationFrame(this.tick);
};
this.remaining = { w: tc.base * 1000, b: tc.base * 1000 };
this.incMs = tc.inc * 1000;
}
get enabled() {
return this.tc.base > 0;
}
start(side) {
if (!this.enabled)
return;
this.turn = side;
this.last = performance.now();
this.tick();
}
// The side that just moved gets the increment; the other side's clock starts running.
press(mover) {
if (!this.enabled || this.flagged)
return;
this.remaining[mover] += this.incMs;
this.turn = mover === "w" ? "b" : "w";
this.last = performance.now();
this.onTick(this.remaining.w, this.remaining.b);
}
pause() {
cancelAnimationFrame(this.frame);
this.turn = null;
}
stop() {
cancelAnimationFrame(this.frame);
}
}
export function formatTime(ms) {
if (ms < 0)
ms = 0;
if (ms < 10000)
return (Math.floor(ms / 100) / 10).toFixed(1);
const s = Math.ceil(ms / 1000);
const m = Math.floor(s / 60);
return m + ":" + String(s % 60).padStart(2, "0");
}
|