X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FComputerGame.vue;h=605b3b14618aa41445abbae89e5da694337363a9;hp=5782ba6a788d2e8b2621a381af21d6172645d6ee;hb=e6ca903027ba7c4867393ac8fe8c58b5fa6e0efe;hpb=f35b9960e1c527fc400ebac85321bd4712459da3 diff --git a/client/src/components/ComputerGame.vue b/client/src/components/ComputerGame.vue index 5782ba6a..605b3b14 100644 --- a/client/src/components/ComputerGame.vue +++ b/client/src/components/ComputerGame.vue @@ -3,7 +3,6 @@ BaseGame( ref="basegame" :game="game" @newmove="processMove" - @gameover="gameOver" ) @@ -11,6 +10,7 @@ BaseGame( import BaseGame from "@/components/BaseGame.vue"; import { store } from "@/store"; import { CompgameStorage } from "@/utils/compgameStorage"; +import { getScoreMessage } from "@/utils/scoring"; import { playMove, getFilteredMove } from "@/utils/playUndo"; import Worker from "worker-loader!@/playCompMove"; export default { @@ -43,12 +43,18 @@ export default { let self = this; setTimeout(() => { if (this.currentUrl != document.location.href) return; //page change - // 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"); + const animationLength = + // 250 = length of animation, 500 = delay between sub-moves + // TODO: a callback would be cleaner. + 250 + (Array.isArray(compMove) ? (compMove.length - 1) * 750 : 0); + setTimeout( + () => { + self.compThink = false; + self.processMove(compMove); + }, + animationLength + ); }, delay); }; }, @@ -62,18 +68,25 @@ export default { moves: [] }; game.fen = game.fenStart; - if (this.gameInfo.mode == "versus") - CompgameStorage.add(game); + if (this.gameInfo.mode == "versus") CompgameStorage.add(game); } - if (this.gameInfo.mode == "versus" && !game.mycolor) - game.mycolor = Math.random() < 0.5 ? "w" : "b"; + +// TODO: debug Hiddenqueen +//game.fen = "rbnqbknr/pppptppp/8/8/8/8/TPPPPPPP/RBNQBKNR w 0 ahah -"; +//game.fenStart = "rbnqbknr/pppptppp/8/8/8/8/TPPPPPPP/RBNQBKNR w 0 ahah -"; +//game.mycolor = 'w'; + + if (!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" }]; - if (game.myColor == "b") game.players = game.players.reverse(); + game.players = [{ name: "Computer" }, { name: "Computer" }]; + if (this.gameInfo.mode == "versus") + game.players[game.mycolor == 'w' ? 0 : 1] = { name: "Myself" }; game.score = "*"; //finished games are removed + game.mode = this.gameInfo.mode; this.currentUrl = document.location.href; //to avoid playing outside page this.game = game; + this.$refs["basegame"].re_setVariables(game); this.compWorker.postMessage(["init", game.fen]); if (this.gameInfo.mode == "auto" || game.mycolor != this.vr.turn) this.playComputerMove(); @@ -85,11 +98,19 @@ export default { this.compThink = true; this.compWorker.postMessage(["askmove"]); }, - processMove: function(move) { + processMove: function(move, scoreObj) { 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; + // Maybe the user stopped the game: + if (this.game.score != "*") { + this.$emit("game-stopped"); + return; + } + // This move could have ended the game + if (!scoreObj) scoreObj = { score: this.vr.getCurrentScore() }; + if (scoreObj.score != "*") { + this.gameOver(scoreObj.score); + return; + } // Send the move to web worker (including his own moves) this.compWorker.postMessage(["newmove", move]); if (this.gameInfo.mode == "auto" || this.vr.turn != this.game.mycolor) @@ -102,10 +123,11 @@ export default { }); } }, - gameOver: function(score, scoreMsg) { + gameOver: function(score) { this.game.score = score; - this.game.scoreMsg = scoreMsg; - if (!this.compThink) this.$emit("game-stopped"); //otherwise wait for comp + this.game.scoreMsg = getScoreMessage(score); + // If comp is thinking, let him finish: + if (!this.compThink) this.$emit("game-stopped"); } } };