diff --git a/htdocs/chess.js b/htdocs/chess.js index 22b9bdbd8fd4348fed5b6ce4cf0e19a780175b3b..f71fd5e7e99ca2e0871dee033af9128e08f479dd 100644 --- a/htdocs/chess.js +++ b/htdocs/chess.js @@ -71,3 +71,51 @@ function draw() { // Appeler la fonction pour afficher l'échiquier draw(); + + +//Mouvement des pièces sur l'échiquier + +let selectedPiece = null; +let selectedPosition = null; + +canvas.addEventListener("click", function(event) { + console.log("clické") + const col = Math.floor(event.offsetX / size); + const row = Math.floor(event.offsetY / size); + + if (selectedPiece) { + movePiece(row, col); + } else { + selectPiece(row, col); + } +}); + +function selectPiece(row, col) { + const piece = board[row][col]; + + if (piece !== "") { // Vérifier que ce n'est pas une case vide + selectedPiece = piece; + selectedPosition = { row, col }; + + } +} + + +function movePiece(newRow, newCol) { + if (!selectedPiece) return; + + // Vérifier si le mouvement est valide + //const validMoves = highlightMoves(selectedPiece, selectedPosition.row, selectedPosition.col); + //const isValidMove = validMoves.some(m => m.row === newRow && m.col === newCol); + + //if (isValidMove) { + board[newRow][newCol] = selectedPiece; + board[selectedPosition.row][selectedPosition.col] = ""; + + selectedPiece = null; + selectedPosition = null; + + drawBoard(); + drawPieces(); + //} +} \ No newline at end of file diff --git a/htdocs/page_jeu.html b/htdocs/page_jeu.html index 6d086e38d2e9ea983aac7ef8edca336024e47864..19434f437b397027c88777fb679147b390fab7ac 100644 --- a/htdocs/page_jeu.html +++ b/htdocs/page_jeu.html @@ -3,7 +3,7 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>AdamLeMaitre</title> + <title>Thomas le Braîtte</title> <link rel="stylesheet" href="style_page_jeu.css"> </head> <body>