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);