import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js'; import { RenderPass } from 'three/addons/postprocessing/RenderPass.js'; import { UnrealBloomPass } from 'three/addons/postprocessing/UnrealBloomPass.js'; import { SMAAPass } from 'three/addons/postprocessing/SMAAPass.js'; // Initialize loading manager const loadingManager = new THREE.LoadingManager(); const textureLoader = new THREE.TextureLoader(loadingManager); let assetsLoaded = false; const parentDiv = document.getElementById('renderDiv'); let canvas = document.getElementById('threeRenderCanvas'); if (!canvas) { canvas = document.createElement('canvas'); canvas.id = 'threeRenderCanvas'; parentDiv.appendChild(canvas); } // Create loading screen const loadingScreen = document.createElement('div'); loadingScreen.style.position = 'absolute'; loadingScreen.style.top = '0'; loadingScreen.style.left = '0'; loadingScreen.style.width = '100%'; loadingScreen.style.height = '100%'; loadingScreen.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; loadingScreen.style.color = 'white'; loadingScreen.style.display = 'flex'; loadingScreen.style.justifyContent = 'center'; loadingScreen.style.alignItems = 'center'; loadingScreen.style.fontSize = '24px'; loadingScreen.innerHTML = 'Loading... 0%'; parentDiv.appendChild(loadingScreen); // Game state variables let playerHealth = 3; let currentWave = 0; // Start at 0 so first wave will be 1 let zombieHitSound = new Audio('https://play.rosebud.ai/assets/163447__under7dude__zombie-hit.wav?xxaM'); // Dev mode variables let DEV_MODE = false; const DEV_MODE_SEQUENCE = ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowLeft', 'ArrowLeft']; let currentSequence = []; let sequenceTimer = null; let activeModifierCards = []; let isChoosingModifier = false; let playerBuffTurn = true; // Alternates between player and zombie buffs // Player stat modifiers const playerStats = { damage: 15, shootCooldown: 700, reloadTime: 3000, moveSpeed: 15, piercing: false, zombieSense: false, devMode: { damage: 999999, // Insta-kill moveSpeed: 50, // Superspeed nightVision: false } }; // Zombie stat modifiers const zombieStats = { health: 100, speed: 3, spawnCount: 0, // Additional zombies per wave babyChance: 0, darkZombieChance: 0, ammoDrain: false }; // Rarity configuration const RARITY = { COMMON: { name: 'Common', color: 0x808080, emissive: 0x808080, emissiveIntensity: 0.2, modifier: 0 }, UNCOMMON: { name: 'Uncommon', color: 0x808080, emissive: 0x808080, emissiveIntensity: 0.3, modifier: 1 }, RARE: { name: 'Rare', color: 0x808080, emissive: 0x808080, emissiveIntensity: 0.4, modifier: 2 }, EPIC: { name: 'Epic', color: 0x808080, emissive: 0x808080, emissiveIntensity: 0.6, modifier: 5 }, LEGENDARY: { name: 'Legendary', color: 0x808080, emissive: 0x808080, emissiveIntensity: 1.0, modifier: 10 } }; let nextCardRarity = null; // Store next card rarity when legendary is picked // Modifier cards configuration const playerModifiers = [ // Health Cards with different rarities { name: "Small Health Pack", description: "+1 Health", rarity: RARITY.COMMON, effect: function() { playerHealth = Math.min(playerHealth + 1, 5); } }, { name: "Medium Health Pack", description: "+2 Health", rarity: RARITY.UNCOMMON, effect: function() { playerHealth = Math.min(playerHealth + 2, 5); } }, { name: "Large Health Pack", description: "+3 Health", rarity: RARITY.RARE, effect: function() { playerHealth = Math.min(playerHealth + 3, 5); } }, // Damage Cards with different rarities { name: "Light Bullets", description: "10% Increased Damage", rarity: RARITY.COMMON, effect: () => { playerStats.damage *= 1.1; } }, { name: "Heavy Bullets", description: "25% Increased Damage", rarity: RARITY.UNCOMMON, effect: () => { playerStats.damage *= 1.25; } }, { name: "Explosive Rounds", description: "50% Increased Damage", rarity: RARITY.EPIC, effect: () => { playerStats.damage *= 1.5; } }, { name: "Piercing Shots", description: "Bullets Pierce Zombies", rarity: RARITY.RARE, effect: () => { playerStats.piercing = true; } }, { name: "Gotta Go Fast", description: "Movement Speed Up", rarity: RARITY.UNCOMMON, effect: function() { const baseIncrease = 1.1; const increase = this.rarity === RARITY.LEGENDARY ? baseIncrease * 2 : this.rarity === RARITY.EPIC ? baseIncrease + (Math.random() > 0.5 ? 0.3 : 0.4) : this.rarity === RARITY.MORE_RARE ? baseIncrease + (6 / (Math.random() * 1 + 2)) : this.rarity === RARITY.RARE ? baseIncrease + 0.2 : this.rarity === RARITY.UNCOMMON ? baseIncrease + 0.1 : baseIncrease; playerStats.moveSpeed *= increase; moveSpeed *= increase; } }, { name: "Zombie Sense", description: "Sense Nearby Zombies", rarity: RARITY.RARE, effect: () => { playerStats.zombieSense = true; } }, { name: "Quick Reload", description: "Faster Reload Speed", rarity: RARITY.UNCOMMON, effect: () => { playerStats.reloadTime *= 0.8; } }, { name: "Heavy Bullets", description: "Increased Damage", rarity: RARITY.EPIC, effect: () => { playerStats.damage *= 1.25; } }, { name: "Quick Draw", description: "Faster Shooting", rarity: RARITY.MORE_RARE, effect: () => { playerStats.shootCooldown *= 0.8; } } ]; const zombieModifiers = [{ name: "Tough Zombies", description: "Zombies Have More Health", rarity: RARITY.UNCOMMON, effect: function() { const baseIncrease = 20; const increase = this.rarity === RARITY.LEGENDARY ? baseIncrease * 2 : this.rarity === RARITY.EPIC ? baseIncrease + (Math.random() > 0.5 ? 3 : 4) : this.rarity === RARITY.MORE_RARE ? baseIncrease + (6 / (Math.random() * 1 + 2)) : this.rarity === RARITY.RARE ? baseIncrease + 2 : this.rarity === RARITY.UNCOMMON ? baseIncrease + 1 : baseIncrease; zombieStats.health += increase; } }, { name: "Baby Zombies", description: "Some Small Fast Zombies", rarity: RARITY.EPIC, effect: () => { zombieStats.babyChance = 0.3; } }, { name: "Lights Out", description: "Some Zombies Disable Light", rarity: RARITY.LEGENDARY, effect: () => { zombieStats.darkZombieChance = 0.3; } }, { name: "Ammo Drain", description: "Misses Cost Extra Ammo", rarity: RARITY.MORE_RARE, effect: () => { zombieStats.ammoDrain = true; } }, { name: "Speed Demons", description: "Faster Zombies", rarity: RARITY.UNCOMMON, effect: () => { zombieStats.speed *= 1.2; } }, { name: "Zombie Horde", description: "More Zombies per Wave", rarity: RARITY.RARE, effect: () => { zombieStats.spawnCount += 2; } }]; // Modifier card class class ModifierCard { constructor(modifier, position) { // Ensure modifier has valid rarity this.modifier = { ...modifier, rarity: modifier.rarity || RARITY.COMMON }; // Create card mesh with larger hitbox const cardGeometry = new THREE.PlaneGeometry(2, 3); const hitboxGeometry = new THREE.BoxGeometry(3, 4, 2); // Larger invisible hitbox const cardMaterial = new THREE.MeshPhysicalMaterial({ color: modifier.rarity.color, emissive: modifier.rarity.color, emissiveIntensity: 2.0, transparent: true, opacity: 0.9, side: THREE.DoubleSide, metalness: 0.5, roughness: 0.2, reflectivity: 1, clearcoat: 1, clearcoatRoughness: 0.2 }); this.mesh = new THREE.Mesh(cardGeometry, cardMaterial); this.mesh.position.copy(position); this.mesh.position.y = 1.5; this.mesh.userData.isCard = true; this.mesh.userData.modifier = modifier; scene.add(this.mesh); // Create invisible hitbox mesh const hitboxMaterial = new THREE.MeshBasicMaterial({ transparent: true, opacity: 0, side: THREE.DoubleSide }); this.hitbox = new THREE.Mesh(hitboxGeometry, hitboxMaterial); this.hitbox.position.copy(position); this.hitbox.position.y = 1.5; this.hitbox.userData.isCard = true; this.hitbox.userData.modifier = modifier; scene.add(this.hitbox); // Add aura effect for legendary cards if (modifier.rarity === RARITY.LEGENDARY) { const auraGeometry = new THREE.PlaneGeometry(3, 4); const auraMaterial = new THREE.MeshPhysicalMaterial({ color: 0xffffff, emissive: 0xffffff, emissiveIntensity: 3.0, transparent: true, opacity: 0.5, side: THREE.DoubleSide, metalness: 0, roughness: 0, clearcoat: 1 }); this.aura = new THREE.Mesh(auraGeometry, auraMaterial); this.aura.position.copy(position); this.aura.position.y = 1.5; this.aura.position.z -= 0.1; scene.add(this.aura); } // Add an outer glow effect that's always visible const glowGeometry = new THREE.PlaneGeometry(4, 5); const glowMaterial = new THREE.MeshPhysicalMaterial({ color: modifier.rarity.color, emissive: modifier.rarity.color, emissiveIntensity: 3.0, transparent: true, opacity: 0.3, side: THREE.DoubleSide, blending: THREE.AdditiveBlending, depthWrite: false }); this.glow = new THREE.Mesh(glowGeometry, glowMaterial); this.glow.position.copy(position); this.glow.position.y = 1.5; this.glow.position.z -= 0.2; scene.add(this.glow); // Add text with rarity color // Create floating text const nameDiv = document.createElement('div'); nameDiv.style.position = 'absolute'; nameDiv.style.color = 'white'; nameDiv.style.fontSize = '20px'; nameDiv.style.fontWeight = 'bold'; nameDiv.style.textAlign = 'center'; nameDiv.style.fontFamily = 'Arial'; nameDiv.style.textShadow = '2px 2px 2px black'; nameDiv.style.padding = '5px'; nameDiv.style.background = 'rgba(0, 0, 0, 0.5)'; nameDiv.style.borderRadius = '5px'; nameDiv.style.pointerEvents = 'none'; nameDiv.innerHTML = `${modifier.name}
${modifier.description}`; document.body.appendChild(nameDiv); this.textElement = nameDiv; this.updateTextPosition = () => { if (this.mesh) { const vector = this.mesh.position.clone(); vector.y += 2.5; // Position text above card vector.project(camera); const x = (vector.x * .5 + .5) * canvas.clientWidth; const y = (-(vector.y * .5) + .5) * canvas.clientHeight; this.textElement.style.transform = `translate(-50%, -50%) translate(${x}px,${y}px)`; this.textElement.style.display = vector.z > 1 ? 'none' : 'block'; } }; } destroy() { scene.remove(this.mesh); scene.remove(this.hitbox); scene.remove(this.glow); if (this.aura) { scene.remove(this.aura); } if (this.textElement) { document.body.removeChild(this.textElement); } } update() { this.mesh.rotation.y += 0.01; this.hitbox.rotation.y += 0.01; // Update floating text position this.updateTextPosition(); // Pulsing glow effect const pulseSpeed = 2; const pulseAmount = 0.2; const pulseValue = Math.sin(Date.now() * 0.003 * pulseSpeed) * pulseAmount + 1; if (this.glow) { this.glow.material.opacity = 0.3 * pulseValue; this.glow.material.emissiveIntensity = 3.0 * pulseValue; this.glow.rotation.y += 0.01; } if (this.aura) { this.aura.material.opacity = 0.5 * pulseValue; this.aura.material.emissiveIntensity = 3.0 * pulseValue; this.aura.rotation.y += 0.01; } } } let playerImmunityFrames = 0; const IMMUNITY_DURATION = 1.5; // 1.5 seconds of immunity after being hit const KNOCKBACK_FORCE = 15; // Force applied when knocked back let zombies = []; let activeZombies = []; let waveInProgress = false; let activeBoss = null; // Boss base class class Boss { constructor(position) { this.health = 0; this.mesh = null; this.body = null; this.isActive = false; this.position = position; } update(deltaTime) {} takeDamage(damage) {} destroy() {} } // Giant Boss class GiantBoss extends Boss { constructor(position) { super(position); this.health = 800; this.maxHealth = 800; this.jumpCooldown = 4; // Reduced cooldown for more aggressive jumping this.jumpTimer = 0; this.targetPosition = null; // Create giant zombie mesh const geometry = new THREE.BoxGeometry(6, 7.5, 1); // Changed to BoxGeometry for better hit detection const material = new THREE.MeshStandardMaterial({ map: textureLoader.load('https://play.rosebud.ai/assets/zWalk1.png?26hU'), transparent: true, side: THREE.DoubleSide }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.position.y = 3.75; scene.add(this.mesh); // Physics body const shape = new CANNON.Box(new CANNON.Vec3(1.5, 3.75, 1.5)); this.body = new CANNON.Body({ mass: 20, material: new CANNON.Material(), fixedRotation: true }); this.body.addShape(shape); this.body.position.copy(position); world.addBody(this.body); } update(deltaTime) { this.jumpTimer += deltaTime; if (this.jumpTimer >= this.jumpCooldown) { this.jump(); this.jumpTimer = 0; } // Move towards player const direction = new THREE.Vector3( playerBody.position.x - this.body.position.x, 0, playerBody.position.z - this.body.position.z ).normalize(); this.body.velocity.x = direction.x * 4; this.body.velocity.z = direction.z * 4; this.mesh.position.copy(this.body.position); this.mesh.lookAt(playerBody.position.x, this.mesh.position.y, playerBody.position.z); } jump() { // Store player's position as target this.targetPosition = new THREE.Vector3( playerBody.position.x, playerBody.position.y, playerBody.position.z ); // Calculate direction to player const direction = new THREE.Vector3( this.targetPosition.x - this.body.position.x, 0, this.targetPosition.z - this.body.position.z ).normalize(); // Set velocity for jump this.body.velocity.x = direction.x * 20; this.body.velocity.y = 15; this.body.velocity.z = direction.z * 20; } takeDamage(damage) { this.health -= damage; zombieHitSound.currentTime = 0; zombieHitSound.play(); return this.health <= 0; } destroy() { scene.remove(this.mesh); world.remove(this.body); } } // Shadow Boss class ShadowBoss extends Boss { constructor(position) { super(position); this.health = 100; this.isRevealed = false; this.orbitSpeed = 4; this.orbitRadius = 12; // Increased orbit radius to make it slightly easier to hit this.orbitAngle = 0; this.chargeTimer = 0; this.chargeCooldown = 4; // Increased cooldown between charges this.isCharging = false; this.screamSound = new Audio('https://play.rosebud.ai/assets/11L-Shadow_Demon_Scream-1743307689194.mp3?JoyU'); // Create shadow mesh with idle animation const geometry = new THREE.PlaneGeometry(3, 3.75); this.textures = { idle: [ textureLoader.load('https://play.rosebud.ai/assets/Idle Shadow1.png?yqqh'), textureLoader.load('https://play.rosebud.ai/assets/Idle shadow2.png?h6ZP') ], floating: [ textureLoader.load('https://play.rosebud.ai/assets/Floating 1.png?zECF'), textureLoader.load('https://play.rosebud.ai/assets/Floating 2.png?GLgP') ], hurt: textureLoader.load('https://play.rosebud.ai/assets/Ouch.png?GpL9') }; const material = new THREE.MeshStandardMaterial({ map: this.textures.idle[0], transparent: true, side: THREE.DoubleSide }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.position.y = 2; scene.add(this.mesh); // Physics body const shape = new CANNON.Box(new CANNON.Vec3(0.75, 1.875, 0.75)); this.body = new CANNON.Body({ mass: 1, material: new CANNON.Material(), fixedRotation: true }); this.body.addShape(shape); this.body.position.copy(position); world.addBody(this.body); this.animationFrame = 0; this.animationTime = 0; } update(deltaTime) { this.animationTime += deltaTime; // Check for collision with player const distance = new THREE.Vector3( playerBody.position.x - this.body.position.x, playerBody.position.y - this.body.position.y, playerBody.position.z - this.body.position.z ).length(); // Original behavior without the scream effect if (distance < 2 && !isDead && playerImmunityFrames <= 0) { if (!DEV_MODE) { playerHealth--; playerImmunityFrames = IMMUNITY_DURATION; } // Apply stronger knockback from boss const knockbackDir = new THREE.Vector3( playerBody.position.x - this.body.position.x, 0, playerBody.position.z - this.body.position.z ).normalize(); playerBody.velocity.x += knockbackDir.x * KNOCKBACK_FORCE * 2; playerBody.velocity.z += knockbackDir.z * KNOCKBACK_FORCE * 2; if (playerHealth <= 0) { playerDeath(); } } if (this.animationTime >= 0.5) { this.animationTime = 0; this.animationFrame = (this.animationFrame + 1) % 2; if (!this.isRevealed) { this.mesh.material.map = this.textures.idle[this.animationFrame]; } else if (!this.isCharging) { this.mesh.material.map = this.textures.floating[this.animationFrame]; } } if (this.isRevealed) { if (!this.isCharging) { // Orbit around player this.orbitAngle += deltaTime * this.orbitSpeed; const orbitX = playerBody.position.x + Math.cos(this.orbitAngle) * this.orbitRadius; const orbitZ = playerBody.position.z + Math.sin(this.orbitAngle) * this.orbitRadius; this.body.position.x = orbitX; this.body.position.z = orbitZ; this.body.position.y = 2 + Math.sin(this.orbitAngle * 2) * 0.5; // Floating effect // Check if it's time to charge this.chargeTimer += deltaTime; if (this.chargeTimer >= this.chargeCooldown) { this.startCharge(); } } else { // Charge towards player const direction = new THREE.Vector3( playerBody.position.x - this.body.position.x, 0, playerBody.position.z - this.body.position.z ).normalize(); this.body.velocity.x = direction.x * 20; this.body.velocity.z = direction.z * 20; } } this.mesh.position.copy(this.body.position); this.mesh.lookAt(playerBody.position.x, this.mesh.position.y, playerBody.position.z); } startCharge() { this.isCharging = true; this.chargeTimer = 0; this.screamSound.currentTime = 0; this.screamSound.play(); // Reset charge after a delay setTimeout(() => { this.isCharging = false; }, 1000); } takeDamage(damage) { if (!this.isRevealed) { this.isRevealed = true; return false; } // Trigger hit indicator const hitIndicator = document.createElement('div'); hitIndicator.style.position = 'absolute'; hitIndicator.style.color = 'red'; hitIndicator.style.fontSize = '48px'; hitIndicator.style.fontFamily = 'Arial'; hitIndicator.style.textShadow = '2px 2px 2px black'; hitIndicator.innerHTML = 'HIT!'; parentDiv.appendChild(hitIndicator); setTimeout(() => { hitIndicator.style.transition = 'opacity 0.5s'; hitIndicator.style.opacity = '0'; setTimeout(() => { parentDiv.removeChild(hitIndicator); }, 500); }, 100); this.health -= damage; zombieHitSound.currentTime = 0; zombieHitSound.play(); this.mesh.material.map = this.textures.hurt; // Reset texture after a short delay setTimeout(() => { if (!this.isCharging) { this.mesh.material.map = this.textures.floating[this.animationFrame]; } }, 100); return this.health <= 0; } destroy() { scene.remove(this.mesh); world.remove(this.body); } } // Gabriel Boss Class class GabrielBoss extends Boss { constructor(position) { super(position); this.health = 600; this.maxHealth = 600; this.isEnraged = false; this.attackCooldown = Math.random() * 1 + 1; // Random between 1-2 seconds this.attackTimer = 0; this.height = 5; // Starting height this.targetHeight = 5; // Load textures this.textures = { idle: textureLoader.load('https://play.rosebud.ai/assets/Gabe.png?T383'), move1: textureLoader.load('https://play.rosebud.ai/assets/Gabe1.png?ctT5'), move2: textureLoader.load('https://play.rosebud.ai/assets/Gabe 2.png?9AQ1') }; // Create mesh const geometry = new THREE.PlaneGeometry(4, 5); const material = new THREE.MeshStandardMaterial({ map: this.textures.idle, transparent: true, side: THREE.DoubleSide }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.position.y = this.height; scene.add(this.mesh); // Physics body const shape = new CANNON.Box(new CANNON.Vec3(2, 2.5, 2)); this.body = new CANNON.Body({ mass: 1, material: new CANNON.Material(), type: CANNON.Body.KINEMATIC }); this.body.addShape(shape); this.body.position.copy(position); this.body.position.y = this.height; world.addBody(this.body); this.animationFrame = 0; this.animationTime = 0; this.movementPhase = 0; } createHolyLight(position) { const geometry = new THREE.CylinderGeometry(0.5, 0.5, 10, 16); const material = new THREE.MeshStandardMaterial({ color: 0xffffff, transparent: true, opacity: 0.3, emissive: 0xffffff, emissiveIntensity: 1 }); const light = new THREE.Mesh(geometry, material); light.position.copy(position); scene.add(light); // Warning phase (1 second) setTimeout(() => { light.material.opacity = 0.7; // Damage phase (1 second) setTimeout(() => { light.material.opacity = 1; const playerDistance = new THREE.Vector3( playerBody.position.x - light.position.x, 0, playerBody.position.z - light.position.z ).length(); if (playerDistance < 1 && !isDead && playerImmunityFrames <= 0) { if (!DEV_MODE) { playerHealth--; playerImmunityFrames = IMMUNITY_DURATION; } if (playerHealth <= 0) { playerDeath(); } } // Fade out phase (0.5 seconds) setTimeout(() => { const fadeOut = setInterval(() => { light.material.opacity -= 0.1; if (light.material.opacity <= 0) { scene.remove(light); clearInterval(fadeOut); } }, 50); }, 1000); }, 1000); }, 1000); } update(deltaTime) { this.animationTime += deltaTime; this.attackTimer += deltaTime; // Animation update if (this.animationTime >= 0.2) { this.animationTime = 0; this.animationFrame = (this.animationFrame + 1) % 3; this.mesh.material.map = this.animationFrame === 0 ? this.textures.idle : this.animationFrame === 1 ? this.textures.move1 : this.textures.move2; } // Random movement to spots on the map const WORLD_BOUNDS = 80; // Adjust based on your map size // Check if we need a new target position if (!this.targetPosition || new THREE.Vector3( this.targetPosition.x - this.body.position.x, this.targetPosition.y - this.body.position.y, this.targetPosition.z - this.body.position.z ).length() < 1) { // Pick a new random position this.targetPosition = new THREE.Vector3( (Math.random() - 0.5) * WORLD_BOUNDS, 5 + Math.random() * 5, // Random height between 5 and 10 (Math.random() - 0.5) * WORLD_BOUNDS ); } // Move towards target position const direction = new THREE.Vector3( this.targetPosition.x - this.body.position.x, this.targetPosition.y - this.body.position.y, this.targetPosition.z - this.body.position.z ).normalize(); const speed = this.isEnraged ? 12 : 8; this.body.position.x += direction.x * speed * deltaTime; this.body.position.y += direction.y * speed * deltaTime; this.body.position.z += direction.z * speed * deltaTime; // Attack logic with both holy light and arrows if (this.attackTimer >= this.attackCooldown) { this.attackTimer = 0; this.attackCooldown = Math.random() * 1 + 1; // Shoot arrow at player this.shootArrow(); // Create holy light attacks if (Math.random() < 0.3) { // 30% chance to use holy light attack const attacks = this.isEnraged ? 3 : 1; for (let i = 0; i < attacks; i++) { const offset = new THREE.Vector3( (Math.random() - 0.5) * 15, 0, (Math.random() - 0.5) * 15 ); const attackPos = new THREE.Vector3( playerBody.position.x + offset.x, 0, playerBody.position.z + offset.z ); this.createHolyLight(attackPos); } } } } shootArrow() { const arrowGeometry = new THREE.PlaneGeometry(1, 1); const arrowTexture = textureLoader.load('https://play.rosebud.ai/assets/Arrow.png?JA4Y'); const arrowMaterial = new THREE.MeshBasicMaterial({ map: arrowTexture, transparent: true, side: THREE.DoubleSide }); const arrow = new THREE.Mesh(arrowGeometry, arrowMaterial); arrow.position.copy(this.body.position); // Calculate direction to player const direction = new THREE.Vector3( playerBody.position.x - this.body.position.x, playerBody.position.y - this.body.position.y, playerBody.position.z - this.body.position.z ).normalize(); // Make arrow face the direction it's moving arrow.lookAt(playerBody.position); scene.add(arrow); // Arrow movement const speed = 20; const arrowUpdate = setInterval(() => { arrow.position.add(direction.multiplyScalar(speed * 0.016)); // 0.016 is roughly one frame at 60fps // Check for collision with player const distanceToPlayer = arrow.position.distanceTo(new THREE.Vector3( playerBody.position.x, playerBody.position.y + 1, playerBody.position.z )); if (distanceToPlayer < 1 && !isDead && playerImmunityFrames <= 0) { if (!DEV_MODE) { playerHealth--; playerImmunityFrames = IMMUNITY_DURATION; } if (playerHealth <= 0) { playerDeath(); } scene.remove(arrow); clearInterval(arrowUpdate); } // Remove arrow after traveling for a while setTimeout(() => { scene.remove(arrow); clearInterval(arrowUpdate); }, 3000); }, 16); // Update mesh position and rotation this.mesh.position.copy(this.body.position); this.mesh.lookAt(playerBody.position.x, this.mesh.position.y, playerBody.position.z); } takeDamage(damage) { this.health -= damage; zombieHitSound.currentTime = 0; zombieHitSound.play(); // Check for enraged state if (!this.isEnraged && this.health <= this.maxHealth / 2) { this.isEnraged = true; // Visual effect for enraged state this.mesh.material.emissive = new THREE.Color(0xff0000); this.mesh.material.emissiveIntensity = 0.5; } return this.health <= 0; } destroy() { scene.remove(this.mesh); world.remove(this.body); } } // Wave configuration const waveConfig = { baseZombies: 3, zombiesPerWave: 2, spawnRadius: 20 }; // Zombie class class Zombie { constructor(position) { this.health = zombieStats.health; // Use zombie stats health // Determine if this is a baby zombie this.isBaby = Math.random() < zombieStats.babyChance; this.isDark = Math.random() < zombieStats.darkZombieChance; // Adjust size and speed for baby zombies const size = this.isBaby ? { width: 1, height: 1.25 } : { width: 2, height: 2.5 }; const zombieGeometry = new THREE.PlaneGeometry(size.width, size.height); this.textures = [ textureLoader.load('https://play.rosebud.ai/assets/zWalk1.png?26hU'), textureLoader.load('https://play.rosebud.ai/assets/zWalk2.png?CwP1') ]; const zombieMaterial = new THREE.MeshStandardMaterial({ map: this.textures[0], transparent: true, side: THREE.DoubleSide, color: this.isDark ? 0x666666 : 0xffffff }); this.mesh = new THREE.Mesh(zombieGeometry, zombieMaterial); this.mesh.position.copy(position); this.mesh.position.y = 1.25; scene.add(this.mesh); // Create physics body const zombieShape = new CANNON.Box(new CANNON.Vec3(0.5, 1.25, 0.5)); this.body = new CANNON.Body({ mass: 5, material: new CANNON.Material(), fixedRotation: true }); this.body.addShape(zombieShape); this.body.position.copy(this.mesh.position); world.addBody(this.body); // Animation properties this.animationFrame = 0; this.animationTime = 0; this.walkingSpeed = this.isBaby ? zombieStats.speed * 1.5 : zombieStats.speed; // Light disabling properties if (this.isDark) { this.lightDisableRange = 8; // Range at which this zombie disables the player's light } } update(deltaTime) { // Update animation this.animationTime += deltaTime; // Handle light disabling for dark zombies if (this.isDark) { const distanceToPlayer = new THREE.Vector3( playerBody.position.x - this.body.position.x, playerBody.position.y - this.body.position.y, playerBody.position.z - this.body.position.z ).length(); if (distanceToPlayer < this.lightDisableRange) { playerLight.intensity = Math.max(0, playerLight.intensity - deltaTime * 2); } else { playerLight.intensity = Math.min(2.5, playerLight.intensity + deltaTime * 2); } } if (this.animationTime >= 0.5) { this.animationTime = 0; this.animationFrame = (this.animationFrame + 1) % 2; this.mesh.material.map = this.textures[this.animationFrame]; } // Initialize wandering behavior if not exists if (!this.wanderAngle) { this.wanderAngle = Math.random() * Math.PI * 2; this.wanderTimer = 0; this.isWandering = false; } // Update wander timer this.wanderTimer += deltaTime; // Randomly start/stop wandering if (this.wanderTimer > (this.isWandering ? 1 : 3)) { this.isWandering = Math.random() < 0.3; this.wanderTimer = 0; this.wanderAngle = Math.random() * Math.PI * 2; } // Calculate direction to player const toPlayer = new THREE.Vector3( playerBody.position.x - this.body.position.x, 0, playerBody.position.z - this.body.position.z ); const distanceToPlayer = toPlayer.length(); toPlayer.normalize(); // Calculate wander direction const wanderDirection = new THREE.Vector3( Math.cos(this.wanderAngle), 0, Math.sin(this.wanderAngle) ); // Combine directions based on distance and wandering state let finalDirection; if (distanceToPlayer > 15 || !this.isWandering) { // Far from player or not wandering: move directly towards player finalDirection = toPlayer; } else { // Close to player and wandering: combine player direction and wander finalDirection = toPlayer.multiplyScalar(0.7).add(wanderDirection.multiplyScalar(0.3)); finalDirection.normalize(); } // Apply movement this.body.velocity.x = finalDirection.x * this.walkingSpeed; this.body.velocity.z = finalDirection.z * this.walkingSpeed; // Update mesh position and rotation this.mesh.position.copy(this.body.position); this.mesh.lookAt(playerBody.position.x, this.mesh.position.y, playerBody.position.z); } takeDamage(damage) { this.health -= damage; if (this.health <= 0) { this.destroy(); return true; } return false; } destroy() { scene.remove(this.mesh); world.remove(this.body); } } // Loading manager events loadingManager.onProgress = function(url, itemsLoaded, itemsTotal) { const progress = (itemsLoaded / itemsTotal * 100).toFixed(0); loadingScreen.innerHTML = `Loading... ${progress}%`; }; loadingManager.onLoad = function() { assetsLoaded = true; loadingScreen.style.display = 'none'; }; loadingManager.onError = function(url) { console.error('Error loading:', url); }; // Initialize the scene const scene = new THREE.Scene(); scene.fog = new THREE.FogExp2(0x0a1a2a, 0.035); // Create boss health bar const bossHealthBar = document.createElement('div'); bossHealthBar.style.position = 'absolute'; bossHealthBar.style.top = '20px'; bossHealthBar.style.left = '50%'; bossHealthBar.style.transform = 'translateX(-50%)'; bossHealthBar.style.width = '300px'; bossHealthBar.style.height = '20px'; bossHealthBar.style.backgroundColor = '#300'; bossHealthBar.style.display = 'none'; bossHealthBar.style.border = '2px solid #500'; const bossHealthFill = document.createElement('div'); bossHealthFill.style.width = '100%'; bossHealthFill.style.height = '100%'; bossHealthFill.style.backgroundColor = '#f00'; bossHealthFill.style.transition = 'width 0.3s'; bossHealthBar.appendChild(bossHealthFill); parentDiv.appendChild(bossHealthBar); const world = new CANNON.World(); world.gravity.set(0, -30, 0); // Increased gravity for more grounded feel world.defaultContactMaterial.contactEquationStiffness = 1e8; world.defaultContactMaterial.contactEquationRelaxation = 3; // Player variables let playerBody; let canJump = false; let moveForward = false; let moveBackward = false; let moveLeft = false; let moveRight = false; let playerDirection = new THREE.Vector3(); // Gun variables let gunMesh; let playerLight; let isDead = false; let splitTimer = 0; let deathScreen = null; let gunSound = new Audio('https://play.rosebud.ai/assets/369528__johandeecke__short-gunshot.wav?jqEs'); let reloadSound = new Audio('https://play.rosebud.ai/assets/764518__awarner__ar15-airsoft-gun-reload.wav?irhi'); let ammo = 6; let isReloading = false; let canShoot = true; let lastShootTime = 0; let reloadTimeout; let gunBobbing = { time: 0, intensity: 0.015, // Reduced intensity for subtler effect currentOffset: { x: 0, y: 0 } }; world.defaultContactMaterial.friction = 0.01; world.defaultContactMaterial.restitution = 0; world.solver.iterations = 10; world.solver.tolerance = 0.001; // Define physics materials const groundPhysMaterial = new CANNON.Material('ground'); const clock = new THREE.Clock(); // Initialize the camera const camera = new THREE.PerspectiveCamera( 75, canvas.offsetWidth / canvas.offsetHeight, 0.1, 1000 ); // Set initial camera position for first person view camera.position.set(0, 1.7, 0); // Create player physics body const playerShape = new CANNON.Box(new CANNON.Vec3(0.3, 0.9, 0.3)); playerBody = new CANNON.Body({ mass: 5, position: new CANNON.Vec3(0, 2, 0), material: new CANNON.Material(), linearDamping: 0.3, // Reduced damping for more sliding fixedRotation: true, allowSleep: false }); playerBody.addShape(playerShape); playerBody.fixedRotation = true; world.addBody(playerBody); // Create gun mesh const gunGeometry = new THREE.PlaneGeometry(0.5, 0.7); const gunTexture = textureLoader.load('https://play.rosebud.ai/assets/pewpew.png?1cyb'); const gunMaterial = new THREE.MeshStandardMaterial({ map: gunTexture, transparent: true, side: THREE.DoubleSide, metalness: 0.3, roughness: 0.7 }); gunMesh = new THREE.Mesh(gunGeometry, gunMaterial); gunMesh.position.set(0.4, -0.4, -0.8); camera.add(gunMesh); scene.add(camera); // Initialize the renderer with HDR const renderer = new THREE.WebGLRenderer({ antialias: true, canvas: canvas, powerPreference: "high-performance" }); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(canvas.offsetWidth, canvas.offsetHeight); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.outputEncoding = THREE.sRGBEncoding; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.2; // Initialize post-processing const composer = new EffectComposer(renderer); // Regular scene render pass const renderPass = new RenderPass(scene, camera); composer.addPass(renderPass); // Add subtle bloom effect const bloomPass = new UnrealBloomPass( new THREE.Vector2(window.innerWidth, window.innerHeight), 0.5, // increased bloom strength 0.7, // increased radius 0.2 // decreased threshold for more visible glow ); composer.addPass(bloomPass); // Add anti-aliasing const smaaPass = new SMAAPass( window.innerWidth * renderer.getPixelRatio(), window.innerHeight * renderer.getPixelRatio() ); composer.addPass(smaaPass); // Initialize composer size composer.setSize(parentDiv.clientWidth, parentDiv.clientHeight); // Define sky colors for environmental lighting const skyColor = new THREE.Color(0x0a1a2a); // Dark blue sky const groundColor = new THREE.Color(0x080808); // Very dark ground reflection // Create sky dome with improved colors const vertexShader = ` varying vec3 vWorldPosition; void main() { vec4 worldPosition = modelMatrix * vec4( position, 1.0 ); vWorldPosition = worldPosition.xyz; gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); }`; const fragmentShader = ` uniform vec3 topColor; uniform vec3 bottomColor; uniform float offset; uniform float exponent; varying vec3 vWorldPosition; void main() { float h = normalize( vWorldPosition + offset ).y; gl_FragColor = vec4( mix( bottomColor, topColor, max( pow( max( h, 0.0 ), exponent ), 0.0 ) ), 1.0 ); }`; const uniforms = { topColor: { value: skyColor }, bottomColor: { value: groundColor }, offset: { value: 33 }, exponent: { value: 0.6 } }; const skyGeo = new THREE.SphereGeometry(500, 32, 15); const skyMat = new THREE.ShaderMaterial({ uniforms: uniforms, vertexShader: vertexShader, fragmentShader: fragmentShader, side: THREE.BackSide }); const sky = new THREE.Mesh(skyGeo, skyMat); scene.add(sky); // Mouse look controls let euler = new THREE.Euler(0, 0, 0, 'YXZ'); let velocity = new THREE.Vector3(); let moveSpeed = 15; // Doubled the speed let currentVelocity = new THREE.Vector3(); // Pointer lock setup const blocker = document.getElementById('blocker') || document.createElement('div'); blocker.id = 'blocker'; blocker.style.position = 'absolute'; blocker.style.width = '100%'; blocker.style.height = '100%'; blocker.style.backgroundColor = 'rgba(0,0,0,0.5)'; blocker.style.display = 'flex'; blocker.style.justifyContent = 'center'; blocker.style.alignItems = 'center'; blocker.innerHTML = '

Click to play

'; parentDiv.appendChild(blocker); // Create death screen deathScreen = document.createElement('div'); deathScreen.style.position = 'absolute'; deathScreen.style.width = '100%'; deathScreen.style.height = '100%'; deathScreen.style.backgroundColor = 'rgba(139, 0, 0, 0.7)'; deathScreen.style.color = 'white'; deathScreen.style.fontSize = '36px'; deathScreen.style.display = 'none'; deathScreen.style.justifyContent = 'center'; deathScreen.style.alignItems = 'center'; deathScreen.style.flexDirection = 'column'; deathScreen.innerHTML = `

