Update index.html

index.html

@@ -20,19 +20,20 @@
     let score = 0;
     let isGameOver = false;
 
+    // Function to move the falling ball
     function startFalling() {
       let ballPosition = 0;
-      const ballSpeed = 3;
+      const ballSpeed = 4;
       const catcherPosition = catcher.offsetLeft;
-
+      
       function fallBall() {
         if (isGameOver) return;
 
         ballPosition += ballSpeed;
         ball.style.top = ballPosition + "px";
 
+        // If the ball reaches the bottom, check if it's caught by the catcher
         if (ballPosition >= window.innerHeight - 100) {
-          // Check if the ball is caught
           if (ballPosition >= window.innerHeight - 120 && 
               ballPosition <= window.innerHeight - 100 &&
               (catcherPosition <= ball.offsetLeft && 
@@ -41,11 +42,12 @@
             scoreDisplay.textContent = "Score: " + score;
           }
 
-          // Reset ball position after falling
+          // Reset ball position after it falls
           ballPosition = 0;
           ball.style.left = Math.random() * (window.innerWidth - 50) + "px";
         }
 
+        // Continue falling
         if (!isGameOver) {
           requestAnimationFrame(fallBall);
         }
@@ -54,6 +56,7 @@
       fallBall();
     }
 
+    // Function to move the catcher based on mouse movement
     function moveCatcher(event) {
       const catcherWidth = catcher.offsetWidth;
       if (event.clientX >= 0 && event.clientX <= window.innerWidth - catcherWidth) {
@@ -63,6 +66,7 @@
 
     document.addEventListener("mousemove", moveCatcher);
 
+    // Function to start the game
     function startGame() {
       score = 0;
       scoreDisplay.textContent = "Score: " + score;