instead of balls create diffrent food treats like lolly pops, bears - mixbag style assortments with different points

script.js

@@ -82,13 +82,23 @@ class WormateGame {
             
             // Generate initial food
             for (let i = 0; i < 50; i++) {
-                this.foods.push({
-                    x: Math.random() * this.canvas.width,
-                    y: Math.random() * this.canvas.height,
-                    radius: 8 + Math.random() * 4,
-                    color: this.getRandomColor()
-                });
-            }
+            const foodTypes = [
+                { type: 'lollipop', radius: 12, color: '#FF5252', points: 10 },
+                { type: 'gummybear', radius: 10, color: '#FF4081', points: 5 },
+                { type: 'candycorn', radius: 8, color: '#FFD740', points: 3 },
+                { type: 'chocolate', radius: 14, color: '#7B3F00', points: 15 },
+                { type: 'marshmallow', radius: 9, color: '#FFFFFF', points: 8 }
+            ];
+            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
+            });
+}
             
             this.gameStarted = true;
             this.playBtn.style.display = 'none';
@@ -144,8 +154,8 @@ class WormateGame {
                         radius: tail.radius * 0.95
                     });
                 }
-                player.score += Math.floor(food.radius);
-                this.score = player.score;
+                player.score += food.points;
+this.score = player.score;
                 this.scoreDisplay.textContent = `Score: ${this.score}`;
                 return false; // Remove food
             }
@@ -154,15 +164,24 @@ class WormateGame {
 
         // Add new food if needed
         if (this.foods.length < 30 && Math.random() < 0.1) {
+            const foodTypes = [
+                { type: 'lollipop', radius: 12, color: '#FF5252', points: 10 },
+                { type: 'gummybear', radius: 10, color: '#FF4081', points: 5 },
+                { type: 'candycorn', radius: 8, color: '#FFD740', points: 3 },
+                { type: 'chocolate', radius: 14, color: '#7B3F00', points: 15 },
+                { type: 'marshmallow', radius: 9, color: '#FFFFFF', points: 8 }
+            ];
+            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: 8 + Math.random() * 4,
-                color: this.getRandomColor()
+                radius: randomFood.radius,
+                color: randomFood.color,
+                type: randomFood.type,
+                points: randomFood.points
             });
         }
-
-        // Check wall collision
+// Check wall collision
         if (
             head.x < -head.radius || 
             head.x > this.canvas.width + head.radius ||
@@ -183,13 +202,76 @@ class WormateGame {
         
         // Draw foods
         this.foods.forEach(food => {
-            this.ctx.fillStyle = food.color;
-            this.ctx.beginPath();
-            this.ctx.arc(food.x, food.y, food.radius, 0, Math.PI * 2);
-            this.ctx.fill();
+            this.ctx.save();
+            this.ctx.translate(food.x, food.y);
+            
+            switch(food.type) {
+                case 'lollipop':
+                    // Lollipop head
+                    this.ctx.fillStyle = food.color;
+                    this.ctx.beginPath();
+                    this.ctx.arc(0, 0, food.radius, 0, Math.PI * 2);
+                    this.ctx.fill();
+                    
+                    // Lollipop stick
+                    this.ctx.strokeStyle = '#FFFFFF';
+                    this.ctx.lineWidth = 2;
+                    this.ctx.beginPath();
+                    this.ctx.moveTo(0, food.radius);
+                    this.ctx.lineTo(0, food.radius * 2);
+                    this.ctx.stroke();
+                    break;
+                    
+                case 'gummybear':
+                    // Gummy bear body
+                    this.ctx.fillStyle = food.color;
+                    this.ctx.beginPath();
+                    this.ctx.ellipse(0, 0, food.radius, food.radius * 1.2, 0, 0, Math.PI * 2);
+                    this.ctx.fill();
+                    
+                    // Eyes
+                    this.ctx.fillStyle = '#000000';
+                    this.ctx.beginPath();
+                    this.ctx.arc(-food.radius/3, -food.radius/3, 2, 0, Math.PI * 2);
+                    this.ctx.arc(food.radius/3, -food.radius/3, 2, 0, Math.PI * 2);
+                    this.ctx.fill();
+                    break;
+                    
+                case 'candycorn':
+                    // Candy corn triangle
+                    this.ctx.fillStyle = food.color;
+                    this.ctx.beginPath();
+                    this.ctx.moveTo(0, -food.radius);
+                    this.ctx.lineTo(-food.radius, food.radius);
+                    this.ctx.lineTo(food.radius, food.radius);
+                    this.ctx.closePath();
+                    this.ctx.fill();
+                    break;
+                    
+                case 'chocolate':
+                    // Chocolate bar
+                    this.ctx.fillStyle = food.color;
+                    this.ctx.fillRect(-food.radius, -food.radius/2, food.radius*2, food.radius);
+                    break;
+                    
+                case 'marshmallow':
+                    // Marshmallow
+                    this.ctx.fillStyle = food.color;
+                    this.ctx.beginPath();
+                    this.ctx.arc(0, 0, food.radius, 0, Math.PI * 2);
+                    this.ctx.fill();
+                    
+                    // Shading
+                    this.ctx.fillStyle = 'rgba(0,0,0,0.1)';
+                    this.ctx.beginPath();
+                    this.ctx.arc(0, -food.radius/3, food.radius/3, 0, Math.PI * 2);
+                    this.ctx.fill();
+                    break;
+            }
+            
+            this.ctx.restore();
         });
-        
-        // Draw players
+// Draw players
         Object.values(this.players).forEach(player => {
             // Draw worm segments
             player.segments.forEach((segment, i) => {