From a6349dddc8fa0e189b87f867daabd378dca6076c Mon Sep 17 00:00:00 2001
From: "alexandre.aboulin" <alexandre.aboulin@TLPU619.ETAB.LOCAL>
Date: Mon, 28 Mar 2022 09:44:51 +0200
Subject: [PATCH 1/2] yahou

---
 app.js     | 11 +++++++----
 master.css |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app.js b/app.js
index 6df4373..0ded866 100644
--- a/app.js
+++ b/app.js
@@ -4,13 +4,16 @@ function vw(v) {
   return (v * w) / 100;
 }
 
-for (var i = 0; i < 10; i++) {
-    document.getElementsByClassName('cube__face')[i].style.transform = 'rotateX('+i*36+'deg) translateZ(calc(3.4vw *'Math.tan(18* Math.PI / 180)')';
+window.onresize = () => {
+    let cubes = document.getElementsByClassName('cube__face')
+    for (var i = 0; i < 10; i++) {
+        /*window.getComputedStyle(cubes[i])*/cubes[i].style.transform = 
+            'rotateX('+i*36+'deg) translateZ('+vw(3.4)*Math.tan(18 * Math.PI / 180)+')';
+        console.log(window.getComputedStyle(cubes[i]).transform)
+    }
 }
 
 
-
-
 let bac = 1000
 let joueur = 100
 let mise
diff --git a/master.css b/master.css
index 572a5b8..da5cb01 100644
--- a/master.css
+++ b/master.css
@@ -19,7 +19,7 @@
     position: relative;
     transform-style: preserve-3d;
     /* transform: translateZ(-100px); */
-    transition: transform 1s;
+    /*transition: transform 1s;*/
 }
 
 .cube__face {

From 23294321254c1ad22b867030b4fff98e57debff8 Mon Sep 17 00:00:00 2001
From: "alexandre.aboulin" <alexandre.aboulin@TLPU619.ETAB.LOCAL>
Date: Mon, 28 Mar 2022 09:52:48 +0200
Subject: [PATCH 2/2] yahou 2

---
 app.js     | 41 +++++++++++++++++------------------------
 index.html |  6 ++++++
 2 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/app.js b/app.js
index 0ded866..5140520 100644
--- a/app.js
+++ b/app.js
@@ -1,19 +1,3 @@
-
-function vw(v) {
-  var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
-  return (v * w) / 100;
-}
-
-window.onresize = () => {
-    let cubes = document.getElementsByClassName('cube__face')
-    for (var i = 0; i < 10; i++) {
-        /*window.getComputedStyle(cubes[i])*/cubes[i].style.transform = 
-            'rotateX('+i*36+'deg) translateZ('+vw(3.4)*Math.tan(18 * Math.PI / 180)+')';
-        console.log(window.getComputedStyle(cubes[i]).transform)
-    }
-}
-
-
 let bac = 1000
 let joueur = 100
 let mise
@@ -79,19 +63,14 @@ function regles(){
 }
 
 function rotate(rouleau, angle){
-    let id = null;
     let i = 0;
-    clearInterval(id);
-    id = setInterval(frame, 5);
-    function frame() {
-        if (i >= angle) {
-            clearInterval(id);
-        }
+    let id = setInterval(() => {
+        if (i >= angle) clearInterval(id);
         else {
             i += 9;
             rouleau.style.transform = 'rotate3d(1,0,0,'+i+'deg)';
         }
-    }
+    }, 5);
     // let i = 1;
     // let interval = setInterval(() => {
     //     if(i >= angle) {
@@ -108,3 +87,17 @@ function tirage(){
     rotate(document.getElementsByClassName("cube")[2], Math.floor(Math.random() * 15)*360+nbAlea())
 }
 tirage()
+
+function vw(v) {
+    var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
+    return (v * w) / 100;
+}
+  
+window.onresize = () => {
+    let cubes = document.getElementsByClassName('cube__face')
+    for (var i = 0; i < 10; i++) {
+        /*window.getComputedStyle(cubes[i])*/cubes[i].style.transform = 
+            'rotateX('+i*36+'deg) translateZ('+vw(3.4)*Math.tan(18 * Math.PI / 180)+')';
+        console.log(window.getComputedStyle(cubes[i]).transform)
+    }
+}
diff --git a/index.html b/index.html
index ee262e3..86bc0a6 100644
--- a/index.html
+++ b/index.html
@@ -61,5 +61,11 @@
     <input type="text" id="mise_input">
     <button id="lancer" onclick="jeu()">Lancer</button>
     <script src="app.js"></script>
+
+    <div class="regles">
+        <div class="regles-container">
+            Règles
+        </div>
+    </div>
 </body>
 </html>