Pile de 4 cartes fonctionnelle

code/index.html

@@ -33,6 +33,8 @@
     
     tab1=[];
     tab2=[];
+    tab3=[];
+    tab4=[];
     tabTotal=[];
     mousePos=[];
     
@@ -114,12 +116,18 @@
     function empiler()
     {
         tabTotal=[];
-        tab1.forEach(element => {
+        tab4.forEach(element => {
+            tabTotal.push(element);
+        })
+        tab3.forEach(element => {
             tabTotal.push(element);
         })
         tab2.forEach(element => {
             tabTotal.push(element);
         })
+        tab1.forEach(element => {
+            tabTotal.push(element);
+        })
         
         toutDessiner(tabTotal,canvasT,ctxT);
     }
@@ -224,19 +232,38 @@
 
     canvas2.addEventListener("mousedown",function(e){
         mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)];
-        //console.log("md =",e.clientX,":",e.clientY);
     })
 
     canvas2.addEventListener("mouseup",function(e){
         rotationManager(e);
     })
 
-    tab1.push([-3,-3,"green"],[-3,2,"red"],[1,2,"orange"]);
+    canvas3.addEventListener("mousedown",function(e){
-    tab2.push([-2,-3,"green"],[-3,1,"blue"],[-1,2,"purple"]);
+        mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)];
+    })
+
+    canvas3.addEventListener("mouseup",function(e){
+        rotationManager(e);
+    })
+
+    canvas4.addEventListener("mousedown",function(e){
+        mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)];
+    })
+
+    canvas4.addEventListener("mouseup",function(e){
+        rotationManager(e);
+    })
+    
+    tab1.push([-3,-3,"green"],[-3,2,"red"],[1,2,"blue"],[3,-3,"brown"]);
+    tab2.push([-3,-3,"green"],[-3,2,"red"],[1,2,"blue"],[3,-3,"brown"]);
+    tab3.push([-3,-3,"green"],[-3,2,"red"],[1,2,"blue"],[3,-3,"brown"]);
+    tab4.push([-3,-3,"green"],[-3,2,"red"],[1,2,"blue"],[3,-3,"brown"]);
+
     toutDessiner(tab1,canvas1,ctx);
     toutDessiner(tab2,canvas2,ctx2);
+    toutDessiner(tab3,canvas3,ctx3);
+    toutDessiner(tab4,canvas4,ctx4);
     
-    faireCercle(1,1,"violet",ctxO);
     
     
 </script>