fix the time dynamics

script.js

@@ -26,9 +26,11 @@ class WormateGame {
         this.foods = [];
         this.powerUps = [];
         this.score = 0;
-        this.timeLeft = 30; // Starting time
-        this.maxTime = 60; // Maximum time bank
-        this.gameTimer = null;
+        this.timeLeft = 60; // Starting time (seconds)
+        this.maxTime = 120; // Maximum time bank
+        this.timeDecayRate = 1.0; // Base decay rate (seconds per second)
+        this.timeDecayMultiplier = 0.01; // Increases as worm grows
+this.gameTimer = null;
 this.keys = {
             ArrowUp: false,
             ArrowDown: false,
@@ -93,15 +95,16 @@ this.keys = {
                 { type: 'chocolate', radius: 14, color: '#7B3F00', time: 10, rarity: 0.1 },
                 { type: 'marshmallow', radius: 9, color: '#FFFFFF', time: 5, rarity: 0.2 }
             ];
-const randomFood = foodTypes[Math.floor(Math.random() * foodTypes.length)];
-            this.foods.push({
-                x: Math.random() * this.canvas.width,
-                y: Math.random() * this.canvas.height,
-                radius: randomFood.radius,
-                color: randomFood.color,
-                type: randomFood.type,
-                points: randomFood.points
-            });
+                const randomFood = foodTypes[Math.floor(Math.random() * foodTypes.length)];
+                this.foods.push({
+                    x: Math.random() * this.canvas.width,
+                    y: Math.random() * this.canvas.height,
+                    radius: randomFood.radius,
+                    color: randomFood.color,
+                    type: randomFood.type,
+                    points: randomFood.points,
+                    time: Math.max(1, 5 - (this.players[this.playerId]?.segments.length * 0.05))
+                });
 }
             this.gameStarted = true;
             this.playBtn.style.display = 'none';
@@ -117,18 +120,33 @@ const randomFood = foodTypes[Math.floor(Math.random() * foodTypes.length)];
         }
         requestAnimationFrame(() => this.gameLoop());
     }
-
     startTimer() {
         clearInterval(this.gameTimer);
+        let lastTime = Date.now();
+        
         this.gameTimer = setInterval(() => {
-            this.timeLeft--;
-            this.timeDisplay.textContent = `Time: ${this.timeLeft}s`;
+            const now = Date.now();
+            const delta = (now - lastTime) / 1000; // Convert to seconds
+            lastTime = now;
+            
+            // Calculate time decay based on worm size
+            const decayRate = this.timeDecayRate + 
+                             (this.timeDecayMultiplier * this.players[this.playerId]?.segments.length || 0);
+            
+            this.timeLeft = Math.max(0, this.timeLeft - (decayRate * delta));
+            this.timeDisplay.textContent = `Time: ${Math.floor(this.timeLeft)}s`;
+            
             if (this.timeLeft <= 0) {
                 this.gameOver();
             }
-            // Add warning when time is low
+            
+            // Visual feedback for time status
             if (this.timeLeft <= 10) {
                 this.timeDisplay.classList.add('warning');
+                this.timeDisplay.style.animationDuration = `${0.5 / (11 - this.timeLeft)}s`;
+            } else if (this.timeLeft <= 30) {
+                this.timeDisplay.classList.add('warning');
+                this.timeDisplay.style.animationDuration = '1s';
             } else {
                 this.timeDisplay.classList.remove('warning');
             }
@@ -175,9 +193,13 @@ update() {
                         radius: tail.radius * 0.95
                     });
                 }
-                // Add time for eating food
-                this.timeLeft = Math.min(this.maxTime, this.timeLeft + food.time);
-                player.score += 1;
+                // Add time for eating food with diminishing returns based on worm size
+                const timeGain = Math.max(1, food.time - (player.segments.length * 0.1));
+                this.timeLeft = Math.min(this.maxTime, this.timeLeft + timeGain);
+                
+                // Increase time decay as worm grows (harder to maintain)
+                this.timeDecayMultiplier = 0.01 + (player.segments.length * 0.0005);
+player.score += 1;
                 this.score = player.score;
                 this.scoreDisplay.textContent = `Score: ${this.score}`;
                 this.timeDisplay.textContent = `Time: ${this.timeLeft}s`;

style.css

@@ -243,10 +243,24 @@ body {
 
 /* Animations */
 @keyframes pulse {
-    0% { transform: scale(1); }
-    50% { transform: scale(1.1); }
-    100% { transform: scale(1); }
+    0% { 
+        transform: scale(1);
+        text-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
+    }
+    50% { 
+        transform: scale(1.2);
+        text-shadow: 0 0 15px rgba(255, 0, 0, 0.8);
+    }
+    100% { 
+        transform: scale(1);
+        text-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
+    }
+}
+.time-critical {
+    color: #ff0000 !important;
+    animation: pulse 0.5s infinite;
 }
-.pulse {
+.time-warning {
+    color: #ff6b6b;
     animation: pulse 1s infinite;
-}
+}