Coup de l'ordinateur montré, aucun coup possible, dés et videau touchables #19

Merged
pierre merged 8 commits from coup-adverse into main 2026-11-03 04:06:50 +00:00
11 changed files with 209 additions and 29 deletions
Showing only changes of commit 39c85172b4 - Show all commits
+24 -7
View File
@@ -244,15 +244,32 @@ export class Game {
// ------------------------------------------------------------- Joueur
/** Le joueur lance les dés. S'il ne peut pas jouer, son tour passe. */
/** Le joueur lance les dés. S'il ne peut pas jouer (cannotMove), son
* tour ne passe qu'une fois qu'il l'a constaté (skipTurn). */
async roll(): Promise<void> {
const state = this.#expect("player", "rolling");
const roll = rollDice(this.#dice);
this.#append({ type: "DiceRolled", side: "player", roll });
const moves = await this.#engine.legalMoves(state.position, roll);
if (moves.length === 0) {
await this.#playMove("player", [], null);
this.#expect("player", "rolling");
this.#append({ type: "DiceRolled", side: "player", roll: rollDice(this.#dice) });
}
/** Le joueur a lancé les dés, mais le moteur ne lui donne aucun coup
* légal : il ne peut que laisser passer son tour. */
async cannotMove(): Promise<boolean> {
const state = this.state;
if (state.turn !== "player" || state.phase !== "moving") {
return false;
}
const moves = await this.#engine.legalMoves(state.position, rollToPlay(state));
return moves.length === 0;
}
/** Le joueur, qui ne peut pas jouer son jet, laisse passer son tour.
* Erreur s'il a un coup possible. */
async skipTurn(): Promise<void> {
this.#expect("player", "moving");
if (!(await this.cannotMove())) {
throw new Error("vous avez un coup possible : jouez-le");
}
await this.#playMove("player", [], null);
}
/**
+60 -14
View File
@@ -52,6 +52,7 @@ export function startApp(options: AppOptions): void {
take: byId<HTMLButtonElement>("take"),
drop: byId<HTMLButtonElement>("drop"),
cancel: byId<HTMLButtonElement>("cancel"),
skip: byId<HTMLButtonElement>("skip"),
replay: byId<HTMLButtonElement>("replay"),
again: byId<HTMLButtonElement>("again"),
newGame: byId<HTMLButtonElement>("new-game"),
@@ -67,6 +68,7 @@ export function startApp(options: AppOptions): void {
ui.take.textContent = TEXTS.take;
ui.drop.textContent = TEXTS.drop;
ui.cancel.textContent = TEXTS.cancel;
ui.skip.textContent = TEXTS.skip;
ui.replay.textContent = TEXTS.replay;
ui.replay.title = TEXTS.replayTitle;
ui.again.textContent = TEXTS.newGame;
@@ -80,6 +82,8 @@ export function startApp(options: AppOptions): void {
let targets = new Map<Place, Map<Place, HalfMove>>();
let selected: Place | null = null;
let canDouble = false;
// Le joueur a lancé les dés mais ne peut pas jouer : il doit continuer.
let stuck = false;
let busy = true;
let info = "";
// Le dernier coup de l'ordinateur, montré (traces, bouton « Revoir »)
@@ -98,6 +102,7 @@ export function startApp(options: AppOptions): void {
sides = await game.displayedBoard();
targets = moveTargets(await game.nextHalfMoves());
canDouble = await game.canDouble();
stuck = await game.cannotMove();
if (selected !== null && !targets.has(selected)) {
selected = null;
}
@@ -117,7 +122,7 @@ export function startApp(options: AppOptions): void {
const model = boardModel(sides);
if (!animating) {
renderBoard(ui.board, model, {
dice: shownDice(game),
dice: shownDice(game, stuck),
cube: state.cube,
movable: new Set(targets.keys()),
selected,
@@ -129,22 +134,41 @@ export function startApp(options: AppOptions): void {
});
}
ui.pips.textContent = TEXTS.pipCounts(model.pipCount.player, model.pipCount.computer);
ui.info.textContent = info;
ui.prompt.textContent = prompt(game, selected !== null, canDouble);
// Un jet sans coup possible reste annoncé jusqu'à l'action suivante,
// même après un rechargement de la page.
if (stuck && state.roll !== null) {
ui.info.textContent = TEXTS.youCannotMove(state.roll);
} else if (computerCouldNotMove(game)) {
ui.info.textContent = TEXTS.computerCannotMove(rollBefore(game));
} else {
ui.info.textContent = info;
}
ui.prompt.textContent = stuck
? TEXTS.pressContinue
: prompt(game, selected !== null, canDouble);
ui.prompt.classList.toggle("thinking", state.turn === "computer" && isPlaying(game));
const player = state.turn === "player";
show(ui.roll, player && state.phase === "rolling");
show(ui.double, player && state.phase === "rolling");
ui.double.disabled = busy || !canDouble;
show(ui.cancel, player && state.phase === "moving");
show(ui.cancel, player && state.phase === "moving" && !stuck);
show(ui.skip, stuck);
ui.cancel.disabled = busy || game.pendingHalfMoves.length === 0;
const doubled = state.turn === "computer" && state.phase === "doubled";
show(ui.take, doubled);
show(ui.drop, doubled);
show(ui.again, state.phase === "over");
show(ui.replay, shownMove !== null);
for (const button of [ui.roll, ui.take, ui.drop, ui.replay, ui.again, ui.newGame]) {
for (const button of [
ui.roll,
ui.take,
ui.drop,
ui.skip,
ui.replay,
ui.again,
ui.newGame,
]) {
button.disabled = busy;
}
// Pour le style et pour les tests dans un navigateur : l'écran
@@ -192,7 +216,7 @@ export function startApp(options: AppOptions): void {
if (game === null || window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
return;
}
const decor = { dice: shownDice(game), cube: game.state.cube, ...NO_MARKS };
const decor = { dice: shownDice(game, false), cube: game.state.cube, ...NO_MARKS };
const draw = (i: number) => {
const boards = steps.boards[i];
if (boards !== undefined) {
@@ -267,10 +291,13 @@ export function startApp(options: AppOptions): void {
act(async (g) => {
info = "";
await g.roll();
const last = g.events.at(-1);
if (last?.type === "MovePlayed" && last.halfMoves.length === 0) {
info = TEXTS.youCannotMove(rollBefore(g));
}
});
// Aucun coup possible : le joueur laisse passer son tour.
ui.skip.onclick = () =>
act(async (g) => {
info = "";
await g.skipTurn();
});
ui.double.onclick = () =>
@@ -359,7 +386,16 @@ export function startApp(options: AppOptions): void {
// ---------------------------------------------------------- Démarrage
ui.prompt.textContent = TEXTS.loading;
for (const button of [ui.roll, ui.double, ui.take, ui.drop, ui.cancel, ui.replay, ui.again]) {
for (const button of [
ui.roll,
ui.double,
ui.take,
ui.drop,
ui.cancel,
ui.skip,
ui.replay,
ui.again,
]) {
button.hidden = true;
}
ui.newGame.disabled = true;
@@ -403,15 +439,25 @@ function rollBefore(game: Game): readonly number[] {
}
/** Les dés à montrer : le dernier jet, de la couleur de qui l'a lancé
* (au jet d'ouverture, un dé chacun). */
function shownDice(game: Game): ShownDie[] {
* (au jet d'ouverture, un dé chacun). Ils sont barrés si le jet ne permet
* aucun coup : le joueur est bloqué (stuck), ou l'ordinateur vient de passer
* son tour sans bouger. */
function shownDice(game: Game, stuck: boolean): ShownDie[] {
const rolled = game.events.findLast((e) => e.type === "DiceRolled");
if (rolled?.type !== "DiceRolled") {
return [];
}
const blocked = stuck || computerCouldNotMove(game);
const sides: Side[] =
rolled.side === null ? ["player", "computer"] : [rolled.side, rolled.side];
return rolled.roll.map((value, i) => ({ value, side: sides[i] ?? "player" }));
return rolled.roll.map((value, i) => ({ value, side: sides[i] ?? "player", blocked }));
}
/** La dernière chose jouée (fin de partie mise à part) est un tour de
* l'ordinateur qui n'a pas pu jouer son jet. */
function computerCouldNotMove(game: Game): boolean {
const last = game.events.findLast((e) => e.type !== "GameEnded");
return last?.type === "MovePlayed" && last.side === "computer" && last.halfMoves.length === 0;
}
/** Le dernier coup de l'ordinateur, demi-coup par demi-coup, s'il est la
+9 -1
View File
@@ -17,6 +17,8 @@ import { type BoardModel, type MoveTrace, type Place, pointSlot } from "./board-
export interface ShownDie {
readonly value: number;
readonly side: Side;
/** Le jet ne permet aucun coup : le dé est estompé et barré. */
readonly blocked: boolean;
}
/** Ce qui s'ajoute aux pions : dés, videau, mises en évidence. */
@@ -470,7 +472,10 @@ function drawDice(svg: SVGSVGElement, dice: readonly ShownDie[]): void {
dice.forEach((die, i) => {
const x = center - total / 2 + i * (DIE + gap);
const y = MIDDLE - DIE / 2;
const group = add(svg, "g", { class: "die", "data-value": die.value });
const group = add(svg, "g", {
class: die.blocked ? "die die-blocked" : "die",
"data-value": die.value,
});
add(group, "rect", { class: `die-${die.side}`, x, y, width: DIE, height: DIE, rx: 6 });
for (const [px, py] of PIPS[die.value] ?? []) {
add(group, "circle", {
@@ -480,6 +485,9 @@ function drawDice(svg: SVGSVGElement, dice: readonly ShownDie[]): void {
r: 3.5,
});
}
if (die.blocked) {
add(group, "line", { class: "die-strike", x1: x, y1: y + DIE, x2: x + DIE, y2: y });
}
});
}
+3 -2
View File
@@ -37,6 +37,7 @@ export const TEXTS = {
take: "Prendre",
drop: "Passer",
cancel: "Annuler",
skip: "Continuer",
replay: "Revoir",
replayTitle: "Revoir le dernier coup de l'ordinateur",
newGame: "Nouvelle partie",
@@ -59,8 +60,8 @@ export const TEXTS = {
yourMove: (dice: readonly number[]) =>
`Jouez ${roll(dice)} : touchez un pion, puis sa case d'arrivée.`,
pickTarget: "Touchez une case d'arrivée en surbrillance, ou un autre pion.",
youCannotMove: (dice: readonly number[]) =>
`Vous ne pouvez pas jouer ${roll(dice)} : votre tour passe.`,
youCannotMove: (dice: readonly number[]) => `Aucun coup possible avec ${roll(dice)}.`,
pressContinue: "Touchez « Continuer » : le tour passe à l'ordinateur.",
thinking: "L'ordinateur réfléchit…",
computerMoved: (dice: readonly number[], move: string, ms: number) =>
`L'ordinateur a joué ${roll(dice)} : ${move} (${seconds(ms)}).`,
+6 -1
View File
@@ -36,7 +36,12 @@ async function playToTheEnd(game: Game, engine: Awaited<ReturnType<typeof loadNo
} else {
assert.ok(state.roll !== null);
const [first] = await engine.legalMoves(state.position, state.roll);
assert.ok(first !== undefined, "le joueur devrait avoir un coup");
if (first === undefined) {
// Aucun coup possible : le joueur laisse passer son tour.
assert.equal(await game.cannotMove(), true);
await game.skipTurn();
continue;
}
for (const halfMove of first.halfMoves) {
assert.equal(await game.playHalfMove(halfMove), true);
}
+22 -1
View File
@@ -86,19 +86,40 @@ test("un coup se saisit demi-coup par demi-coup ; un demi-coup refusé ne change
assert.equal(game.state.position, "SWAPPED");
});
test("sans coup possible, le tour passe", async () => {
test("sans coup possible, le tour passe quand le joueur le laisse passer", async () => {
const engine = fakeEngine({ legalMoves: async () => [] });
const game = Game.start(engine, {
dice: fixedDice([6, 6]),
setup: { position: "BLOCKED", firstTurn: "player" },
});
await game.roll();
// Le tour ne passe pas tout seul : le jet reste à « jouer ».
assert.equal(game.state.phase, "moving");
assert.equal(game.state.turn, "player");
assert.equal(await game.cannotMove(), true);
await game.skipTurn();
const last = game.events.at(-1);
assert.ok(last?.type === "MovePlayed");
assert.deepEqual(last.halfMoves, []);
assert.equal(game.state.turn, "computer");
});
test("le joueur ne peut pas laisser passer son tour s'il a un coup", async () => {
const engine = fakeEngine({
legalMoves: async () => [
{ notation: "8/5", halfMoves: [{ from: 8, to: 5 }], position: "P" },
],
});
const game = Game.start(engine, {
dice: fixedDice([3, 1]),
setup: { position: "X", firstTurn: "player" },
});
await game.roll();
assert.equal(await game.cannotMove(), false);
await assert.rejects(game.skipTurn(), /coup possible/);
assert.equal(game.state.phase, "moving");
});
test("l'ordinateur double si le moteur le recommande ; le joueur prend", async () => {
const engine = fakeEngine({
cubeDecision: async () => ({ available: true, double: true, take: true }),
+38
View File
@@ -33,6 +33,11 @@ const COMPUTER_DOUBLES = "6O5uAAC4uzsAAA";
// l'ordinateur n'en a sorti aucun.
const PLAYER_ALMOST_DONE = "/38AAABQAAAAAA";
// Le joueur, au trait : un pion sur la barre, quatorze sur sa case 6.
// L'ordinateur tient ses six premières cases (vos cases 19 à 24), où votre
// pion devrait rentrer.
const PLAYER_SHUT_OUT = "t+0OAADg/wcAQA";
// L'ordinateur, au trait : un pion sur sa case 13, quatorze sur sa case 1.
// Vous : un blot sur votre case 15 (sa case 10), deux pions sur votre case
// 13 (sa case 12), douze sur votre case 6. Avec 3-1, son seul coup permis
@@ -193,6 +198,39 @@ Then(
},
);
// ------------------------------------------------- Aucun coup possible
Given("votre pion sur la barre ne peut pas rentrer", () => {
// Les six cases où il pourrait rentrer sont tenues par l'ordinateur.
game = Game.start(engine, {
setup: { position: PLAYER_SHUT_OUT, firstTurn: "player" },
dice: fixedDice([6, 5]),
});
});
When("vous lancez les dés", async () => {
await game.roll();
});
Then("aucun coup n'est possible avec votre jet", async () => {
assert.deepEqual(game.state.roll, [6, 5]);
assert.equal(await game.cannotMove(), true);
assert.deepEqual(await game.nextHalfMoves(), []);
});
Then("c'est toujours à vous", () => {
assert.equal(game.state.turn, "player");
assert.equal(game.state.phase, "moving");
assert.equal(lastEvent().type, "DiceRolled");
});
When("vous continuez", async () => {
await game.skipTurn();
const event = lastEvent();
assert.ok(event.type === "MovePlayed" && event.side === "player");
assert.deepEqual(event.halfMoves, []);
});
// ---------------------------------------------- Voir le coup de l'ordinateur
Given("un de vos pions est seul à portée de l'ordinateur", () => {
+12
View File
@@ -30,6 +30,18 @@ Fonctionnalité: Jouer une partie contre l'ordinateur
Quand ses dés sont tirés
Alors il joue le coup recommandé par le moteur en moins de 2 secondes
Scénario: Aucun coup possible avec votre jet
Il arrive que les dés ne permettent de bouger aucun pion. Votre jet reste
affiché avec un message, et le tour ne passe à l'ordinateur qu'une fois
que vous avez touché « Continuer ».
Étant donné que votre pion sur la barre ne peut pas rentrer
Quand vous lancez les dés
Alors aucun coup n'est possible avec votre jet
Et c'est toujours à vous
Quand vous continuez
Alors c'est ensuite au tour de l'ordinateur
Scénario: Voir le coup de l'ordinateur
Après chaque coup de l'ordinateur, ses pions glissent un par un sur le
plateau. Restent ensuite, jusqu'à votre prochaine action, une flèche par
+25 -3
View File
@@ -101,7 +101,7 @@ async function waitForPlayer() {
const b = document.getElementById(id);
return !b.hidden && !b.disabled;
};
for (const id of ["again", "take", "roll"]) {
for (const id of ["again", "take", "skip", "roll"]) {
if (usable(id)) {
return id;
}
@@ -153,8 +153,18 @@ async function shownTraces() {
/** Après un tour de l'ordinateur : ses traces sont là si son coup est la
* dernière chose jouée, et rien sinon. */
async function checkTraces() {
const move = computerMoveToShow(await savedJournal());
const journal = await savedJournal();
const move = computerMoveToShow(journal);
const traces = await shownTraces();
const last = journal.events.filter((e) => e.type !== "GameEnded").at(-1);
if (last?.type === "MovePlayed" && last.side === "computer" && last.halfMoves.length === 0) {
// L'ordinateur n'a pas pu jouer : son jet reste barré, avec un message.
const info = await page.textContent("#info");
const blocked = await page.locator(".die-blocked").count();
check(/^L'ordinateur ne peut pas jouer \d-\d\.$/.test(info ?? "") && blocked === 2,
`jet de l'ordinateur sans coup mal montré : « ${info} », ${blocked} dés barrés`);
log(`l'ordinateur ne peut pas jouer : « ${info} »`);
}
if (move === null) {
check(traces.arrows + traces.landed + traces.ghosts === 0 && !traces.replay,
`traces sans coup de l'ordinateur à montrer : ${JSON.stringify(traces)}`);
@@ -230,6 +240,7 @@ let reloaded = false;
let computerMs = [];
let tracesSeen = 0;
let replays = 0;
let skips = 0;
for (let actions = 0; ; actions++) {
check(actions < 800, "la partie ne finit pas");
const todo = await waitForPlayer();
@@ -261,7 +272,17 @@ for (let actions = 0; ; actions++) {
if (todo === "again") {
break;
}
if (todo === "take") {
if (todo === "skip") {
// Aucun coup possible : le jet reste affiché, barré, avec un
// message, et le tour ne passe qu'en touchant « Continuer ».
const info = await page.textContent("#info");
const blocked = await page.locator(".die-blocked").count();
check(/^Aucun coup possible avec \d-\d\.$/.test(info ?? "") && blocked === 2,
`aucun coup possible mal montré : « ${info} », ${blocked} dés barrés`);
skips++;
log(`aucun coup possible : « ${info} », vous continuez`);
await page.click("#skip");
} else if (todo === "take") {
log("l'ordinateur double : vous prenez");
await shot("videau-propose");
await page.click("#take");
@@ -314,6 +335,7 @@ check(countMoves(journal, "player") >= 3 && countMoves(journal, "computer") >= 3
check(reloaded, "la reprise après rechargement n'a pas été essayée");
check(replays === 2, "le coup de l'ordinateur n'a pas été revu");
log(`coup de l'ordinateur montré ${tracesSeen} fois, et effacé à chaque action suivante`);
log(skips > 0 ? `« Continuer » demandé ${skips} fois` : "aucun jet sans coup possible dans cette partie");
if (computerMs.length > 0) {
log(`temps affichés des tours de l'ordinateur : max ${Math.max(...computerMs)} ms, ` +
`${computerMs.length} tours`);
+9
View File
@@ -259,6 +259,15 @@ button:disabled {
.pip-player { fill: var(--pip-player); }
.pip-computer { fill: var(--pip-computer); }
/* Jet sans coup possible : dés estompés et barrés. */
.die-blocked { opacity: 0.5; }
.die-strike {
stroke: var(--text);
stroke-width: 3;
stroke-linecap: round;
}
.cube-face { fill: var(--cube); stroke: var(--checker-player-edge); stroke-width: 2; }
.cube-value {
+1
View File
@@ -30,6 +30,7 @@
<button id="take" type="button" hidden></button>
<button id="drop" type="button" class="secondary" hidden></button>
<button id="cancel" type="button" class="secondary" hidden></button>
<button id="skip" type="button" hidden></button>
<button id="replay" type="button" class="secondary" hidden></button>
<button id="again" type="button" hidden></button>
</div>