You got split in half!

Click to respawn

`; parentDiv.appendChild(deathScreen); // Add game UI elements const gameUI = document.createElement('div'); gameUI.style.position = 'absolute'; gameUI.style.top = '20px'; gameUI.style.left = '20px'; gameUI.style.color = 'white'; gameUI.style.fontSize = '24px'; gameUI.style.fontFamily = 'Arial'; gameUI.style.textShadow = '2px 2px 2px black'; parentDiv.appendChild(gameUI); const waveDisplay = document.createElement('div'); waveDisplay.style.position = 'absolute'; waveDisplay.style.top = '50%'; waveDisplay.style.left = '50%'; waveDisplay.style.transform = 'translate(-50%, -50%)'; waveDisplay.style.color = 'white'; waveDisplay.style.fontSize = '48px'; waveDisplay.style.fontFamily = 'Arial'; waveDisplay.style.textShadow = '2px 2px 2px black'; waveDisplay.style.display = 'none'; parentDiv.appendChild(waveDisplay); const ammoDisplay = document.createElement('div'); ammoDisplay.style.position = 'absolute'; ammoDisplay.style.bottom = '20px'; ammoDisplay.style.right = '20px'; ammoDisplay.style.color = 'white'; ammoDisplay.style.fontSize = '24px'; ammoDisplay.style.fontFamily = 'Arial'; ammoDisplay.style.textShadow = '2px 2px 2px black'; parentDiv.appendChild(ammoDisplay); // Add reload message const reloadMessage = document.createElement('div'); reloadMessage.style.position = 'absolute'; reloadMessage.style.top = '50%'; reloadMessage.style.left = '50%'; reloadMessage.style.transform = 'translate(-50%, -50%)'; reloadMessage.style.color = 'white'; reloadMessage.style.fontSize = '24px'; reloadMessage.style.fontFamily = 'Arial'; reloadMessage.style.textShadow = '2px 2px 2px black'; reloadMessage.style.display = 'none'; reloadMessage.textContent = 'Reloading...'; parentDiv.appendChild(reloadMessage); // Add crosshair const crosshair = document.createElement('div'); crosshair.style.position = 'absolute'; crosshair.style.top = '50%'; crosshair.style.left = '50%'; crosshair.style.width = '20px'; crosshair.style.height = '20px'; crosshair.style.transform = 'translate(-50%, -50%)'; crosshair.style.border = '2px solid white'; crosshair.style.borderRadius = '50%'; crosshair.style.pointerEvents = 'none'; parentDiv.appendChild(crosshair); // Pointer lock event listeners document.addEventListener('click', function(event) { if (!document.pointerLockElement) { document.body.requestPointerLock(); } else { shoot(); } }); document.addEventListener('pointerlockchange', function() { if (document.pointerLockElement) { blocker.style.display = 'none'; } else { blocker.style.display = 'flex'; } }); // Create flat terrain function createTerrain() { const size = 200; // Create simple flat plane for visuals const geometry = new THREE.PlaneGeometry(size, size); const texture = textureLoader.load('https://play.rosebud.ai/assets/floor.jpg?5w0i'); texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(50, 50); texture.encoding = THREE.sRGBEncoding; const material = new THREE.MeshStandardMaterial({ map: texture, roughness: 0.9, metalness: 0.2, envMapIntensity: 0.5, color: 0x888888, emissive: 0x222222 }); const terrain = new THREE.Mesh(geometry, material); terrain.rotation.x = -Math.PI / 2; terrain.receiveShadow = true; scene.add(terrain); const groundShape = new CANNON.Box(new CANNON.Vec3(size / 2, 0.1, size / 2)); const groundBody = new CANNON.Body({ mass: 0, material: groundPhysMaterial }); groundBody.addShape(groundShape); groundBody.position.set(0, -0.1, 0); world.addBody(groundBody); return terrain; } // Setup improved lighting system const sunLight = new THREE.DirectionalLight(0x444444, 0.5); sunLight.position.set(-50, 100, -50); sunLight.castShadow = true; sunLight.shadow.mapSize.width = 2048; sunLight.shadow.mapSize.height = 2048; sunLight.shadow.camera.near = 10; sunLight.shadow.camera.far = 400; sunLight.shadow.camera.left = -100; sunLight.shadow.camera.right = 100; sunLight.shadow.camera.top = 100; sunLight.shadow.camera.bottom = -100; sunLight.shadow.bias = -0.001; scene.add(sunLight); // Add hemisphere light to simulate sky and ground bounce light const hemiLight = new THREE.HemisphereLight(skyColor, groundColor, 0.2); scene.add(hemiLight); // Create player flashlight playerLight = new THREE.SpotLight(0xFFD700, 2.5, 30, Math.PI / 6, 0.5, 1); playerLight.castShadow = true; playerLight.shadow.mapSize.width = 512; playerLight.shadow.mapSize.height = 512; playerLight.shadow.camera.near = 0.1; playerLight.shadow.camera.far = 30; // Add light to gun gunMesh.add(playerLight); playerLight.position.set(0, 0, 0.5); playerLight.target.position.set(0, 0, -1); gunMesh.add(playerLight.target); // Create initial scene const terrain = createTerrain(); // Create rocks function createRock(position) { const rockGeometry = new THREE.PlaneGeometry(3, 3); const rockTexture = textureLoader.load('https://play.rosebud.ai/assets/rock.png?SEKU'); const rockMaterial = new THREE.MeshStandardMaterial({ map: rockTexture, transparent: true, side: THREE.DoubleSide, metalness: 0.2, roughness: 0.8, envMapIntensity: 1.5 }); const rock = new THREE.Mesh(rockGeometry, rockMaterial); rock.position.copy(position); rock.rotation.y = Math.random() * Math.PI * 2; rock.castShadow = true; rock.receiveShadow = true; // Add physics const rockShape = new CANNON.Box(new CANNON.Vec3(1.5, 1.5, 0.1)); const rockBody = new CANNON.Body({ mass: 0, material: groundPhysMaterial }); rockBody.addShape(rockShape); rockBody.position.copy(position); rockBody.quaternion.setFromAxisAngle(new CANNON.Vec3(1, 0, 0), -Math.PI / 2); world.addBody(rockBody); scene.add(rock); } // Add rocks around the map const rockPositions = [ new THREE.Vector3(10, 0, 10), new THREE.Vector3(-15, 0, -8), new THREE.Vector3(8, 0, -12), new THREE.Vector3(-10, 0, 15), new THREE.Vector3(20, 0, -5), new THREE.Vector3(-18, 0, 5), new THREE.Vector3(5, 0, -20) ]; rockPositions.forEach(position => createRock(position)); function animate() { requestAnimationFrame(animate); const deltaTime = Math.min(clock.getDelta(), 0.1); // Update boss health bar if (activeBoss) { bossHealthBar.style.display = 'block'; const healthPercent = (activeBoss.health / activeBoss.maxHealth) * 100; bossHealthFill.style.width = `${healthPercent}%`; } else { bossHealthBar.style.display = 'none'; } // Update scene lighting for night vision if (playerStats.devMode.nightVision) { scene.fog.density = 0.01; hemiLight.intensity = 1.0; playerLight.intensity = 5.0; sunLight.intensity = 1.0; } else { scene.fog.density = 0.035; hemiLight.intensity = 0.2; playerLight.intensity = 2.5; sunLight.intensity = 0.5; } if (assetsLoaded) { world.step(deltaTime); // Update modifier cards activeModifierCards.forEach(card => card.update()); // Update immunity frames if (playerImmunityFrames > 0) { playerImmunityFrames = Math.max(0, playerImmunityFrames - deltaTime); } // Update game UI with immunity indicator const immunityIndicator = playerImmunityFrames > 0 ? ' (IMMUNE)' : ''; gameUI.innerHTML = `Health: ${'❤️'.repeat(playerHealth)}
Wave: ${currentWave}
Zombies Left: ${activeZombies.length}`; // Update boss if active if (activeBoss) { activeBoss.update(deltaTime); // Check for collision with player const distance = new THREE.Vector3( playerBody.position.x - activeBoss.body.position.x, playerBody.position.y - activeBoss.body.position.y, playerBody.position.z - activeBoss.body.position.z ).length(); if (distance < 2 && !isDead && playerImmunityFrames <= 0) { if (!DEV_MODE) { playerHealth--; playerImmunityFrames = IMMUNITY_DURATION; } // Apply stronger knockback from boss const knockbackDir = new THREE.Vector3( playerBody.position.x - activeBoss.body.position.x, 0, playerBody.position.z - activeBoss.body.position.z ).normalize(); playerBody.velocity.x += knockbackDir.x * KNOCKBACK_FORCE * 2; playerBody.velocity.z += knockbackDir.z * KNOCKBACK_FORCE * 2; if (playerHealth <= 0) { playerDeath(); } } } // Update zombies for (let i = activeZombies.length - 1; i >= 0; i--) { const zombie = activeZombies[i]; zombie.update(deltaTime); // Check for collision with player const distance = new THREE.Vector3( playerBody.position.x - zombie.body.position.x, playerBody.position.y - zombie.body.position.y, playerBody.position.z - zombie.body.position.z ).length(); if (distance < 1.5 && !isDead && playerImmunityFrames <= 0) { if (!DEV_MODE) { playerHealth--; playerImmunityFrames = IMMUNITY_DURATION; } // Play hit sound zombieHitSound.currentTime = 0; zombieHitSound.play(); // Apply knockback to player const knockbackDir = new THREE.Vector3( playerBody.position.x - zombie.body.position.x, 0, playerBody.position.z - zombie.body.position.z ).normalize(); playerBody.velocity.x += knockbackDir.x * KNOCKBACK_FORCE; playerBody.velocity.z += knockbackDir.z * KNOCKBACK_FORCE; if (playerHealth <= 0) { playerDeath(); } } } // Wave management if (!waveInProgress && activeZombies.length === 0) { startNewWave(); } if (document.pointerLockElement && !isDead) { // Check if player is out of bounds and wrap around const WORLD_SIZE = 100; // Half the terrain size if (Math.abs(playerBody.position.x) > WORLD_SIZE) { playerBody.position.x = -Math.sign(playerBody.position.x) * WORLD_SIZE; } if (Math.abs(playerBody.position.z) > WORLD_SIZE) { playerBody.position.z = -Math.sign(playerBody.position.z) * WORLD_SIZE; } // Update velocity velocity.x = 0; velocity.z = 0; const direction = new THREE.Vector3(); camera.getWorldDirection(direction); // Calculate forward and right vectors const forward = new THREE.Vector3(direction.x, 0, direction.z).normalize(); const right = new THREE.Vector3().crossVectors(forward, new THREE.Vector3(0, 1, 0)); // Reset velocity velocity.set(0, 0, 0); // Add movement in the correct directions if (moveForward) velocity.add(forward.multiplyScalar(moveSpeed)); if (moveBackward) velocity.add(forward.multiplyScalar(-moveSpeed)); if (moveLeft) velocity.add(right.multiplyScalar(-moveSpeed)); if (moveRight) velocity.add(right.multiplyScalar(moveSpeed)); // Smooth velocity transition const smoothFactor = 0.25; // Increased for more responsive movement currentVelocity.x += (velocity.x - currentVelocity.x) * smoothFactor; currentVelocity.z += (velocity.z - currentVelocity.z) * smoothFactor; // Update player physics body with smoothed velocity playerBody.velocity.x = currentVelocity.x; playerBody.velocity.z = currentVelocity.z; // Dampen vertical velocity when grounded if (canJump && Math.abs(playerBody.velocity.y) < 0.1) { playerBody.velocity.y = 0; } // Update camera position to follow physics body camera.position.copy(playerBody.position); camera.position.y += 1.7; // Head height // Gun bobbing effect while moving if (moveForward || moveBackward || moveLeft || moveRight) { gunBobbing.time += deltaTime * 7; const targetY = -0.4 + Math.sin(gunBobbing.time) * gunBobbing.intensity; const targetX = 0.4 + Math.cos(gunBobbing.time) * gunBobbing.intensity * 0.5; // Smooth gun movement gunBobbing.currentOffset.y += (targetY - (-0.4 + gunBobbing.currentOffset.y)) * 0.15; gunBobbing.currentOffset.x += (targetX - (0.4 + gunBobbing.currentOffset.x)) * 0.15; gunMesh.position.y = -0.4 + gunBobbing.currentOffset.y; gunMesh.position.x = 0.4 + gunBobbing.currentOffset.x; } else { // Return to neutral position smoothly when not moving gunBobbing.currentOffset.y *= 0.85; gunBobbing.currentOffset.x *= 0.85; gunMesh.position.y = -0.4 + gunBobbing.currentOffset.y; gunMesh.position.x = 0.4 + gunBobbing.currentOffset.x; } } // Update ammo display ammoDisplay.textContent = `Ammo: ${ammo}${isReloading ? ' (Reloading)' : ''}`; } // Add zombie sense effect if (playerStats.zombieSense) { activeZombies.forEach(zombie => { const distance = new THREE.Vector3( playerBody.position.x - zombie.body.position.x, playerBody.position.y - zombie.body.position.y, playerBody.position.z - zombie.body.position.z ).length(); if (distance < 15) { // Create or update warning effect if (!zombie.warningEffect) { const warningGeometry = new THREE.PlaneGeometry(2, 2); const warningMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000, transparent: true, opacity: 0.2 * (1 - distance / 15) }); zombie.warningEffect = new THREE.Mesh(warningGeometry, warningMaterial); scene.add(zombie.warningEffect); } // Update warning position const direction = new THREE.Vector3() .subVectors(zombie.body.position, playerBody.position) .normalize(); zombie.warningEffect.position.copy(playerBody.position) .add(direction.multiplyScalar(2)); zombie.warningEffect.lookAt(camera.position); } else if (zombie.warningEffect) { scene.remove(zombie.warningEffect); zombie.warningEffect = null; } }); } composer.render(); } // Shooting function function shoot() { if (!canShoot || isReloading || ammo <= 0) return; const now = performance.now(); if (now - lastShootTime < playerStats.shootCooldown) return; let hitSomething = false; lastShootTime = now; ammo--; // Play gun sound gunSound.currentTime = 0; // Reset sound to start gunSound.play(); // Gun recoil effect const recoilAmount = 0.05; gunMesh.position.z += recoilAmount; setTimeout(() => { gunMesh.position.z -= recoilAmount; }, 50); // Create raycaster for hit detection const raycaster = new THREE.Raycaster(); const rayOrigin = camera.position.clone(); const rayDirection = new THREE.Vector3(); camera.getWorldDirection(rayDirection); raycaster.set(rayOrigin, rayDirection); // Maximum distance for the ray raycaster.far = 100; // Create an array of all objects to test for intersections let objectsToTest = []; // Check for boss hit first if (activeBoss) { objectsToTest.push(activeBoss.mesh); } // Add zombies to objects to test objectsToTest = objectsToTest.concat(activeZombies.map(zombie => zombie.mesh)); // Add card hitboxes to test objects if choosing modifier if (isChoosingModifier) { objectsToTest = objectsToTest.concat(activeModifierCards.map(card => card.hitbox)); } const intersects = raycaster.intersectObjects(objectsToTest, false); if (intersects.length > 0) { const hit = intersects[0]; // Check for boss hit first if (activeBoss && hit.object === activeBoss.mesh) { hitSomething = true; const damage = DEV_MODE ? 99999 : playerStats.damage; if (activeBoss.takeDamage(damage)) { activeBoss.destroy(); activeBoss = null; waveInProgress = false; } return; } // Check if we hit a modifier card if (isChoosingModifier) { const hitCard = activeModifierCards.find(card => card.hitbox === hit.object || card.mesh === hit.object ); if (hitCard) { selectModifierCard(hitCard); return; } } // Find the hit zombie(s) const hitZombies = activeZombies.filter(zombie => intersects.some(int => int.object === zombie.mesh) ); if (hitZombies.length > 0) { hitSomething = true; // Handle single or piercing shots const zombiesToHit = playerStats.piercing ? hitZombies : [hitZombies[0]]; zombiesToHit.forEach(zombie => { // Play zombie hit sound zombieHitSound.currentTime = 0; zombieHitSound.play(); if (zombie.takeDamage(playerStats.damage)) { activeZombies = activeZombies.filter(z => z !== zombie); } else { // Apply knockback to zombie const knockbackDir = rayDirection.clone(); zombie.body.velocity.x += knockbackDir.x * (KNOCKBACK_FORCE * 0.5); zombie.body.velocity.z += knockbackDir.z * (KNOCKBACK_FORCE * 0.5); } }); // If not piercing, stop checking for more hits if (!playerStats.piercing) return; } } // Handle ammo drain on miss if (!hitSomething && zombieStats.ammoDrain) { ammo = Math.max(0, ammo - 1); // Extra ammo cost for missing } // Auto reload when empty if (ammo <= 0) { reload(); } } // Reload function function reload() { if (isReloading || ammo === 6) return; isReloading = true; reloadMessage.style.display = 'block'; // Play reload sound reloadSound.currentTime = 0; // Reset sound to start reloadSound.play(); // Disable shooting during reload canShoot = false; // Clear any existing reload timeout if (reloadTimeout) { clearTimeout(reloadTimeout); } // Start reload timer reloadTimeout = setTimeout(() => { ammo = 6; isReloading = false; canShoot = true; reloadMessage.style.display = 'none'; }, 3000); // 3 second reload time } // Handle window resize function onWindowResize() { const width = parentDiv.clientWidth; const height = parentDiv.clientHeight; // Update camera camera.aspect = width / height; camera.updateProjectionMatrix(); // Update renderer and composer renderer.setSize(width, height); composer.setSize(width, height); // Update post-processing passes bloomPass.resolution.set(width, height); smaaPass.setSize(width, height); } // Add event listeners window.addEventListener('resize', onWindowResize); const resizeObserver = new ResizeObserver(onWindowResize); resizeObserver.observe(parentDiv); // Mouse movement handler document.addEventListener('mousemove', function(event) { if (document.pointerLockElement) { euler.setFromQuaternion(camera.quaternion); euler.y -= event.movementX * 0.002; euler.x -= event.movementY * 0.002; euler.x = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, euler.x)); camera.quaternion.setFromEuler(euler); } }); // Dev mode sequence handler function handleDevModeSequence(key) { // Clear timeout if it exists if (sequenceTimer) { clearTimeout(sequenceTimer); } // Add the key to the sequence currentSequence.push(key); // Reset sequence after 2 seconds of no input sequenceTimer = setTimeout(() => { currentSequence = []; }, 2000); // Check if the sequence matches if (currentSequence.length > DEV_MODE_SEQUENCE.length) { currentSequence.shift(); } if (currentSequence.join(',') === DEV_MODE_SEQUENCE.join(',')) { toggleDevMode(); currentSequence = []; } } // Toggle dev mode function function toggleDevMode() { DEV_MODE = !DEV_MODE; if (DEV_MODE) { // Enable dev mode effects playerStats.damage = playerStats.devMode.damage; moveSpeed = playerStats.devMode.moveSpeed; playerStats.devMode.nightVision = true; playerStats.zombieSense = true; // Create and apply the Chills card automatically const chillsModifier = { name: "Chills", description: "Freezes zombies for 3 seconds", rarity: RARITY.EPIC, effect: function() { activeZombies.forEach(zombie => { zombie.body.velocity.set(0, 0, 0); setTimeout(() => { if (zombie && zombie.body) { zombie.body.velocity.set( zombie.walkingSpeed * Math.sign(zombie.body.velocity.x), 0, zombie.walkingSpeed * Math.sign(zombie.body.velocity.z) ); } }, 3000); }); } }; // Apply the Chills effect if (typeof chillsModifier.effect === 'function') { chillsModifier.effect.call(chillsModifier); } // Show dev mode notification const devModeNotification = document.createElement('div'); devModeNotification.style.position = 'absolute'; devModeNotification.style.top = '50%'; devModeNotification.style.left = '50%'; devModeNotification.style.transform = 'translate(-50%, -50%)'; devModeNotification.style.color = '#ff0'; devModeNotification.style.fontSize = '48px'; devModeNotification.style.fontFamily = 'Arial'; devModeNotification.style.textShadow = '2px 2px 2px black'; devModeNotification.style.zIndex = '1000'; devModeNotification.textContent = 'DEV MODE ACTIVATED'; parentDiv.appendChild(devModeNotification); setTimeout(() => { devModeNotification.remove(); }, 2000); } else { // Disable dev mode effects playerStats.damage = 15; moveSpeed = 15; playerStats.devMode.nightVision = false; } } // Keyboard controls function instantKillZombies() { activeZombies.forEach(zombie => { zombie.destroy(); }); activeZombies = []; } document.addEventListener('keydown', function(event) { // Handle dev mode sequence handleDevModeSequence(event.key); if (event.code === 'KeyR') { reload(); } if (event.code === 'KeyB' && DEV_MODE) { instantKillZombies(); } if (event.code === 'Quote' && DEV_MODE) { // Clear all zombies first instantKillZombies(); // Force spawn Shadow Boss currentWave = Math.floor(currentWave / 10) * 10 + 10; spawnForcedShadowBoss(); } switch (event.code) { case 'KeyW': moveForward = true; moveBackward = false; // Cancel S when W is pressed break; case 'KeyS': moveBackward = true; moveForward = false; // Cancel W when S is pressed break; case 'KeyA': moveLeft = true; moveRight = false; // Cancel D when A is pressed break; case 'KeyD': moveRight = true; moveLeft = false; // Cancel A when D is pressed break; case 'Space': if (canJump) { playerBody.velocity.y = 8; canJump = false; } break; } }); document.addEventListener('keyup', function(event) { switch (event.code) { case 'KeyW': moveForward = false; break; case 'KeyS': moveBackward = false; break; case 'KeyA': moveLeft = false; break; case 'KeyD': moveRight = false; break; } }); // Contact material for player and ground const playerGroundContact = new CANNON.ContactMaterial( playerBody.material, groundPhysMaterial, { friction: 0.01, // Reduced friction for sliding restitution: 0.0, contactEquationStiffness: 1e8, contactEquationRelaxation: 3, contactEquationRegularizationTime: 3 } ); world.addContactMaterial(playerGroundContact); // Contact detection for jumping playerBody.addEventListener('collide', function(event) { const contact = event.contact; const normalY = contact.ni.y; if (Math.abs(normalY) > 0.5) { canJump = true; } }); // Wave management functions function startNewWave() { currentWave++; // Increment wave counter first // Check if there's an active boss if (activeBoss) { currentWave--; // Revert wave increment return; // Don't proceed if boss is still alive } // Check if it's time for modifier cards (every 3 waves, but not on wave 1) if (currentWave > 1 && currentWave % 3 === 0) { showModifierCards(); return; } waveInProgress = true; // Check if it's a boss wave if (currentWave % 10 === 0) { // Boss wave waveDisplay.textContent = `BOSS WAVE ${currentWave}`; waveDisplay.style.display = 'block'; setTimeout(() => { waveDisplay.style.display = 'none'; spawnBossWave(); }, 2000); return; } const zombieCount = waveConfig.baseZombies + (currentWave - 1) * waveConfig.zombiesPerWave + zombieStats.spawnCount; // Display wave number waveDisplay.textContent = `Wave ${currentWave}`; waveDisplay.style.display = 'block'; setTimeout(() => { waveDisplay.style.display = 'none'; spawnWaveZombies(zombieCount); }, 2000); } let pendingZombies = 0; let zombieSpawnTimer = null; function spawnWaveZombies(count) { pendingZombies = count; if (count <= 15) { // Spawn all zombies at once for small waves for (let i = 0; i < count; i++) { const angle = (i / count) * Math.PI * 2 + (Math.random() - 0.5); const radius = waveConfig.spawnRadius * (0.8 + Math.random() * 0.4); const x = Math.cos(angle) * radius; const z = Math.sin(angle) * radius; const zombie = new Zombie(new THREE.Vector3(x, 0, z)); activeZombies.push(zombie); } waveInProgress = false; } else { // Start spawning zombies gradually for large waves if (zombieSpawnTimer) clearInterval(zombieSpawnTimer); const spawnZombie = () => { if (pendingZombies > 0 && activeZombies.length < 15) { const angle = Math.random() * Math.PI * 2; const radius = waveConfig.spawnRadius * (0.8 + Math.random() * 0.4); const x = Math.cos(angle) * radius; const z = Math.sin(angle) * radius; const zombie = new Zombie(new THREE.Vector3(x, 0, z)); activeZombies.push(zombie); pendingZombies--; } if (pendingZombies <= 0 && activeZombies.length === 0) { clearInterval(zombieSpawnTimer); waveInProgress = false; } }; zombieSpawnTimer = setInterval(spawnZombie, 800 + Math.random() * 1200); } } // Function to create footprints function createFootprint(position, angle) { const footprintGeometry = new THREE.PlaneGeometry(0.5, 1); const footprintMaterial = new THREE.MeshBasicMaterial({ color: 0x000000, transparent: true, opacity: 0.3, side: THREE.DoubleSide }); const footprint = new THREE.Mesh(footprintGeometry, footprintMaterial); footprint.position.copy(position); footprint.position.y = 0.01; // Slightly above ground footprint.rotation.x = -Math.PI / 2; // Lay flat footprint.rotation.z = angle; scene.add(footprint); // Fade out footprint setTimeout(() => { const fadeOut = setInterval(() => { footprint.material.opacity -= 0.01; if (footprint.material.opacity <= 0) { scene.remove(footprint); clearInterval(fadeOut); } }, 50); }, 5000); // Start fading after 5 seconds } function spawnFootprintTrail(startPos, endPos, count) { const direction = new THREE.Vector3().subVectors(endPos, startPos); const distance = direction.length(); direction.normalize(); const angle = Math.atan2(direction.z, direction.x); for (let i = 0; i < count; i++) { const t = i / (count - 1); const pos = new THREE.Vector3( startPos.x + direction.x * distance * t, 0, startPos.z + direction.z * distance * t ); // Alternate left and right footprints const offset = new THREE.Vector3(-direction.z, 0, direction.x).multiplyScalar((i % 2 ? 0.2 : -0.2)); pos.add(offset); createFootprint(pos, angle + (i % 2 ? 0.3 : -0.3)); } } function spawnForcedShadowBoss() { const spawnRadius = 20; const spawnAngle = Math.random() * Math.PI * 2; const spawnPos = new THREE.Vector3( Math.cos(spawnAngle) * spawnRadius, 0, Math.sin(spawnAngle) * spawnRadius ); // Create footprint trail from player to boss spawn position spawnFootprintTrail( new THREE.Vector3(playerBody.position.x, 0, playerBody.position.z), spawnPos, 15 // Number of footprints ); activeBoss = new ShadowBoss(spawnPos); waveInProgress = false; // Update boss health bar with name bossHealthBar.style.display = 'block'; bossHealthBar.innerHTML = '

Shadow Boss

'; bossHealthBar.appendChild(bossHealthFill); } // Track last spawned boss type let lastBossType = null; function spawnBossWave() { // Select boss type that's different from the last one const bossTypes = [GiantBoss, ShadowBoss, GabrielBoss]; let BossType; // Filter out the last boss type const availableBossTypes = bossTypes.filter(type => type !== lastBossType); // Randomly select from remaining boss types BossType = availableBossTypes[Math.floor(Math.random() * availableBossTypes.length)]; // Update last boss type lastBossType = BossType; // For Shadow Boss, spawn at a random location const spawnRadius = 20; const spawnAngle = Math.random() * Math.PI * 2; const spawnPos = new THREE.Vector3( Math.cos(spawnAngle) * spawnRadius, 0, Math.sin(spawnAngle) * spawnRadius ); activeBoss = new BossType(spawnPos); // If it's a Shadow Boss, create footprint trail if (activeBoss instanceof ShadowBoss) { spawnFootprintTrail( new THREE.Vector3(playerBody.position.x, 0, playerBody.position.z), spawnPos, 15 // Number of footprints ); } // Update boss health bar with name bossHealthBar.style.display = 'block'; let bossName = activeBoss instanceof ShadowBoss ? 'Shadow Boss' : activeBoss instanceof GiantBoss ? 'Giant Boss' : '𝔊𝔞𝔟𝔯𝔦𝔢𝔩'; // Fancy font for Gabriel bossHealthBar.innerHTML = `

