From 1b0f9727a2868829c61786c5af2e859f94d726b8 Mon Sep 17 00:00:00 2001
From: adplantade <adrien.plantade@etu.uca.fr>
Date: Tue, 9 Jun 2020 14:49:51 +0200
Subject: [PATCH] Pile de 4 cartes fonctionnelle

---
 code/index.html | 37 ++++++++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 5 deletions(-)

diff --git a/code/index.html b/code/index.html
index 568f004..0ad5c1e 100644
--- a/code/index.html
+++ b/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);
     })
+
+    canvas3.addEventListener("mousedown",function(e){
+        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,"orange"]);
-    tab2.push([-2,-3,"green"],[-3,1,"blue"],[-1,2,"purple"]);
+    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>