diff --git a/htdocs/index.js b/htdocs/index.js index 0884cdb8d2d78ba89e695eb84858aa90f0a26bfc..aaf5759737911ca0e75ee3a682876a095d96456a 100644 --- a/htdocs/index.js +++ b/htdocs/index.js @@ -111,6 +111,10 @@ socket.on('start game', (players) => { console.log(players, "Le jeu commence"); startGame(players); console.log(player.isBlackPlayer) + if (player.isBlackPlayer) { + document.getElementById('chessboard').classList.add('black-perspective'); + console.log("échiquier inversé") + } }); @@ -249,6 +253,19 @@ function drawPieces() { if (piece !== "") { let img = new Image(); img.src = "chess_pieces/" + pieceImages[piece]; + if (player.isBlackPlayer){ + img.onload = function () { + ctx.save(); + ctx.translate((col) * size, (row) * size); + ctx.rotate(Math.PI); + ctx.drawImage(img, -size, -size, size, size); + ctx.restore(); + }; + img.onerror = function (e) { + console.log("Erreur de chargement de l'image : ", img.src); // En cas d'erreur de chargement + }; + } + else{ img.onload = function () { ctx.drawImage(img, col * size, row * size, size, size); }; @@ -256,6 +273,7 @@ function drawPieces() { console.log("Erreur de chargement de l'image : ", img.src); // En cas d'erreur de chargement }; } + } } } } @@ -446,6 +464,7 @@ function highlightMoves(tour,piece, row, col) { { dr: 1, dc: -1 }, // Diagonale bas-gauche { dr: 1, dc: 1 } // Diagonale bas-droite ]; + for (let { dr, dc } of directions) { let newRow = row + dr; @@ -458,6 +477,9 @@ function highlightMoves(tour,piece, row, col) { } } } + if (row==7) { + if (board[row][col]){} + } } if (piece.toLowerCase() === "c") { let movesL = [