in the beginig there is no ball to eat to start the game

script.js

@@ -15,15 +15,24 @@ document.addEventListener('DOMContentLoaded', () => {
     // Worm
     let worm = [];
     worm[0] = {x: Math.floor(tileCount/2) * gridSize, y: Math.floor(tileCount/2) * gridSize};
-    
-    // Food
+    // Initial food
     let food = {
         x: Math.floor(Math.random() * tileCount) * gridSize,
         y: Math.floor(Math.random() * tileCount) * gridSize,
         color: getRandomColor()
     };
     
-    // Direction
+    // Add 5 more foods at start
+    for (let i = 0; i < 5; i++) {
+        setTimeout(() => {
+            food = {
+                x: Math.floor(Math.random() * tileCount) * gridSize,
+                y: Math.floor(Math.random() * tileCount) * gridSize,
+                color: getRandomColor()
+            };
+        }, i * 1000);
+    }
+// Direction
     let xVelocity = 0;
     let yVelocity = 0;
     

wormate.js

@@ -14,15 +14,20 @@ function resizeCanvas() {
 }
 window.addEventListener('resize', resizeCanvas);
 resizeCanvas();
-
 // Game state
 let gameStarted = false;
 let playerId = null;
 let players = {};
-let foods = [];
+let foods = [
+    {
+        x: Math.random() * canvas.width,
+        y: Math.random() * canvas.height,
+        radius: 10,
+        color: getRandomColor()
+    }
+];
 let powerUps = [];
 let score = 0;
-
 // Player controls
 const keys = {
     ArrowUp: false,