Revise server code + a few fixes in trnalsations and ComputerGame
[vchess.git] / client / src / components / ComputerGame.vue
CommitLineData
a6088c90 1<template lang="pug">
910d631b 2BaseGame(
8477e53d 3 ref="basegame"
910d631b
BA
4 :game="game"
5 :vr="vr"
6 @newmove="processMove"
7 @gameover="gameOver"
8)
a6088c90
BA
9</template>
10
11<script>
12import BaseGame from "@/components/BaseGame.vue";
13import { store } from "@/store";
41cb9b94 14import Worker from "worker-loader!@/playCompMove";
a6088c90 15export default {
41cb9b94 16 name: "my-computer-game",
a6088c90 17 components: {
6808d7a1 18 BaseGame
a6088c90 19 },
6dd02928 20 // gameInfo: fen + mode + vname
63ca2b89 21 // mode: "auto" (game comp vs comp) or "versus" (normal)
6dd02928 22 props: ["gameInfo"],
a6088c90
BA
23 data: function() {
24 return {
25 st: store.state,
41cb9b94 26 game: {},
b7c32f1a 27 vr: null,
a6088c90
BA
28 // Web worker to play computer moves without freezing interface:
29 timeStart: undefined, //time when computer starts thinking
41cb9b94 30 compThink: false, //avoid asking a new move while one is being searched
6808d7a1 31 compWorker: null
a6088c90
BA
32 };
33 },
a6088c90 34 watch: {
834c202a 35 "gameInfo.fen": function() {
a6088c90
BA
36 this.launchGame();
37 },
38 },
a6088c90 39 created: function() {
41cb9b94
BA
40 // Computer moves web worker logic:
41 this.compWorker = new Worker();
a6088c90 42 this.compWorker.onmessage = e => {
a6088c90 43 let compMove = e.data;
6808d7a1 44 if (!compMove) {
7b3cf1b7
BA
45 this.compThink = false;
46 this.$emit("game-stopped"); //no more moves: mate or stalemate
41cb9b94 47 return; //after game ends, no more moves, nothing to do
7b3cf1b7 48 }
910d631b 49 if (!Array.isArray(compMove)) compMove = [compMove]; //potential multi-move
a6088c90 50 // Small delay for the bot to appear "more human"
6808d7a1 51 const delay = Math.max(500 - (Date.now() - this.timeStart), 0);
a6088c90 52 setTimeout(() => {
6808d7a1 53 if (this.currentUrl != document.location.href) return; //page change
20620465
BA
54 // NOTE: do not animate move if special display (ShowMoves != "all")
55 const animate = V.ShowMoves == "all";
6808d7a1 56 const animDelay = animate ? 250 : 0;
af32cf62
BA
57 let moveIdx = 0;
58 let self = this;
59 (function executeMove() {
866842c3 60 self.$refs["basegame"].play(compMove[moveIdx++], "received");
6808d7a1 61 if (moveIdx >= compMove.length) {
af32cf62 62 self.compThink = false;
6808d7a1
BA
63 if (self.game.score != "*")
64 //user action
af32cf62 65 self.$emit("game-stopped");
6808d7a1 66 } else setTimeout(executeMove, 500 + animDelay);
af32cf62 67 })();
a6088c90 68 }, delay);
6808d7a1
BA
69 };
70 if (this.gameInfo.fen) this.launchGame();
a6088c90 71 },
a6088c90 72 methods: {
e6a5a8ea 73 launchGame: function() {
6808d7a1
BA
74 this.compWorker.postMessage(["scripts", this.gameInfo.vname]);
75 this.compWorker.postMessage(["init", this.gameInfo.fen]);
834c202a 76 this.vr = new V(this.gameInfo.fen);
6808d7a1
BA
77 const mycolor = Math.random() < 0.5 ? "w" : "b";
78 let players = [{ name: "Myself" }, { name: "Computer" }];
79 if (mycolor == "b") players = players.reverse();
6cd07b4d 80 this.currentUrl = document.location.href; //to avoid playing outside page
41cb9b94 81 // NOTE: fen and fenStart are redundant in game object
6808d7a1
BA
82 this.game = Object.assign({}, this.gameInfo, {
83 fenStart: this.gameInfo.fen,
84 players: players,
85 mycolor: mycolor,
86 score: "*"
87 });
88 this.compWorker.postMessage(["init", this.gameInfo.fen]);
834c202a 89 if (mycolor != "w" || this.gameInfo.mode == "auto")
37cdcbf3 90 this.playComputerMove();
a6088c90 91 },
8477e53d
BA
92 // NOTE: a "goto" action could lead to an error when comp is thinking,
93 // but it's OK because from the user viewpoint the game just stops.
a6088c90
BA
94 playComputerMove: function() {
95 this.timeStart = Date.now();
41cb9b94 96 this.compThink = true;
a6088c90
BA
97 this.compWorker.postMessage(["askmove"]);
98 },
1acda11c 99 processMove: function(move) {
6808d7a1 100 if (this.game.score != "*") return;
1acda11c 101 // Send the move to web worker (including his own moves)
6808d7a1 102 this.compWorker.postMessage(["newmove", move]);
1acda11c 103 // subTurn condition for Marseille (and Avalanche) rules
6808d7a1
BA
104 if (
105 (!this.vr.subTurn || this.vr.subTurn <= 1) &&
106 (this.gameInfo.mode == "auto" || this.vr.turn != this.game.mycolor)
107 ) {
1acda11c
BA
108 this.playComputerMove();
109 }
110 },
430a2038 111 gameOver: function(score, scoreMsg) {
41cb9b94 112 this.game.score = score;
430a2038 113 this.game.scoreMsg = scoreMsg;
866842c3 114 if (!this.compThink) this.$emit("game-stopped"); //otherwise wait for comp
6808d7a1
BA
115 }
116 }
a6088c90
BA
117};
118</script>