- const timeStart = Date.now();
- const nbMoves = this.vr.moves.length; //using played moves to know if search finished
- const gameId = this.gameId; //to know if game was reset before timer end
- setTimeout(
- () => {
- if (gameId != this.gameId)
- return; //game stopped
- const L = this.vr.moves.length;
- if (nbMoves == L || !this.vr.moves[L-1].notation) //move search didn't finish
- this.vr.shouldReturn = true;
- }, 5000);
- const compMove = this.vr.getComputerMove();
- // (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) {
- // NOTE: a separator is required to allow any size of board
- return "sq-" + o.x + "-" + o.y;
- },
- // Inverse function
- getSquareFromId: function(id) {
- let idParts = id.split('-');
- return [parseInt(idParts[1]), parseInt(idParts[2])];
- },
- mousedown: function(e) {
- e = e || window.event;
- e.preventDefault(); //disable native drag & drop
- if (!this.selectedPiece && e.target.classList.contains("piece"))
- {
- // Next few lines to center the piece on mouse cursor
- let rect = e.target.parentNode.getBoundingClientRect();
- this.start = {
- x: rect.x + rect.width/2,
- y: rect.y + rect.width/2,
- id: e.target.parentNode.id
- };
- this.selectedPiece = e.target.cloneNode();
- this.selectedPiece.style.position = "absolute";
- this.selectedPiece.style.top = 0;
- this.selectedPiece.style.display = "inline-block";
- this.selectedPiece.style.zIndex = 3000;
- let startSquare = this.getSquareFromId(e.target.parentNode.id);
- this.possibleMoves = this.mode!="idle" && this.vr.canIplay(this.mycolor,startSquare)
- ? this.vr.getPossibleMovesFrom(startSquare)
- : [];
- e.target.parentNode.appendChild(this.selectedPiece);
- }
- },
- mousemove: function(e) {
- if (!this.selectedPiece)
- return;
- e = e || window.event;
- // If there is an active element, move it around
- if (!!this.selectedPiece)
- {
- this.selectedPiece.style.left = (e.clientX-this.start.x) + "px";
- this.selectedPiece.style.top = (e.clientY-this.start.y) + "px";
- }
- },
- mouseup: function(e) {
- if (!this.selectedPiece)
- return;
- e = e || window.event;
- // Read drop target (or parentElement, parentNode... if type == "img")
- this.selectedPiece.style.zIndex = -3000; //HACK to find square from final coordinates
- let landing = document.elementFromPoint(e.clientX, e.clientY);
- this.selectedPiece.style.zIndex = 3000;
- while (landing.tagName == "IMG") //classList.contains(piece) fails because of mark/highlight
- landing = landing.parentNode;
- if (this.start.id == landing.id) //a click: selectedPiece and possibleMoves already filled
- return;
- // OK: process move attempt
- let endSquare = this.getSquareFromId(landing.id);
- let moves = this.findMatchingMoves(endSquare);
- this.possibleMoves = [];
- if (moves.length > 1)
- this.choices = moves;
- else if (moves.length==1)
- this.play(moves[0]);
- // Else: impossible move
- this.selectedPiece.parentNode.removeChild(this.selectedPiece);
- delete this.selectedPiece;
- this.selectedPiece = null;
- },
- findMatchingMoves: function(endSquare) {
- // Run through moves list and return the matching set (if promotions...)
- let moves = [];
- this.possibleMoves.forEach(function(m) {
- if (endSquare[0] == m.end.x && endSquare[1] == m.end.y)
- moves.push(m);
- });
- return moves;