X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=3f74fde92a0552a5f11681f273c88df22a751bea;hp=ca8a6bff425b917199e5287059de2d065d97f4c7;hb=4b3539364e8fea527158f4ba27db1c0870ffd2fc;hpb=f6cc7faf4301dc4a7ae5bb07f16403f280beddc3

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index ca8a6bff..3f74fde9 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -1,4 +1,3 @@
-// TODO: use indexedDB instead of localStorage? (more flexible: allow several games)
 Vue.component('my-game', {
 	data: function() {
 		return {
@@ -136,7 +135,8 @@ Vue.component('my-game', {
 						},
 						[h('img',
 							{
-								attrs: { "src": '/images/pieces/' + VariantRules.getPpath(m.appear[0].c+m.appear[0].p) + '.svg' },
+								attrs: { "src": '/images/pieces/' +
+									VariantRules.getPpath(m.appear[0].c+m.appear[0].p) + '.svg' },
 								'class': { 'choice-piece': true, 'board': true },
 								on: { "click": e => { this.play(m); this.choices=[]; } },
 							})
@@ -170,10 +170,12 @@ Vue.component('my-game', {
 										{
 											'class': {
 												'piece': true,
-												'ghost': !!this.selectedPiece && this.selectedPiece.parentNode.id == "sq-"+ci+"-"+cj,
+												'ghost': !!this.selectedPiece
+													&& this.selectedPiece.parentNode.id == "sq-"+ci+"-"+cj,
 											},
 											attrs: {
-												src: "/images/pieces/" + VariantRules.getPpath(this.vr.board[ci][cj]) + ".svg",
+												src: "/images/pieces/" +
+													VariantRules.getPpath(this.vr.board[ci][cj]) + ".svg",
 											},
 										}
 									)
@@ -574,7 +576,8 @@ Vue.component('my-game', {
 			this.newGame("computer");
 		},
 		newGame: function(mode, fenInit, color, oppId, moves, continuation) {
-			const fen = "pppppppp/rnbqkbnr/8/8/8/8/PPPPPPPP/ROBQKBOR 1111"; //fenInit || VariantRules.GenRandInitFen();
+			//const fen = "1n2T1n0/p2pO2p/1s1k1s2/8/3S2p1/2U2cO1/P3PuPP/3K1BR1 0100";
+			const fen = fenInit || VariantRules.GenRandInitFen();
 			console.log(fen); //DEBUG
 			this.score = "*";
 			if (mode=="human" && !oppId)
@@ -640,9 +643,11 @@ Vue.component('my-game', {
 			}
 		},
 		playComputerMove: function() {
+			const timeStart = Date.now();
 			const compMove = this.vr.getComputerMove();
-			// HACK: avoid selecting elements before they appear on page:
-			setTimeout(() => this.play(compMove, "animate"), 500);
+			// (first move) HACK: avoid selecting elements before they appear on page:
+			const delay = Math.max(500-(Date.now()-timeStart), 0);
+			setTimeout(() => this.play(compMove, "animate"), delay);
 		},
 		// Get the identifier of a HTML table cell from its numeric coordinates o.x,o.y.
 		getSquareId: function(o) {
@@ -672,7 +677,7 @@ Vue.component('my-game', {
 				this.selectedPiece.style.display = "inline-block";
 				this.selectedPiece.style.zIndex = 3000;
 				let startSquare = this.getSquareFromId(e.target.parentNode.id);
-				this.possibleMoves = true//this.mode!="idle" && this.vr.canIplay(this.mycolor,startSquare)
+				this.possibleMoves = this.mode!="idle" && this.vr.canIplay(this.mycolor,startSquare)
 					? this.vr.getPossibleMovesFrom(startSquare)
 					: [];
 				e.target.parentNode.appendChild(this.selectedPiece);