Update script.js

script.js

@@ -21,23 +21,32 @@ document.addEventListener('mousemove', (e) => {
 function createOrb() {
     const orb = document.createElement('div');
     orb.classList.add('orb');
-    orb.style.backgroundColor = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;
     orb.style.left = `${Math.random() * (gameArea.offsetWidth - 30)}px`;
     orb.style.top = `${Math.random() * 50 - 50}px`; // Start above the top
     gameArea.appendChild(orb);
 
+    // Create trail
+    const trail = document.createElement('div');
+    trail.classList.add('trail');
+    trail.style.background = orb.style.background;
+    trail.style.left = orb.style.left;
+    trail.style.top = orb.style.top;
+    gameArea.appendChild(trail);
+
     let interval = setInterval(() => {
         let orbTop = parseFloat(getComputedStyle(orb).getPropertyValue('top'));
         orb.style.top = `${orbTop + orbSpeed}px`;
         if (orbTop > gameArea.offsetHeight) {
             clearInterval(interval);
             gameArea.removeChild(orb);
+            gameArea.removeChild(trail);
         }
 
         // Collision detection
         if (checkCollision(orb, player)) {
             clearInterval(interval);
             gameArea.removeChild(orb);
+            gameArea.removeChild(trail);
             score += 10;
             scoreDisplay.textContent = score;
             increaseDifficulty();
@@ -53,18 +62,28 @@ function createBonus() {
     bonus.style.top = `${Math.random() * 50 - 50}px`; // Start above the top
     gameArea.appendChild(bonus);
 
+    // Create trail
+    const trail = document.createElement('div');
+    trail.classList.add('trail');
+    trail.style.background = bonus.style.background;
+    trail.style.left = bonus.style.left;
+    trail.style.top = bonus.style.top;
+    gameArea.appendChild(trail);
+
     let interval = setInterval(() => {
         let bonusTop = parseFloat(getComputedStyle(bonus).getPropertyValue('top'));
         bonus.style.top = `${bonusTop + bonusSpeed}px`;
         if (bonusTop > gameArea.offsetHeight) {
             clearInterval(interval);
             gameArea.removeChild(bonus);
+            gameArea.removeChild(trail);
         }
 
         // Collision detection
         if (checkCollision(bonus, player)) {
             clearInterval(interval);
             gameArea.removeChild(bonus);
+            gameArea.removeChild(trail);
             score += 50; // Bonus gives 50 points
             scoreDisplay.textContent = score;
         }