Update script.js

script.js

@@ -11,6 +11,8 @@ let isPaused = false;
 let orbSpeed = 2;
 let bonusSpeed = 4;
 let intervalId;
+let orbs = [];
+let bonuses = [];
 
 // Player movement
 document.addEventListener('mousemove', (e) => {
@@ -48,13 +50,11 @@ gameArea.addEventListener('touchstart', (e) => {
 gameArea.addEventListener('touchmove', (e) => {
     touchCurrentX = e.touches[0].clientX;
     if (!isPaused && !gameOver) {
-        const playerRect = player.getBoundingClientRect();
         const gameAreaRect = gameArea.getBoundingClientRect();
-        let playerLeft = playerRect.left - gameAreaRect.left + touchCurrentX - touchStartX;
+        let playerLeft = touchCurrentX - gameAreaRect.left - player.offsetWidth / 2;
         if (playerLeft < 0) playerLeft = 0;
         if (playerLeft > gameArea.offsetWidth - player.offsetWidth) playerLeft = gameArea.offsetWidth - player.offsetWidth;
         player.style.left = `${playerLeft}px`;
-        touchStartX = touchCurrentX;
     }
 }, { passive: true });
 
@@ -77,6 +77,7 @@ function createOrb() {
     orb.style.left = `${Math.random() * (gameArea.offsetWidth - 30)}px`;
     orb.style.top = `${Math.random() * 50 - 50}px`; // Start above the top
     gameArea.appendChild(orb);
+    orbs.push(orb);
 
     // Create trail
     const trail = document.createElement('div');
@@ -93,10 +94,12 @@ function createOrb() {
         }
         let orbTop = parseFloat(getComputedStyle(orb).getPropertyValue('top'));
         orb.style.top = `${orbTop + orbSpeed}px`;
+        trail.style.top = `${orbTop + orbSpeed}px`;
         if (orbTop > gameArea.offsetHeight) {
             clearInterval(interval);
             gameArea.removeChild(orb);
             gameArea.removeChild(trail);
+            orbs = orbs.filter(o => o !== orb);
         }
 
         // Collision detection
@@ -119,6 +122,7 @@ function createBonus() {
     bonus.style.left = `${Math.random() * (gameArea.offsetWidth - 30)}px`;
     bonus.style.top = `${Math.random() * 50 - 50}px`; // Start above the top
     gameArea.appendChild(bonus);
+    bonuses.push(bonus);
 
     // Create trail
     const trail = document.createElement('div');
@@ -135,10 +139,12 @@ function createBonus() {
         }
         let bonusTop = parseFloat(getComputedStyle(bonus).getPropertyValue('top'));
         bonus.style.top = `${bonusTop + bonusSpeed}px`;
+        trail.style.top = `${bonusTop + bonusSpeed}px`;
         if (bonusTop > gameArea.offsetHeight) {
             clearInterval(interval);
             gameArea.removeChild(bonus);
             gameArea.removeChild(trail);
+            bonuses = bonuses.filter(b => b !== bonus);
         }
 
         // Collision detection
@@ -213,6 +219,8 @@ function startGame() {
     isPaused = false;
     pauseButton.style.display = 'none';
     pauseMenu.style.display = 'none';
+    orbs = [];
+    bonuses = [];
 
     intervalId = setInterval(() => {
         createOrb();