Moar rubbish imgs

script.js

@@ -1,3 +1,10 @@
+const rubbishImgs = [
+    "images/rubbish1.png",
+    "images/rubbish2.png",
+    "images/rubbish3.png",
+    "images/rubbish4.png",
+];
+
 var counter = parseInt(localStorage.getItem("highscore") ?? "0");
 var totalCPS = parseInt(localStorage.getItem("cps") ?? "0");
 localStorage.setItem("highscore", counter);
@@ -17,10 +24,16 @@ function newRubbish(enableDelay) {
     if (document.getElementsByClassName("rubbish").length > 50) return;
     var r = new Image();
     r.className = "rubbish";
+
     r.style.top = Math.floor(Math.random() * 100) + "%";
+    r.style.animationName = `rubbishAnimation${
+        Math.floor(Math.random() * 4) + 1
+    }`;
     if (enableDelay) r.style.animationDelay = Math.random() * 6 + "s";
-    r.src = Math.random() > 0.5 ? "images/rubbish1.png" : "images/rubbish2.png";
+
+    r.src = rubbishImgs[Math.floor(Math.random() * rubbishImgs.length)];
     r.onanimationend = () => r.remove();
+
     document.getElementsByClassName("clicker")[0].append(r);
 }
 

style.css

@@ -131,7 +131,7 @@ a {
     font-weight: bold;
 }
 
-@keyframes rubbishAnimation {
+@keyframes rubbishAnimation1 {
     0% {
         transform: translate(0, 0) rotate(0deg);
     }
@@ -140,8 +140,35 @@ a {
     }
 }
 
+@keyframes rubbishAnimation2 {
+    0% {
+        transform: translate(0, 0) rotate(90deg);
+    }
+    100% {
+        transform: translate(640px, 0) rotate(360deg);
+    }
+}
+
+@keyframes rubbishAnimation3 {
+    0% {
+        transform: translate(0, 0) rotate(180deg);
+    }
+    100% {
+        transform: translate(650px, 0) rotate(360deg);
+    }
+}
+
+@keyframes rubbishAnimation4 {
+    0% {
+        transform: translate(0, 0) rotate(360deg);
+    }
+    100% {
+        transform: translate(660px, 0) rotate(0deg);
+    }
+}
+
 .rubbish {
-    animation: rubbishAnimation 4s;
+    animation-duration: 4s;
     position: absolute;
     left: -25px;
     height: 20px;

thanks.txt

@@ -1,2 +1,3 @@
-images/rubbish1.png made by https://www.freepik.com from https://www.flaticon.com/
-images/rubbish2.png made by https://www.flaticon.com/authors/smashicons from https://www.flaticon.com/
+images/rubbish1.png and images/rubbish3.png made by https://www.freepik.com from https://www.flaticon.com/
+images/rubbish2.png made by https://www.flaticon.com/authors/smashicons from https://www.flaticon.com/
+images/rubbish4.png made by https://www.flaticon.com/authors/aranagraphics from https://www.flaticon.com/