Commit | Line | Data |
---|---|---|
a6088c90 | 1 | <template lang="pug"> |
7aa548e7 BA |
2 | BaseGame(:game="game" :vr="vr" ref="basegame" |
3 | @newmove="processMove" @gameover="gameOver") | |
a6088c90 BA |
4 | </template> |
5 | ||
6 | <script> | |
7 | import BaseGame from "@/components/BaseGame.vue"; | |
8 | import { store } from "@/store"; | |
41cb9b94 | 9 | import Worker from "worker-loader!@/playCompMove"; |
a6088c90 BA |
10 | |
11 | export default { | |
41cb9b94 | 12 | name: "my-computer-game", |
a6088c90 BA |
13 | components: { |
14 | BaseGame, | |
15 | }, | |
6dd02928 | 16 | // gameInfo: fen + mode + vname |
a6088c90 | 17 | // mode: "auto" (game comp vs comp), "versus" (normal) or "analyze" |
6dd02928 | 18 | props: ["gameInfo"], |
a6088c90 BA |
19 | data: function() { |
20 | return { | |
21 | st: store.state, | |
41cb9b94 | 22 | game: {}, |
b7c32f1a | 23 | vr: null, |
a6088c90 BA |
24 | // Web worker to play computer moves without freezing interface: |
25 | timeStart: undefined, //time when computer starts thinking | |
41cb9b94 | 26 | compThink: false, //avoid asking a new move while one is being searched |
a6088c90 | 27 | compWorker: null, |
a6088c90 BA |
28 | }; |
29 | }, | |
a6088c90 | 30 | watch: { |
834c202a | 31 | "gameInfo.fen": function() { |
a6088c90 BA |
32 | this.launchGame(); |
33 | }, | |
41cb9b94 BA |
34 | "gameInfo.score": function(newScore) { |
35 | if (newScore != "*") | |
834c202a | 36 | { |
41cb9b94 | 37 | this.game.score = newScore; //user action |
834c202a | 38 | this.game.mode = "analyze"; |
41cb9b94 BA |
39 | if (!this.compThink) |
40 | this.$emit("game-stopped"); //otherwise wait for comp | |
834c202a BA |
41 | } |
42 | }, | |
a6088c90 BA |
43 | }, |
44 | // Modal end of game, and then sub-components | |
45 | created: function() { | |
41cb9b94 BA |
46 | // Computer moves web worker logic: |
47 | this.compWorker = new Worker(); | |
a6088c90 | 48 | this.compWorker.onmessage = e => { |
a6088c90 | 49 | let compMove = e.data; |
41cb9b94 BA |
50 | if (!compMove) |
51 | return; //after game ends, no more moves, nothing to do | |
a6088c90 BA |
52 | if (!Array.isArray(compMove)) |
53 | compMove = [compMove]; //to deal with MarseilleRules | |
54 | // Small delay for the bot to appear "more human" | |
af32cf62 | 55 | const delay = Math.max(500-(Date.now()-this.timeStart), 0); |
a6088c90 | 56 | setTimeout(() => { |
41cb9b94 | 57 | // NOTE: Dark and 2-moves are incompatible |
6dd02928 | 58 | const animate = (this.gameInfo.vname != "Dark"); |
af32cf62 BA |
59 | const animDelay = (animate ? 250 : 0); |
60 | let moveIdx = 0; | |
61 | let self = this; | |
62 | (function executeMove() { | |
63 | self.$refs.basegame.play(compMove[moveIdx++], animate); | |
64 | if (moveIdx >= compMove.length) | |
65 | { | |
66 | self.compThink = false; | |
67 | if (self.game.score != "*") //user action | |
68 | self.$emit("game-stopped"); | |
69 | } | |
70 | else | |
71 | setTimeout(executeMove, 500 + animDelay); | |
72 | })(); | |
a6088c90 BA |
73 | }, delay); |
74 | } | |
834c202a | 75 | if (!!this.gameInfo.fen) |
b7c32f1a | 76 | this.launchGame(); |
a6088c90 BA |
77 | }, |
78 | // dans variant.js (plutôt room.js) conn gère aussi les challenges | |
79 | // et les chats dans chat.js. Puis en webRTC, repenser tout ça. | |
80 | methods: { | |
81 | launchGame: async function() { | |
6dd02928 | 82 | const vModule = await import("@/variants/" + this.gameInfo.vname + ".js"); |
a6088c90 | 83 | window.V = vModule.VariantRules; |
6dd02928 | 84 | this.compWorker.postMessage(["scripts",this.gameInfo.vname]); |
834c202a BA |
85 | this.compWorker.postMessage(["init",this.gameInfo.fen]); |
86 | this.vr = new V(this.gameInfo.fen); | |
87 | const mycolor = (Math.random() < 0.5 ? "w" : "b"); | |
41cb9b94 | 88 | let players = [{name:"Myself"},{name:"Computer"}]; |
834c202a BA |
89 | if (mycolor == "b") |
90 | players = players.reverse(); | |
41cb9b94 | 91 | // NOTE: fen and fenStart are redundant in game object |
834c202a BA |
92 | this.game = Object.assign({}, |
93 | this.gameInfo, | |
94 | { | |
95 | fenStart: this.gameInfo.fen, | |
96 | players: players, | |
97 | mycolor: mycolor, | |
2c6cb25e | 98 | score: "*", |
834c202a BA |
99 | }); |
100 | this.compWorker.postMessage(["init",this.gameInfo.fen]); | |
101 | if (mycolor != "w" || this.gameInfo.mode == "auto") | |
37cdcbf3 | 102 | this.playComputerMove(); |
a6088c90 BA |
103 | }, |
104 | playComputerMove: function() { | |
105 | this.timeStart = Date.now(); | |
41cb9b94 | 106 | this.compThink = true; |
a6088c90 BA |
107 | this.compWorker.postMessage(["askmove"]); |
108 | }, | |
1acda11c BA |
109 | processMove: function(move) { |
110 | // Send the move to web worker (including his own moves) | |
111 | this.compWorker.postMessage(["newmove",move]); | |
112 | // subTurn condition for Marseille (and Avalanche) rules | |
113 | if ((!this.vr.subTurn || this.vr.subTurn <= 1) | |
834c202a | 114 | && (this.gameInfo.mode == "auto" || this.vr.turn != this.game.mycolor)) |
1acda11c BA |
115 | { |
116 | this.playComputerMove(); | |
117 | } | |
118 | }, | |
93d1d7a7 | 119 | gameOver: function(score) { |
41cb9b94 | 120 | this.game.score = score; |
834c202a | 121 | this.game.mode = "analyze"; |
41cb9b94 | 122 | this.$emit("game-over", score); //bubble up to Rules.vue |
834c202a | 123 | }, |
a6088c90 BA |
124 | }, |
125 | }; | |
126 | </script> |