${bossName}

`; bossHealthBar.appendChild(bossHealthFill); waveInProgress = false; } function showModifierCards() { isChoosingModifier = true; waveInProgress = true; // Choose random modifiers const modifiers = playerBuffTurn ? playerModifiers : zombieModifiers; let selected; if (nextCardRarity === RARITY.LEGENDARY) { // If we owe the player a legendary card, ensure one is included const legendaryCards = modifiers.filter(m => m.rarity === RARITY.LEGENDARY); const otherCards = modifiers.filter(m => m.rarity !== RARITY.LEGENDARY) .sort(() => Math.random() - 0.5) .slice(0, 2); selected = [...otherCards, legendaryCards[Math.floor(Math.random() * legendaryCards.length)]]; nextCardRarity = null; // Reset the next card rarity } else { // Normal random selection with rarity weights // Card selection with rarity guarantee const availableCards = modifiers.filter(card => card && card.rarity); if (availableCards.length === 0) { // Fallback if no valid cards found selected = [{ name: "Basic Modifier", description: "+1 to stat", rarity: RARITY.COMMON, effect: function() {} }]; } else { // Randomly select 3 cards (or fewer if not enough available) const shuffled = [...availableCards].sort(() => Math.random() - 0.5); selected = shuffled.slice(0, Math.min(3, shuffled.length)); } // Pad with basic cards if needed while (selected.length < 3) { selected.push({ name: "Basic Modifier", description: "+1 to stat", rarity: RARITY.COMMON, effect: function() {} }); } } // Spawn cards in a triangle formation const radius = 5; for (let i = 0; i < selected.length; i++) { const angle = (i / selected.length) * Math.PI * 2; const position = new THREE.Vector3( Math.cos(angle) * radius, 0, Math.sin(angle) * radius ); const card = new ModifierCard(selected[i], position); activeModifierCards.push(card); } // Display instruction waveDisplay.textContent = `Choose Your ${playerBuffTurn ? 'Buff' : 'Challenge'}!`; waveDisplay.style.display = 'block'; } function selectModifierCard(card) { if (!card || !card.modifier) return; // Check if this is a legendary card if (card.modifier.rarity === RARITY.LEGENDARY) { nextCardRarity = RARITY.LEGENDARY; } // Apply the modifier effect with proper context const modifier = card.modifier; if (typeof modifier.effect === 'function') { modifier.effect.call(modifier); } // Clean up all cards activeModifierCards.forEach(c => c.destroy()); activeModifierCards = []; // Hide instruction waveDisplay.style.display = 'none'; // Toggle buff turn and continue game playerBuffTurn = !playerBuffTurn; isChoosingModifier = false; waveInProgress = false; } // Start animation animate(); // Start first wave startNewWave(); // Player death function function playerDeath() { isDead = true; deathScreen.style.display = 'flex'; deathScreen.innerHTML = `

Game Over!

You reached Wave ${currentWave}

Click to restart

`; document.exitPointerLock(); // Reset player position and movement playerBody.position.set(0, 2, 0); playerBody.velocity.set(0, 0, 0); moveForward = false; moveBackward = false; moveLeft = false; moveRight = false; splitTimer = 0; } // Handle death screen click to respawn deathScreen.addEventListener('click', function() { if (isDead) { // Reset game state isDead = false; playerHealth = 3; currentWave = 1; // Clear all zombies activeZombies.forEach(zombie => zombie.destroy()); activeZombies = []; deathScreen.style.display = 'none'; document.body.requestPointerLock(); // Start new wave startNewWave(); } });