Update index.html

AJYaBoi · Aug 5, 2024 · c610dec · c610dec
1 parent 56183b0
commit c610dec
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -13,11 +13,12 @@
             justify-content: center;
             align-items: center;
             height: 100vh;
+            width: 100vw;
         }
         .dvd {
             position: absolute;
-            width: 300px;  /* Increased size */
-            height: 100px; /* Increased size */
+            width: 400px;  /* Set size */
+            height: 200px; /* Set size */
             background-size: contain;
             background-repeat: no-repeat;
         }
@@ -39,8 +40,8 @@
         dvd.style.backgroundImage = `url(${dvdImages[currentImageIndex]})`;
 
         // Initial position in the middle somewhere, not at the edge
-        let x = window.innerWidth / 4 + Math.random() * (window.innerWidth / 2 - dvd.clientWidth);
-        let y = window.innerHeight / 4 + Math.random() * (window.innerHeight / 2 - dvd.clientHeight);
+        let x = Math.random() * (window.innerWidth - dvd.clientWidth);
+        let y = Math.random() * (window.innerHeight - dvd.clientHeight);
         let dx = 2;
         let dy = 2;
 
@@ -50,12 +51,25 @@
         }
 
         function animate() {
-            if (x + dvd.clientWidth >= window.innerWidth || x <= 0) {
+            // Boundary checks
+            if (x + dvd.clientWidth > window.innerWidth) {
                 dx = -dx;
+                x = window.innerWidth - dvd.clientWidth; // Adjust position
                 changeImage();
             }
-            if (y + dvd.clientHeight >= window.innerHeight || y <= 0) {
+            if (x < 0) {
+                dx = -dx;
+                x = 0; // Adjust position
+                changeImage();
+            }
+            if (y + dvd.clientHeight > window.innerHeight) {
+                dy = -dy;
+                y = window.innerHeight - dvd.clientHeight; // Adjust position
+                changeImage();
+            }
+            if (y < 0) {
                 dy = -dy;
+                y = 0; // Adjust position
                 changeImage();
             }
             x += dx;