🐳 13/02 - 02:47 - Activate enemy mode, where anger will kill the red devourer.

game.js

@@ -18,9 +18,14 @@ const enemy = {
     radius: 18,
     color: '#DC143C',
     speed: 2.5,
-    stolenScore: 0
+    stolenScore: 0,
+    alive: true,
+    respawnTimer: 0
 };
 
+let angerMode = false;
+let angerCooldown = 0;
+
 let playerMoveCount = 0;
 let lastPlayerX = null;
 let lastPlayerY = null;
@@ -72,6 +77,13 @@ function movePlayer(e) {
         return;
     }
     
+    // Activate anger mode with Shift
+    if (e.key === 'Shift' && angerCooldown <= 0 && !angerMode) {
+        angerMode = true;
+        angerCooldown = 300; // 5 seconds at 60fps
+        setTimeout(() => { angerMode = false; }, 2000); // Anger lasts 2 seconds
+    }
+    
     // Store position before move
     lastPlayerX = player.x;
     lastPlayerY = player.y;
@@ -102,6 +114,12 @@ function resetGame() {
     enemy.x = 50;
     enemy.y = 50;
     enemy.stolenScore = 0;
+    enemy.alive = true;
+    enemy.respawnTimer = 0;
+    
+    // Reset anger mode
+    angerMode = false;
+    angerCooldown = 0;
     
     // Reset game state
     score = 0;
@@ -132,7 +150,18 @@ function resetGame() {
 }
 
 function moveEnemy() {
-    if (!gameRunning) return;
+    if (!gameRunning || !enemy.alive) {
+        // Handle respawn
+        if (!enemy.alive) {
+            enemy.respawnTimer--;
+            if (enemy.respawnTimer <= 0) {
+                enemy.alive = true;
+                enemy.x = 50;
+                enemy.y = 50;
+            }
+        }
+        return;
+    }
     
     // Enemy only moves once for every 2 player moves
     if (playerMoveCount % 2 !== 0) return;
@@ -191,23 +220,39 @@ function checkCollision() {
     }
     
     // Check enemy collision with player
-    const enemyDist = Math.hypot(player.x - enemy.x, player.y - enemy.y);
-    if (enemyDist < player.radius + enemy.radius) {
-        // Enemy steals points from player
-        if (score > 0) {
-            const stealAmount = Math.min(10, score); // Steal up to 10 points at a time
-            score -= stealAmount;
-            enemy.stolenScore += stealAmount;
-            scoreElement.textContent = score;
-            
-            // Push player away from enemy
-            const pushAngle = Math.atan2(player.y - enemy.y, player.x - enemy.x);
-            player.x += Math.cos(pushAngle) * 30;
-            player.y += Math.sin(pushAngle) * 30;
-            
-            // Boundary check after push
-            player.x = Math.max(player.radius, Math.min(canvas.width - player.radius, player.x));
-            player.y = Math.max(player.radius, Math.min(canvas.height - player.radius, player.y));
+    if (enemy.alive) {
+        const enemyDist = Math.hypot(player.x - enemy.x, player.y - enemy.y);
+        if (enemyDist < player.radius + enemy.radius) {
+            if (angerMode) {
+                // Player kills enemy with anger!
+                enemy.alive = false;
+                enemy.respawnTimer = 180; // Respawn after 3 seconds
+                score += 25; // Bonus for killing enemy
+                scoreElement.textContent = score;
+                
+                // Visual feedback
+                ctx.fillStyle = 'white';
+                ctx.font = 'bold 30px Arial';
+                ctx.textAlign = 'center';
+                ctx.fillText('💥 RAGE KILL! 💥', canvas.width/2, canvas.height/2);
+            } else {
+                // Enemy steals points from player
+                if (score > 0) {
+                    const stealAmount = Math.min(10, score); // Steal up to 10 points at a time
+                    score -= stealAmount;
+                    enemy.stolenScore += stealAmount;
+                    scoreElement.textContent = score;
+                    
+                    // Push player away from enemy
+                    const pushAngle = Math.atan2(player.y - enemy.y, player.x - enemy.x);
+                    player.x += Math.cos(pushAngle) * 30;
+                    player.y += Math.sin(pushAngle) * 30;
+                    
+                    // Boundary check after push
+                    player.x = Math.max(player.radius, Math.min(canvas.width - player.radius, player.x));
+                    player.y = Math.max(player.radius, Math.min(canvas.height - player.radius, player.y));
+                }
+            }
         }
     }
 
@@ -228,29 +273,86 @@ function draw() {
     // Clear canvas
     ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-    // Draw player
+    // Draw player (glows red when angry)
     ctx.beginPath();
     ctx.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
-    ctx.fillStyle = player.color;
-    ctx.fill();
-
-    // Draw enemy
-    ctx.beginPath();
-    ctx.arc(enemy.x, enemy.y, enemy.radius, 0, Math.PI * 2);
-    ctx.fillStyle = enemy.color;
+    if (angerMode) {
+        // Pulsing red glow
+        const pulse = Math.sin(Date.now() / 100) * 5 + 10;
+        ctx.shadowBlur = 20;
+        ctx.shadowColor = '#FF0000';
+        ctx.fillStyle = '#FF0000';
+    } else {
+        ctx.shadowBlur = 0;
+        ctx.fillStyle = player.color;
+    }
     ctx.fill();
+    ctx.shadowBlur = 0; // Reset shadow
     
-    // Draw enemy eyes
-    ctx.fillStyle = 'white';
-    ctx.beginPath();
-    ctx.arc(enemy.x - 6, enemy.y - 4, 4, 0, Math.PI * 2);
-    ctx.arc(enemy.x + 6, enemy.y - 4, 4, 0, Math.PI * 2);
-    ctx.fill();
-    ctx.fillStyle = 'black';
-    ctx.beginPath();
-    ctx.arc(enemy.x - 6, enemy.y - 4, 2, 0, Math.PI * 2);
-    ctx.arc(enemy.x + 6, enemy.y - 4, 2, 0, Math.PI * 2);
-    ctx.fill();
+    // Draw anger meter/cooldown
+    if (angerCooldown > 0) {
+        angerCooldown--;
+        ctx.fillStyle = 'rgba(255, 0, 0, 0.3)';
+        ctx.fillRect(10, 70, 200, 20);
+        ctx.fillStyle = angerCooldown > 0 ? '#FF0000' : '#00FF00';
+        const cooldownWidth = (1 - angerCooldown / 300) * 200;
+        ctx.fillRect(10, 70, cooldownWidth, 20);
+        ctx.strokeStyle = '#8B4513';
+        ctx.lineWidth = 2;
+        ctx.strokeRect(10, 70, 200, 20);
+        ctx.fillStyle = '#8B4513';
+        ctx.font = 'bold 14px Arial';
+        ctx.textAlign = 'left';
+        ctx.fillText(angerMode ? '🔥 RAGE ACTIVE! 🔥' : (angerCooldown <= 0 ? 'SHIFT: ACTIVATE RAGE' : 'RAGE COOLDOWN'), 15, 85);
+    } else {
+        ctx.fillStyle = '#00AA00';
+        ctx.font = 'bold 14px Arial';
+        ctx.textAlign = 'left';
+        ctx.fillText('✓ SHIFT: ACTIVATE RAGE MODE', 15, 85);
+    }
+
+    // Draw enemy if alive
+    if (enemy.alive) {
+        ctx.beginPath();
+        ctx.arc(enemy.x, enemy.y, enemy.radius, 0, Math.PI * 2);
+        ctx.fillStyle = angerMode ? '#FF0000' : enemy.color;
+        ctx.fill();
+        
+        // Draw enemy eyes (angry when player is in anger mode)
+        ctx.fillStyle = angerMode ? '#FF0000' : 'white';
+        ctx.beginPath();
+        ctx.arc(enemy.x - 6, enemy.y - 4, 4, 0, Math.PI * 2);
+        ctx.arc(enemy.x + 6, enemy.y - 4, 4, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.fillStyle = angerMode ? '#000' : 'black';
+        ctx.beginPath();
+        ctx.arc(enemy.x - 6, enemy.y - 4, 2, 0, Math.PI * 2);
+        ctx.arc(enemy.x + 6, enemy.y - 4, 2, 0, Math.PI * 2);
+        ctx.fill();
+        
+        // Draw scared eyebrows when player is angry
+        if (angerMode) {
+            ctx.strokeStyle = '#000';
+            ctx.lineWidth = 2;
+            ctx.beginPath();
+            ctx.moveTo(enemy.x - 10, enemy.y - 8);
+            ctx.lineTo(enemy.x - 2, enemy.y - 6);
+            ctx.moveTo(enemy.x + 10, enemy.y - 8);
+            ctx.lineTo(enemy.x + 2, enemy.y - 6);
+            ctx.stroke();
+        }
+    } else {
+        // Draw skull when enemy is dead
+        ctx.fillStyle = 'rgba(100, 100, 100, 0.5)';
+        ctx.font = '30px Arial';
+        ctx.textAlign = 'center';
+        ctx.fillText('💀', enemy.x, enemy.y + 10);
+        
+        // Respawn countdown
+        ctx.fillStyle = '#DC143C';
+        ctx.font = 'bold 16px Arial';
+        ctx.fillText('RESPAWN: ' + Math.ceil(enemy.respawnTimer/60), enemy.x, enemy.y - 25);
+    }
 
     // Draw toppings
     drawToppings(toppings.beef);

style.css

@@ -1,4 +1,44 @@
+body {
+    margin: 0;
+    padding: 0;
+    font-family: 'Arial', sans-serif;
+    background-color: #FFF5E6;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
 
+.game-container {
+    position: relative;
+    text-align: center;
+}
+
+#gameCanvas {
+    background-color: #FFE4B5;
+    border: 5px solid #8B4513;
+    border-radius: 10px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+}
+
+.game-info {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    background-color: rgba(255, 255, 255, 0.7);
+    padding: 10px;
+    border-radius: 5px;
+    font-weight: bold;
+    font-size: 18px;
+}
+
+.game-info::after {
+    content: "SHIFT = Rage Kill! Avoid the Red Devourer!";
+    display: block;
+    color: #DC143C;
+    font-size: 14px;
+    margin-top: 5px;
+}
 body {
     margin: 0;
     padding: 0;