new processor animation

blair-robot-project · Jan 8, 2025 · 1555d92 · 1555d92
1 parent 81edc8e
commit 1555d92
Show file tree

Hide file tree

Showing 16 changed files with 15 additions and 9 deletions.
diff --git a/src/main/deploy/autoscore/index.html b/src/main/deploy/autoscore/index.html
@@ -40,7 +40,7 @@
             </div>
         </div>
         <div class="imageContainer">
-            <img src="processor1.png" alt="" width="512px" height="512px" id="processor">
+            <img src="processorEmpty.png" alt="" width="512px" height="512px" id="processor">
         </div>
     </div>
     <div class="locationContainer" style="display: none">

diff --git a/src/main/deploy/autoscore/processor.js b/src/main/deploy/autoscore/processor.js
@@ -1,11 +1,11 @@
 const processorButton = document.getElementById("button");
 const animationIntervals = [];
-const animationFPS = 6;
+const animationFPS = 11.25;
 const processorImage = document.getElementById("processor");
 
 processorButton.onmouseenter = () => {
-        processorImage.style.filter = "brightness(1.25)";
-    }
+    processorImage.style.filter = "brightness(1.25)";
+}
 
 processorButton.onmouseleave = () => {
     processorImage.style.filter = "brightness(1)";
@@ -19,15 +19,21 @@ processorButton.onclick = () => {
     })
     let frame = 1;
     const animationInterval = setInterval(() => {
-        if(frame == 8) {
+        if(frame == 15) {
             console.log("clearing");
             changeMenu("choice");
             clearInterval(animationInterval);
         } else {
-            if(frame == 7) {
-                processorImage.src = `processor1.png`;
-            } else {
-                processorImage.src = `processor${frame}.png`;
+            if(frame == 14) {
+                processorImage.src = `processorEmpty.png`;
+            }
+            else {
+                if(frame == 13) {
+                    processorImage.src = `processorr12`;
+                }
+                else {
+                    processorImage.src = `processorr${frame}.png`;
+                }
             }
             frame++; 
         }

diff --git a/src/main/deploy/autoscore/processorStill.png → src/main/deploy/autoscore/processorEmpty.png b/src/main/deploy/autoscore/processorStill.png → src/main/deploy/autoscore/processorEmpty.png
diff --git a/src/main/deploy/autoscore/processorgif.gif b/src/main/deploy/autoscore/processorgif.gif
diff --git a/src/main/deploy/autoscore/processorr1.png b/src/main/deploy/autoscore/processorr1.png
diff --git a/src/main/deploy/autoscore/processorr10.png b/src/main/deploy/autoscore/processorr10.png
diff --git a/src/main/deploy/autoscore/processorr11.png b/src/main/deploy/autoscore/processorr11.png
diff --git a/src/main/deploy/autoscore/processorr12.png b/src/main/deploy/autoscore/processorr12.png
diff --git a/src/main/deploy/autoscore/processorr2.png b/src/main/deploy/autoscore/processorr2.png
diff --git a/src/main/deploy/autoscore/processorr3.png b/src/main/deploy/autoscore/processorr3.png
diff --git a/src/main/deploy/autoscore/processorr4.png b/src/main/deploy/autoscore/processorr4.png
diff --git a/src/main/deploy/autoscore/processorr5.png b/src/main/deploy/autoscore/processorr5.png
diff --git a/src/main/deploy/autoscore/processorr6.png b/src/main/deploy/autoscore/processorr6.png
diff --git a/src/main/deploy/autoscore/processorr7.png b/src/main/deploy/autoscore/processorr7.png
diff --git a/src/main/deploy/autoscore/processorr8.png b/src/main/deploy/autoscore/processorr8.png
diff --git a/src/main/deploy/autoscore/processorr9.png b/src/main/deploy/autoscore/processorr9.png