From 1f26df1b9cffab17b7e65d0dea6a728e82df0072 Mon Sep 17 00:00:00 2001
From: Adam <adam.elarouti@etu.ec-lyon.fr>
Date: Wed, 19 Mar 2025 09:40:56 +0100
Subject: [PATCH] ca marche pas

---
 htdocs/chess.js | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/htdocs/chess.js b/htdocs/chess.js
index 4c9e8a8..10a6d94 100644
--- a/htdocs/chess.js
+++ b/htdocs/chess.js
@@ -45,17 +45,31 @@ function drawPieces() {
     for (let row = 0; row < 8; row++) {
         for (let col = 0; col < 8; col++) {
             const piece = board[row][col];
-            if (piece !== "") {
                 let img = new Image();
-                img.src = "chess_pieces/" + pieceImages[piece];
-                img.onload = function () {
-                    ctx.drawImage(img, col * size, row * size, size, size);
-                };
-            }
+                if (piece !== ""){
+                    drawPiece(piece,col,row)
+                }
         }
     }
 }
+function drawPiece(piece, col, row) {
+    let img = new Image();
+    img.src = "chess_pieces/" + pieceImages[piece];
 
+    img.onload = function () {
+        let tempCanvas = document.createElement("canvas");
+        let tempCtx = tempCanvas.getContext("2d");
+
+        tempCanvas.width = size;
+        tempCanvas.height = size;
+
+        // Dessiner l’image sur un canvas temporaire
+        tempCtx.drawImage(img, 0, 0, size, size);
+
+        // Ensuite, dessiner cette image sur le canvas principal
+        ctx.drawImage(tempCanvas, col * size, row * size, size, size);
+    };
+}
 // Fonction principale pour dessiner l'échiquier
 function draw() {
     drawBoard();
-- 
GitLab