X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FComputerGame.vue;h=aee1f70ef7fcedc4cdb87c0eeb352c833bc3000e;hb=e71161fbfffe53b0f4b174e0467cdd98cc70b7b0;hp=c05eea0541e4c22f6ebf69c731c464587a533169;hpb=98b94cc3504937ae0af29a265394dfe52ea1ee67;p=vchess.git diff --git a/client/src/components/ComputerGame.vue b/client/src/components/ComputerGame.vue index c05eea05..aee1f70e 100644 --- a/client/src/components/ComputerGame.vue +++ b/client/src/components/ComputerGame.vue @@ -2,7 +2,6 @@ BaseGame( ref="basegame" :game="game" - :vr="vr" @newmove="processMove" @gameover="gameOver" ) @@ -12,6 +11,7 @@ BaseGame( import BaseGame from "@/components/BaseGame.vue"; import { store } from "@/store"; import { CompgameStorage } from "@/utils/compgameStorage"; +import { playMove, getFilteredMove } from "@/utils/playUndo"; import Worker from "worker-loader!@/playCompMove"; export default { name: "my-computer-game", @@ -37,31 +37,17 @@ export default { this.compWorker = new Worker(); this.compWorker.onmessage = e => { let compMove = e.data; - if (!compMove) { - this.compThink = false; - this.$emit("game-stopped"); //no more moves: mate or stalemate - return; //after game ends, no more moves, nothing to do - } - if (!Array.isArray(compMove)) compMove = [compMove]; //potential multi-move // Small delay for the bot to appear "more human" const delay = Math.max(500 - (Date.now() - this.timeStart), 0); + let self = this; setTimeout(() => { if (this.currentUrl != document.location.href) return; //page change - // NOTE: do not animate move if special display (ShowMoves != "all") - const animate = V.ShowMoves == "all"; - const animDelay = animate ? 250 : 0; - let moveIdx = 0; - let self = this; - (function executeMove() { - // NOTE: BaseGame::play() will trigger processMove() here - self.$refs["basegame"].play(compMove[moveIdx++], "received"); - if (moveIdx >= compMove.length) { - self.compThink = false; - if (self.game.score != "*") - // User action - self.$emit("game-stopped"); - } else setTimeout(executeMove, 500 + animDelay); - })(); + // NOTE: BaseGame::play() will trigger processMove() here + self.$refs["basegame"].play(compMove, "received"); + self.compThink = false; + if (self.game.score != "*") + // User action + self.$emit("game-stopped"); }, delay); }; }, @@ -72,13 +58,14 @@ export default { game = { vname: this.gameInfo.vname, fenStart: V.GenRandInitFen(), - mycolor: Math.random() < 0.5 ? "w" : "b", moves: [] }; game.fen = game.fenStart; if (this.gameInfo.mode == "versus") CompgameStorage.add(game); } + if (this.gameInfo.mode == "versus" && !game.mycolor) + game.mycolor = Math.random() < 0.5 ? "w" : "b"; this.compWorker.postMessage(["init", game.fen]); this.vr = new V(game.fen); game.players = [{ name: "Myself" }, { name: "Computer" }]; @@ -98,28 +85,19 @@ export default { this.compWorker.postMessage(["askmove"]); }, processMove: function(move) { + playMove(move, this.vr); + // This move could have ended the game: if this is the case, + // the game is already removed from storage (if mode == 'versus') if (this.game.score != "*") return; // Send the move to web worker (including his own moves) this.compWorker.postMessage(["newmove", move]); - // subTurn condition for Marseille (and Avalanche) rules - if ( - (!this.vr.subTurn || this.vr.subTurn <= 1) && - (this.gameInfo.mode == "auto" || this.vr.turn != this.game.mycolor) - ) { + if (this.gameInfo.mode == "auto" || this.vr.turn != this.game.mycolor) this.playComputerMove(); - } // Finally, update storage: if (this.gameInfo.mode == "versus") { - const allowed_fields = ["appear", "vanish", "start", "end"]; - const filtered_move = Object.keys(move) - .filter(key => allowed_fields.includes(key)) - .reduce((obj, key) => { - obj[key] = move[key]; - return obj; - }, {}); CompgameStorage.update(this.gameInfo.vname, { - move: filtered_move, - fen: move.fen + move: getFilteredMove(move), + fen: this.vr.getFen() }); } },