export class NPCSystem { constructor(gameWorld) { this.gameWorld = gameWorld; this.npcs = []; // NPC properties this.npcTypes = [ { gender: 'boy', color: '#3498db', name: 'Mike', dialogues: ["We need to get out of here!", "Did you hear that noise?", "I found a weapon!"] }, { gender: 'girl', color: '#e84393', name: 'Sarah', dialogues: ["I'm scared...", "Stay together!", "The bus crash was no accident..."] }, { gender: 'boy', color: '#27ae60', name: 'Jack', dialogues: ["Look for food!", "I saw something purple...", "This school gives me the creeps."] }, { gender: 'girl', color: '#f1c40f', name: 'Emma', dialogues: ["There's something in the hallway!", "We need to find more weapons.", "Did anyone see where the others went?"] } ]; // Initialize NPCs this.spawnNPCs(4); // Create 4 NPCs } spawnNPCs(count) { for (let i = 0; i < count; i++) { const npcType = this.npcTypes[i % this.npcTypes.length]; const position = this.findValidNPCPosition(); if (!position) continue; this.npcs.push({ x: position.x, y: position.y, width: 30, height: 40, speed: 120 + Math.random() * 30, // Slightly varied speeds direction: ['up', 'down', 'left', 'right'][Math.floor(Math.random() * 4)], type: npcType, health: 100, maxHealth: 100, currentWeapon: null, willHelp: Math.random() >= 0.5, // 50/50 chance of helping the player isMoving: false, alertState: 'normal', // normal, suspicious, alert alertTime: 0, susLevel: 0, maxSusLevel: 100, hasExclamation: false, moveTimer: 0, moveInterval: 1 + Math.random() * 2, // Random movement intervals dialogueTimer: 0, activeDialogue: '', dialogueVisible: false }); } } findValidNPCPosition() { // Get the game world offset const offsetX = Math.floor((this.gameWorld.canvas.width - this.gameWorld.width * this.gameWorld.tileSize) / 2); const offsetY = Math.floor((this.gameWorld.canvas.height - this.gameWorld.height * this.gameWorld.tileSize) / 2); // Try to find a valid position away from walls and other NPCs let attempts = 0; while (attempts < 50) { const tileX = Math.floor(Math.random() * this.gameWorld.width); const tileY = Math.floor(Math.random() * this.gameWorld.height); // Check if this tile is empty (not a wall) if (this.gameWorld.map[tileY][tileX] === 0) { // Convert to pixel position const x = offsetX + tileX * this.gameWorld.tileSize + this.gameWorld.tileSize / 2 - 15; // center - half width const y = offsetY + tileY * this.gameWorld.tileSize + this.gameWorld.tileSize / 2 - 20; // center - half height // Check if position is far enough from other NPCs let tooClose = false; for (const npc of this.npcs) { const dx = npc.x - x; const dy = npc.y - y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < 100) { // Minimum distance between NPCs tooClose = true; break; } } if (!tooClose) { return { x, y }; } } attempts++; } return null; } update(deltaTime, player, gameState, enemies = []) { // Update each NPC for (const npc of this.npcs) { // Check for player healing NPC interaction this.checkPlayerHealingInteraction(npc, player); // Update NPC movement this.updateNPCMovement(npc, deltaTime); // Check collisions with walls this.handleWallCollisions(npc); // Check for enemies nearby and update sus meter this.checkForEnemies(npc, enemies, deltaTime); // Handle dialogues this.updateDialogue(npc, deltaTime, player); // Update weapon collection and health regeneration based on own logic if (!npc.currentWeapon && Math.random() < 0.0005) { // NPC found a weapon (simulation) npc.currentWeapon = { name: ["Wooden Ruler", "Baseball Bat", "Metal Pipe"][Math.floor(Math.random() * 3)], damage: 5 + Math.floor(Math.random() * 20) }; // Show dialogue about finding weapon this.showRandomDialogue(npc, ["Found a weapon!", "This will help us survive!", "Now I can fight back!"]); } // Random health regeneration (as if they found food) if (npc.health < npc.maxHealth && Math.random() < 0.001) { const healthBoost = 5 + Math.floor(Math.random() * 15); npc.health = Math.min(npc.maxHealth, npc.health + healthBoost); // Show dialogue about finding food this.showRandomDialogue(npc, ["Found some food!", "That helped a bit.", "I was getting hungry!"]); } } } updateNPCMovement(npc, deltaTime) { // Update movement timer npc.moveTimer += deltaTime; // Change direction or pause periodically if (npc.moveTimer >= npc.moveInterval) { npc.moveTimer = 0; npc.moveInterval = 1 + Math.random() * 2; // New random interval // 70% chance to move, 30% chance to pause if (Math.random() < 0.7) { npc.isMoving = true; // Choose a random direction npc.direction = ['up', 'down', 'left', 'right'][Math.floor(Math.random() * 4)]; } else { npc.isMoving = false; } } // Move the NPC if they're in a moving state if (npc.isMoving) { switch (npc.direction) { case 'up': npc.y -= npc.speed * deltaTime; break; case 'down': npc.y += npc.speed * deltaTime; break; case 'left': npc.x -= npc.speed * deltaTime; break; case 'right': npc.x += npc.speed * deltaTime; break; } } } handleWallCollisions(npc) { // If NPC hits a wall, reverse direction if (!this.gameWorld.isValidPosition(npc.x, npc.y, npc.width, npc.height)) { // Back up a bit switch (npc.direction) { case 'up': npc.y += 5; npc.direction = 'down'; break; case 'down': npc.y -= 5; npc.direction = 'up'; break; case 'left': npc.x += 5; npc.direction = 'right'; break; case 'right': npc.x -= 5; npc.direction = 'left'; break; } } } checkForEnemies(npc, enemies, deltaTime) { // The sus meter slowly decreases over time npc.susLevel = Math.max(0, npc.susLevel - 1 * deltaTime); // Reset the exclamation mark if sus level is low if (npc.susLevel < 30) { npc.hasExclamation = false; } // Check for nearby enemies for (const enemy of enemies) { const dx = npc.x + npc.width/2 - (enemy.x + enemy.width/2); const dy = npc.y + npc.height/2 - (enemy.y + enemy.height/2); const distance = Math.sqrt(dx * dx + dy * dy); // If enemy is close, increase sus level if (distance < 200) { // Detection radius npc.susLevel = Math.min(npc.maxSusLevel, npc.susLevel + 10 * deltaTime); // If sus level is high enough, show exclamation mark if (npc.susLevel > 70) { npc.hasExclamation = true; npc.alertState = 'alert'; // Show alert dialogue if (!npc.dialogueVisible) { this.showRandomDialogue(npc, ["Something's here!", "Watch out!", "DANGER!"]); } // If NPC has a weapon, they will "fight" by moving towards the enemy if (npc.currentWeapon) { // Move towards enemy to "attack" it const moveTowardsEnemy = Math.random() < 0.7; // 70% chance to move towards enemy if (moveTowardsEnemy) { // Determine direction toward enemy if (Math.abs(dx) > Math.abs(dy)) { npc.direction = dx > 0 ? 'left' : 'right'; } else { npc.direction = dy > 0 ? 'up' : 'down'; } npc.isMoving = true; } } else { // Without a weapon, the NPC tries to flee // Move away from the enemy if (Math.abs(dx) > Math.abs(dy)) { npc.direction = dx > 0 ? 'right' : 'left'; } else { npc.direction = dy > 0 ? 'down' : 'up'; } npc.isMoving = true; } } else if (npc.susLevel > 30) { npc.alertState = 'suspicious'; } } else { // Far from enemies, return to normal state gradually if (npc.alertState !== 'normal' && npc.susLevel < 30) { npc.alertState = 'normal'; } } } } updateDialogue(npc, deltaTime, player) { // Update dialogue timer if a dialogue is active if (npc.dialogueVisible) { npc.dialogueTimer += deltaTime; // Hide dialogue after a few seconds if (npc.dialogueTimer > 3) { npc.dialogueVisible = false; npc.dialogueTimer = 0; } } // Random chance to say something when player is nearby if (!npc.dialogueVisible && Math.random() < 0.001) { const dx = npc.x - player.x; const dy = npc.y - player.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < 150) { // Only talk when player is nearby this.showRandomDialogue(npc); } } } showRandomDialogue(npc, specificDialogues = null) { const dialogues = specificDialogues || npc.type.dialogues; npc.activeDialogue = dialogues[Math.floor(Math.random() * dialogues.length)]; npc.dialogueVisible = true; npc.dialogueTimer = 0; } draw(ctx) { ctx.save(); for (const npc of this.npcs) { // Draw healing prompt if active if (npc.showHealPrompt) { ctx.font = '12px Arial'; ctx.fillStyle = '#2ecc71'; ctx.textAlign = 'center'; ctx.fillText('Press E to heal', npc.x + npc.width/2, npc.y - 55); } // Draw healing effect if active if (npc.healEffect) { npc.healEffect.time += 0.016; // Approximate for 60fps if (npc.healEffect.time >= npc.healEffect.duration) { npc.healEffect = null; } else { const alpha = 1 - (npc.healEffect.time / npc.healEffect.duration); const yOffset = npc.healEffect.time * 30; // Float upward ctx.save(); ctx.globalAlpha = alpha; ctx.fillStyle = '#2ecc71'; ctx.font = '14px Arial'; ctx.textAlign = 'center'; ctx.fillText( npc.healEffect.text, npc.healEffect.x, npc.healEffect.y - yOffset ); ctx.restore(); } } // Draw NPC body ctx.fillStyle = npc.type.color; ctx.fillRect(npc.x, npc.y, npc.width, npc.height); // Draw face direction ctx.fillStyle = '#fff'; switch(npc.direction) { case 'up': ctx.fillRect(npc.x + npc.width/2 - 5, npc.y + 5, 10, 5); break; case 'down': ctx.fillRect(npc.x + npc.width/2 - 5, npc.y + npc.height - 10, 10, 5); break; case 'left': ctx.fillRect(npc.x + 5, npc.y + npc.height/2 - 5, 5, 10); break; case 'right': ctx.fillRect(npc.x + npc.width - 10, npc.y + npc.height/2 - 5, 5, 10); break; } // Draw name above NPC ctx.font = '12px Arial'; ctx.fillStyle = '#fff'; ctx.textAlign = 'center'; ctx.fillText(npc.type.name, npc.x + npc.width / 2, npc.y - 5); // Draw health bar const healthBarWidth = 30; const healthBarHeight = 4; ctx.fillStyle = '#333'; ctx.fillRect(npc.x + (npc.width - healthBarWidth) / 2, npc.y - 15, healthBarWidth, healthBarHeight); ctx.fillStyle = '#e74c3c'; ctx.fillRect( npc.x + (npc.width - healthBarWidth) / 2, npc.y - 15, healthBarWidth * (npc.health / npc.maxHealth), healthBarHeight ); // Draw exclamation mark if NPC is alerted if (npc.hasExclamation) { // Red exclamation mark ctx.font = '20px Arial'; ctx.fillStyle = '#e74c3c'; ctx.fillText('!', npc.x + npc.width / 2, npc.y - 20); // Animated circle around exclamation ctx.beginPath(); ctx.arc(npc.x + npc.width / 2, npc.y - 25, 10 + Math.sin(Date.now() / 200) * 2, 0, Math.PI * 2); ctx.strokeStyle = '#e74c3c'; ctx.lineWidth = 2; ctx.stroke(); } // Draw dialogue bubble if active if (npc.dialogueVisible) { // Dialogue bubble background const padding = 5; const bubbleHeight = 20; ctx.font = '12px Arial'; const bubbleWidth = ctx.measureText(npc.activeDialogue).width + padding * 2; ctx.fillStyle = 'rgba(255, 255, 255, 0.8)'; // Draw bubble this.drawBubble( ctx, npc.x + npc.width / 2 - bubbleWidth / 2, npc.y - 45, bubbleWidth, bubbleHeight, padding ); // Draw text ctx.fillStyle = '#000'; ctx.textAlign = 'center'; ctx.fillText( npc.activeDialogue, npc.x + npc.width / 2, npc.y - 32 ); } // Draw weapon indicator if NPC has one if (npc.currentWeapon) { ctx.fillStyle = '#f39c12'; ctx.beginPath(); ctx.arc(npc.x + npc.width - 5, npc.y + 5, 4, 0, Math.PI * 2); ctx.fill(); } } ctx.restore(); } // Helper function to draw speech bubble with a tail drawBubble(ctx, x, y, width, height, radius) { ctx.beginPath(); ctx.moveTo(x + radius, y); ctx.lineTo(x + width - radius, y); ctx.quadraticCurveTo(x + width, y, x + width, y + radius); ctx.lineTo(x + width, y + height - radius); ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height); // Draw the tail ctx.lineTo(x + width / 2 + 5, y + height); ctx.lineTo(x + width / 2, y + height + 10); ctx.lineTo(x + width / 2 - 5, y + height); ctx.lineTo(x + radius, y + height); ctx.quadraticCurveTo(x, y + height, x, y + height - radius); ctx.lineTo(x, y + radius); ctx.quadraticCurveTo(x, y, x + radius, y); ctx.closePath(); ctx.fill(); // Border ctx.strokeStyle = '#888'; ctx.lineWidth = 1; ctx.stroke(); } checkPlayerHealingInteraction(npc, player) { // Only allow healing if NPC is injured if (npc.health >= npc.maxHealth || !player.inventory || player.inventory.length === 0) return; // Check if player is close enough to heal the NPC const dx = npc.x + npc.width/2 - (player.x + player.width/2); const dy = npc.y + npc.height/2 - (player.y + player.height/2); const distance = Math.sqrt(dx * dx + dy * dy); if (distance < 50) { // Close enough to heal // Find healing items in player inventory const healingItems = player.inventory.filter(item => item.name === 'Energy Drink' || item.name === 'First Aid Kit'); if (healingItems.length > 0) { // Check for interaction key (E key) const healKeyDown = this.isHealKeyPressed(); if (healKeyDown) { // Use the first healing item const healItem = healingItems[0]; // Heal the NPC const oldHealth = npc.health; npc.health = Math.min(npc.maxHealth, npc.health + healItem.health); // Show floating text this.showHealingEffect(npc, healItem.health); // Show grateful dialogue this.showRandomDialogue(npc, [ "Thank you so much!", "I needed that!", "You're a lifesaver!" ]); // Remove item from inventory const itemIndex = player.inventory.indexOf(healItem); if (itemIndex > -1) { player.inventory.splice(itemIndex, 1); } } // Show floating "Press E to heal" text if (!npc.showHealPrompt) { npc.showHealPrompt = true; // Hide prompt after 2 seconds if player moves away setTimeout(() => { npc.showHealPrompt = false; }, 2000); } } } else { // Player moved away, hide the prompt npc.showHealPrompt = false; } } isHealKeyPressed() { // This is a simple implementation that always returns false // We'll need to set up the actual key press detection in the next step return false; } showHealingEffect(npc, healAmount) { // Create a healing effect object to be drawn npc.healEffect = { text: `+${healAmount} HP`, time: 0, duration: 2, // seconds x: npc.x + npc.width / 2, y: npc.y - 20 }; } }