import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.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); const gltfLoader = new GLTFLoader(loadingManager); let assetsLoaded = false; let berkModel; let berkMixer; let berkWalkAction; 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); // Initialize game state variables window.gameOver = false; window.gameStarted = false; // Achievement system const achievements = { cookieCollector: { name: "Cookie Collector", description: "Collect 10 cookies", target: 10, current: 0, achieved: false }, cookieMaster: { name: "Cookie Master", description: "Collect 50 cookies", target: 50, current: 0, achieved: false }, speedster: { name: "Speedster", description: "Use 5 speed boosts", target: 5, current: 0, achieved: false }, shieldBearer: { name: "Shield Bearer", description: "Use 5 shield power-ups", target: 5, current: 0, achieved: false }, powerUpMaster: { name: "Power-Up Master", description: "Use both speed and shield power-ups in the same round", conditions: { speed: false, shield: false }, achieved: false }, burgerKing: { name: "Burger King", description: "Hold the burger for 45 seconds straight", target: 45, current: 0, longestStreak: 0, achieved: false }, quickReflexes: { name: "Quick Reflexes", description: "Steal back the burger within 2 seconds of losing it", achieved: false, lastStealTime: 0 }, powerUpChaser: { name: "Power-Up Chaser", description: "Collect all three types of power-ups within 10 seconds", conditions: { speed: false, shield: false, cookie: false }, startTime: 0, achieved: false }, escapeArtist: { name: "Escape Artist", description: "Escape with the burger 3 times", target: 3, current: 0, achieved: false }, speedRunner: { name: "Hot Potato", description: "Complete a round in under 30 seconds", achieved: false }, desperateTimes: { name: "Desperate Times", description: "Survive a desperate steal attempt with less than 5 seconds remaining", achieved: false } }; let backgroundMusic; let berkChaseSound; let startMessage; // AI detection for chase sounds const detectAndStopChaseSounds = () => { // First, handle the main berkChaseSound if it exists if (berkChaseSound) { berkChaseSound.pause(); berkChaseSound.currentTime = 0; berkChaseSound.playing = false; berkChaseSound.onended = null; berkChaseSound.onplay = null; berkChaseSound = null; } // Then clean up any other instances that might exist const chaseSounds = Array.from(document.querySelectorAll('audio[src*="ttsMP3.com_VoiceText_2024-12-7_22-13-10.mp3"]')); chaseSounds.forEach(audio => { audio.pause(); audio.currentTime = 0; audio.onended = null; audio.onplay = null; if (audio.parentNode) { audio.parentNode.removeChild(audio); } }); }; let speedBoosts = []; let shieldBoosts = []; let cookieBoosts = []; let frenchFriesBoosts = []; let playerSpeedBoostEndTime = 0; let playerShieldEndTime = 0; const basePlayerSpeed = 10; const maxCookieBoosts = 15; // Increased from 8 to 15 cookies const cookieTimeBonus = 5000; // 5 seconds bonus time const speedBoostDuration = 5000; // 5 seconds const shieldBoostDuration = 5000; // 5 seconds const speedBoostMultiplier = 2.5; // Increased from 1.5 to 2.5 const maxSpeedBoosts = 5; const maxShieldBoosts = 5; // Create title menu const titleMenu = document.createElement('div'); titleMenu.style.position = 'absolute'; titleMenu.style.top = '50%'; titleMenu.style.left = '50%'; titleMenu.style.transform = 'translate(-50%, -50%)'; titleMenu.style.color = 'white'; titleMenu.style.fontSize = '48px'; titleMenu.style.textAlign = 'center'; titleMenu.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; titleMenu.style.fontFamily = 'Arial, sans-serif'; titleMenu.style.backgroundColor = 'rgba(0, 0, 0, 0.85)'; titleMenu.style.padding = '30px'; titleMenu.style.borderRadius = '15px'; titleMenu.style.backgroundImage = 'url(https://play.rosebud.ai/assets/zombiepic.webp?Prwn)'; titleMenu.style.backgroundSize = 'cover'; titleMenu.style.backgroundPosition = 'center'; titleMenu.style.width = '80%'; titleMenu.style.maxWidth = '800px'; titleMenu.style.border = '3px solid rgba(255, 255, 255, 0.3)'; titleMenu.style.boxShadow = '0 0 20px rgba(0, 0, 0, 0.5)'; titleMenu.style.cursor = 'pointer'; titleMenu.style.zIndex = '2000'; titleMenu.innerHTML = `

GIMME DAT BURGER

Created by Brain Joose

Click to Start

`; parentDiv.appendChild(titleMenu); let startMessageTimeout; let hasBurger = false; // Track if Berk has the burger let burgerHoldStartTime = 0; // Track when player started holding the burger const escapeTime = 60000; // 60 seconds to escape in milliseconds let escapeTimerDisplay = null; // Display for escape timer let chaseTimer = null; // Timer for chase sequence let chaseTimerDisplay = null; // DOM element for timer display let invulnerableUntil = 0; // Timestamp until player is invulnerable to burger theft let currentRound = 1; // Track the current round let roundDisplay = null; // DOM element for round display // Create round display function createRoundDisplay() { if (roundDisplay && roundDisplay.parentNode) { roundDisplay.parentNode.removeChild(roundDisplay); } roundDisplay = document.createElement('div'); roundDisplay.style.position = 'absolute'; roundDisplay.style.top = '20px'; roundDisplay.style.left = '50%'; roundDisplay.style.transform = 'translateX(-50%)'; roundDisplay.style.color = 'white'; roundDisplay.style.fontSize = '36px'; roundDisplay.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; roundDisplay.style.fontFamily = 'Arial, sans-serif'; roundDisplay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; roundDisplay.style.padding = '10px'; roundDisplay.style.borderRadius = '5px'; roundDisplay.textContent = `ROUND ${currentRound}`; parentDiv.appendChild(roundDisplay); } // 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'; // Initialize sound effects window.yoinkSound = new Audio('https://play.rosebud.ai/assets/yoink.MP3?r6U2'); window.yoinkSound.volume = 0.5; window.berkStealSound = new Audio('https://play.rosebud.ai/assets/whatsoundeffect.MP3?nicv'); window.berkStealSound.volume = 0.5; berkChaseSound = new Audio('https://play.rosebud.ai/assets/ttsMP3.com_VoiceText_2024-12-7_22-13-10.mp3?B8CQ'); berkChaseSound.volume = 0.9; berkChaseSound.playing = false; berkChaseSound.addEventListener('ended', () => { berkChaseSound.playing = false; berkChaseSound.currentTime = 0; }); berkChaseSound.addEventListener('pause', () => { berkChaseSound.playing = false; berkChaseSound.currentTime = 0; }); }; loadingManager.onError = function(url) { console.error('Error loading:', url); }; // Initialize the scene and player variables const scene = new THREE.Scene(); const world = new CANNON.World(); let playerBody; let berkBody; let berkMesh; let playerSpeed = 10; let berkSpeed = 3; // Reduced initial speed // Load textures const berkTexture = textureLoader.load('https://play.rosebud.ai/assets/Berk.png?63VY'); const handsTexture = textureLoader.load('https://play.rosebud.ai/assets/first person hands.png?vYCo'); const burgerTexture = textureLoader.load('https://play.rosebud.ai/assets/cheeseburger.png?Kt6l'); world.gravity.set(0, -9.81, 0); // Standard gravity 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(); // Create player with hands and burger function createPlayer() { // Create player physics body first const playerShape = new CANNON.Box(new CANNON.Vec3(0.5, 1, 0.5)); playerBody = new CANNON.Body({ mass: 5, fixedRotation: true, linearDamping: 0.9, collisionFilterGroup: 1, collisionFilterMask: 2 // Only collide with ground }); playerBody.addShape(playerShape); playerBody.position.set(0, 2, 0); world.addBody(playerBody); // Create hands plane const handsGeometry = new THREE.PlaneGeometry(2, 1.5); const handsMaterial = new THREE.MeshBasicMaterial({ map: handsTexture, transparent: true, depthTest: true, depthWrite: true }); const handsMesh = new THREE.Mesh(handsGeometry, handsMaterial); handsMesh.position.set(0, -0.5, -1); // Create burger planes - one for player and one for Berk const burgerGeometry = new THREE.PlaneGeometry(0.7, 0.7); const burgerMaterial = new THREE.MeshBasicMaterial({ map: burgerTexture, transparent: true, depthTest: true, depthWrite: true }); // Player's burger const playerBurgerMesh = new THREE.Mesh(burgerGeometry, burgerMaterial); playerBurgerMesh.position.set(0, -0.3, -0.95); // Berk's burger (initially invisible) const berkBurgerMesh = new THREE.Mesh(burgerGeometry.clone(), burgerMaterial.clone()); berkBurgerMesh.visible = false; scene.add(berkBurgerMesh); // Add meshes to camera camera.add(handsMesh); camera.add(playerBurgerMesh); scene.add(camera); return { playerBurgerMesh, berkBurgerMesh }; } // Create Berk (3D model) function createBerk() { // Create initial physics body position const initialPosition = new CANNON.Vec3(0, 0.1, -30); // Lower to ground level // Create Berk physics body const berkShape = new CANNON.Box(new CANNON.Vec3(0.5, 1, 0.5)); berkBody = new CANNON.Body({ mass: 5, fixedRotation: true, linearDamping: 0.9, collisionFilterGroup: 4, collisionFilterMask: 2, // Only collide with ground material: groundPhysMaterial // Use ground material for proper friction }); berkBody.addShape(berkShape); berkBody.position.copy(initialPosition); world.addBody(berkBody); // Load the GLTF model gltfLoader.load('https://play.rosebud.ai/assets/BerkWalking3D.glb?a9qf', (gltf) => { berkModel = gltf.scene; berkModel.scale.set(1.0, 1.0, 1.0); // Increased size by doubling the scale berkMesh = berkModel; if (berkBody) { berkMesh.position.copy(berkBody.position); berkMesh.position.y += 3.0; // Adjusted height for larger scale } scene.add(berkMesh); // Set up animations berkMixer = new THREE.AnimationMixer(berkModel); if (gltf.animations && gltf.animations.length > 0) { berkWalkAction = berkMixer.clipAction(gltf.animations[0]); berkWalkAction.play(); } }); } // Initialize the camera const camera = new THREE.PerspectiveCamera( 75, canvas.offsetWidth / canvas.offsetHeight, 0.1, 1000 ); // Adjusted camera position to better view the big ball camera.position.set(0, 50, 100); camera.lookAt(0, 0, 0); // 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.2, // bloom strength 0.4, // radius 0.9 // threshold ); 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(0x87CEEB); // Bright sky blue const groundColor = new THREE.Color(0xFFFFFF); // White 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); // Setup pointer lock controls const euler = new THREE.Euler(0, 0, 0, 'YXZ'); const rotation = new THREE.Vector3(); let isPointerLocked = false; // Mouse sensitivity const mouseSensitivity = 0.002; // Setup pointer lock canvas.addEventListener('click', function() { if (!isPointerLocked && !window.gameOver) { canvas.requestPointerLock(); } }); document.addEventListener('pointerlockchange', function() { isPointerLocked = document.pointerLockElement === canvas; }); // Mouse movement handler document.addEventListener('mousemove', function(event) { if (isPointerLocked && !window.gameOver) { rotation.x -= event.movementY * mouseSensitivity; rotation.y -= event.movementX * mouseSensitivity; // Limit vertical rotation rotation.x = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, rotation.x)); // Apply rotation to camera euler.x = rotation.x; euler.y = rotation.y; camera.quaternion.setFromEuler(euler); } }); // 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://develop.play.rosebud.ai/assets/Grass_04.png?MBRT'); const normalMap = textureLoader.load('https://develop.play.rosebud.ai/assets/Grass_04_Nrm.png?BQVT'); texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(20, 20); texture.encoding = THREE.sRGBEncoding; normalMap.wrapS = normalMap.wrapT = THREE.RepeatWrapping; normalMap.repeat.set(20, 20); const material = new THREE.MeshStandardMaterial({ color: 0x8B4513, // Brown color for floor roughness: 0.8, metalness: 0.1, envMapIntensity: 1.0 }); 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, collisionFilterGroup: 2, // Ground collision group collisionFilterMask: -1 // Collide with everything }); groundBody.addShape(groundShape); groundBody.position.set(0, -0.1, 0); world.addBody(groundBody); // Create walls const wallHeight = 10; const wallThickness = 1; const wallMaterial = new THREE.MeshStandardMaterial({ color: 0x40E0D0, // Teal color for walls roughness: 0.7, metalness: 0.2 }); // Create walls physics and visual meshes function createWall(x, z, width, depth) { // Visual wall const wallGeometry = new THREE.BoxGeometry(width, wallHeight, depth); const wallMesh = new THREE.Mesh(wallGeometry, wallMaterial); wallMesh.position.set(x, wallHeight / 2, z); wallMesh.castShadow = true; wallMesh.receiveShadow = true; scene.add(wallMesh); // Physics wall const wallShape = new CANNON.Box(new CANNON.Vec3(width / 2, wallHeight / 2, depth / 2)); const wallBody = new CANNON.Body({ mass: 0, material: groundPhysMaterial, collisionFilterGroup: 2, collisionFilterMask: -1 }); wallBody.addShape(wallShape); wallBody.position.set(x, wallHeight / 2, z); world.addBody(wallBody); } // Create four walls around the terrain const halfSize = size / 2; // North wall createWall(0, -halfSize, size + wallThickness * 2, wallThickness); // South wall createWall(0, halfSize, size + wallThickness * 2, wallThickness); // East wall createWall(halfSize, 0, wallThickness, size); // West wall createWall(-halfSize, 0, wallThickness, size); // Add roof const roofGeometry = new THREE.PlaneGeometry(size, size); const roofMaterial = new THREE.MeshStandardMaterial({ color: 0xFFFFFF, roughness: 0.7, metalness: 0.2, side: THREE.DoubleSide }); const roof = new THREE.Mesh(roofGeometry, roofMaterial); roof.rotation.x = Math.PI / 2; roof.position.y = wallHeight; scene.add(roof); // Create tables and chairs const tablePositions = [{ x: -60, z: -60 }, { x: -60, z: -20 }, { x: -60, z: 20 }, { x: -60, z: 60 }, { x: -20, z: -60 }, { x: -20, z: -20 }, { x: -20, z: 20 }, { x: -20, z: 60 }, { x: 20, z: -60 }, { x: 20, z: -20 }, { x: 20, z: 20 }, { x: 20, z: 60 }, { x: 60, z: -60 }, { x: 60, z: -20 }, { x: 60, z: 20 }, { x: 60, z: 60 }]; const tableMaterial = new THREE.MeshStandardMaterial({ color: 0xF5DEB3 }); // Wheat color const chairMaterial = new THREE.MeshStandardMaterial({ color: 0xCD5C5C }); // Red color tablePositions.forEach(pos => { // Create table const tableTop = new THREE.Mesh( new THREE.BoxGeometry(8, 0.5, 8), tableMaterial ); tableTop.position.set(pos.x, 4, pos.z); tableTop.castShadow = true; tableTop.receiveShadow = true; scene.add(tableTop); // Table leg const tableLeg = new THREE.Mesh( new THREE.BoxGeometry(1, 4, 1), tableMaterial ); tableLeg.position.set(pos.x, 2, pos.z); tableLeg.castShadow = true; scene.add(tableLeg); // Create four chairs around each table const chairPositions = [{ x: 4, z: 0 }, { x: -4, z: 0 }, { x: 0, z: 4 }, { x: 0, z: -4 }]; chairPositions.forEach(chairPos => { // Chair seat const chairSeat = new THREE.Mesh( new THREE.BoxGeometry(2, 0.5, 2), chairMaterial ); chairSeat.position.set( pos.x + chairPos.x, 2.5, pos.z + chairPos.z ); chairSeat.castShadow = true; scene.add(chairSeat); // Chair back const chairBack = new THREE.Mesh( new THREE.BoxGeometry(2, 3, 0.5), chairMaterial ); chairBack.position.set( pos.x + chairPos.x, 4, pos.z + chairPos.z + (chairPos.z > 0 ? 1 : -1) ); chairBack.castShadow = true; scene.add(chairBack); }); }); // Create cash register counter const counterMaterial = new THREE.MeshStandardMaterial({ color: 0x8B4513 }); // Dark brown const registerMaterial = new THREE.MeshStandardMaterial({ color: 0x2F4F4F }); // Dark slate gray // Counter base const counterBase = new THREE.Mesh( new THREE.BoxGeometry(40, 4, 8), counterMaterial ); counterBase.position.set(0, 2, -90); counterBase.castShadow = true; counterBase.receiveShadow = true; scene.add(counterBase); // Counter top const counterTop = new THREE.Mesh( new THREE.BoxGeometry(42, 1, 10), counterMaterial ); counterTop.position.set(0, 4.5, -90); counterTop.castShadow = true; counterTop.receiveShadow = true; scene.add(counterTop); // Add three cash registers const registerPositions = [-15, 0, 15]; registerPositions.forEach(x => { const register = new THREE.Mesh( new THREE.BoxGeometry(3, 2, 2), registerMaterial ); register.position.set(x, 5.5, -90); register.castShadow = true; scene.add(register); }); return terrain; } // Setup improved lighting system const sunLight = new THREE.DirectionalLight(skyColor, 2.0); 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.6); scene.add(hemiLight); // Create initial scene const terrain = createTerrain(); let playerBurgerMesh, berkBurgerMesh; // Handle keyboard input const keys = { w: false, a: false, s: false, d: false, ArrowLeft: false, ArrowRight: false }; document.addEventListener('keydown', (e) => keys[e.key.toLowerCase()] = true); document.addEventListener('keyup', (e) => keys[e.key.toLowerCase()] = false); function updatePlayerMovement(deltaTime) { // Don't process movement if game is over if (window.gameOver) return; // Update player speed based on speed boost // Calculate player speed with active boost if (Date.now() < playerSpeedBoostEndTime) { playerSpeed = basePlayerSpeed * speedBoostMultiplier; // Add speed lines effect when boost is active if (!document.getElementById('speedLines')) { const speedLines = document.createElement('div'); speedLines.id = 'speedLines'; speedLines.style.position = 'absolute'; speedLines.style.top = '0'; speedLines.style.left = '0'; speedLines.style.width = '100%'; speedLines.style.height = '100%'; speedLines.style.background = 'radial-gradient(circle at center, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%)'; speedLines.style.pointerEvents = 'none'; speedLines.style.zIndex = '998'; speedLines.style.animation = 'speedLines 0.5s linear infinite'; const style = document.createElement('style'); style.textContent = ` @keyframes speedLines { from { transform: scale(1); opacity: 0.3; } to { transform: scale(2); opacity: 0; } } `; document.head.appendChild(style); parentDiv.appendChild(speedLines); } } else { playerSpeed = basePlayerSpeed; // Remove speed lines when boost ends const speedLines = document.getElementById('speedLines'); if (speedLines) { speedLines.parentNode.removeChild(speedLines); } } // Handle arrow key rotation if (keys.ArrowLeft) { rotation.y += 0.05; euler.y = rotation.y; camera.quaternion.setFromEuler(euler); } if (keys.ArrowRight) { rotation.y -= 0.05; euler.y = rotation.y; camera.quaternion.setFromEuler(euler); } const moveDirection = new THREE.Vector3(); if (keys.w) moveDirection.z += 1; if (keys.s) moveDirection.z -= 1; if (keys.a) moveDirection.x -= 1; if (keys.d) moveDirection.x += 1; moveDirection.normalize(); // Get forward and right vectors from camera const forward = new THREE.Vector3(0, 0, -1).applyQuaternion(camera.quaternion); forward.y = 0; forward.normalize(); const right = new THREE.Vector3(1, 0, 0).applyQuaternion(camera.quaternion); right.y = 0; right.normalize(); // Calculate movement based on camera direction const finalVelocity = new THREE.Vector3(); if (moveDirection.z !== 0) { finalVelocity.add(forward.multiplyScalar(moveDirection.z * playerSpeed)); } if (moveDirection.x !== 0) { finalVelocity.add(right.multiplyScalar(moveDirection.x * playerSpeed)); } // Apply movement playerBody.velocity.x = finalVelocity.x; playerBody.velocity.z = finalVelocity.z; playerBody.velocity.y = 0; // Force y velocity to always be 0 // Clamp player position within map bounds const maxX = 95; // Half map size - buffer const maxZ = 95; playerBody.position.x = Math.max(-maxX, Math.min(maxX, playerBody.position.x)); playerBody.position.z = Math.max(-maxZ, Math.min(maxZ, playerBody.position.z)); // Update camera position with clamped values camera.position.copy(playerBody.position); camera.position.y += 1.7; // Eye height } let lastBehaviorChange = 0; let isChasing = false; const behaviorDuration = 3000; // Duration of each behavior in milliseconds const baseBehaviorInterval = 5000; // Base time between behavior changes let lastJumpScareTime = 0; const jumpScareInterval = 15000; // Minimum time between jump scares let lastCatchUpTime = 0; const catchUpInterval = 5000; // Time before catch-up teleport const catchUpDistance = 30; // Distance threshold for catch-up mechanic const jumpScareDistance = 50; // Distance threshold for jump scare const jumpScareProbability = 0.3; // Base probability of jump scare occurring function updateBerk(deltaTime) { const currentTime = Date.now(); const recoveringFromSteal = berkSpeed === 0; // Only allow aggressive behavior after invulnerability period if (!hasBurger && !recoveringFromSteal && Date.now() > invulnerableUntil) { // Original stalking/chasing behavior // Behavior interval decreases with rounds, minimum 2 seconds const currentBehaviorInterval = Math.max(baseBehaviorInterval - (currentRound * 300), 2000); if (currentTime - lastBehaviorChange > currentBehaviorInterval) { // Chase probability increases with rounds if (Math.random() < Math.min(0.2 + (currentRound * 0.05), 0.5)) { isChasing = true; lastBehaviorChange = currentTime; berkSpeed = Math.min(8 + (currentRound * 0.5), 15); // Chase speed increases with rounds // Remove chase sound from chase behavior setTimeout(() => { isChasing = false; berkSpeed = 3; lastBehaviorChange = Date.now(); }, behaviorDuration); } } } // Calculate direction to player const toPlayer = new THREE.Vector3( playerBody.position.x - berkBody.position.x, 0, playerBody.position.z - berkBody.position.z ); const distanceToPlayer = toPlayer.length(); const optimalDistance = 8; toPlayer.normalize(); let finalVelocity = new THREE.Vector3(); // Reduce randomness as rounds progress for more precise movement let baseRandomness = hasBurger ? 0.1 : 0.2; let randomness = Math.max(baseRandomness - (currentRound * 0.01), 0.05); // Calculate map boundaries with buffer const mapSize = 200; // Match the terrain size const buffer = 5; // Buffer distance from walls const maxX = (mapSize / 2) - buffer; const maxZ = (mapSize / 2) - buffer; if (hasBurger) { // Calculate potential new position when running away const awayDirection = toPlayer.clone().multiplyScalar(-1).normalize(); const potentialX = berkBody.position.x + awayDirection.x * berkSpeed; const potentialZ = berkBody.position.z + awayDirection.z * berkSpeed; // Check if potential position is within bounds if (Math.abs(potentialX) > maxX || Math.abs(potentialZ) > maxZ) { // If near wall, move parallel to it const parallelDirection = new THREE.Vector3(-awayDirection.z, 0, awayDirection.x); finalVelocity.add(parallelDirection.multiplyScalar(berkSpeed)); } else { finalVelocity.add(awayDirection.multiplyScalar(berkSpeed)); } } else if (isChasing) { finalVelocity.add(toPlayer.multiplyScalar(berkSpeed)); } else { // Normal circling behavior const circularMotion = new THREE.Vector3(-toPlayer.z, 0, toPlayer.x); if (distanceToPlayer > optimalDistance + 1) { finalVelocity.add(toPlayer.multiplyScalar(berkSpeed)); } else if (distanceToPlayer < optimalDistance - 1) { finalVelocity.add(toPlayer.multiplyScalar(-berkSpeed)); } else { finalVelocity.add(circularMotion.multiplyScalar(berkSpeed)); } } // Add a small random variation to make movement more natural finalVelocity.x += (Math.random() - 0.5) * randomness; finalVelocity.z += (Math.random() - 0.5) * randomness; // Check if Berk needs to catch up (when chasing and not having burger) const catchUpThreshold = catchUpDistance + (currentRound * 2); // Increase threshold with rounds if (!hasBurger && distanceToPlayer > catchUpThreshold) { if (lastCatchUpTime === 0) { lastCatchUpTime = currentTime; } else if (currentTime - lastCatchUpTime > catchUpInterval) { // Calculate positions around the player const angles = [0, Math.PI / 4, Math.PI / 2, 3 * Math.PI / 4, Math.PI, 5 * Math.PI / 4, 3 * Math.PI / 2, 7 * Math.PI / 4]; const spawnDistances = [8, 10, 12, 15]; let validSpawnPosition = null; // Try different angles and distances until we find a valid spawn position for (const angle of angles) { for (const distance of spawnDistances) { const potentialPosition = new THREE.Vector3( playerBody.position.x + Math.cos(angle) * distance, playerBody.position.y, playerBody.position.z + Math.sin(angle) * distance ); // Check if the position is within bounds if (Math.abs(potentialPosition.x) < maxX && Math.abs(potentialPosition.z) < maxZ) { validSpawnPosition = potentialPosition; break; } } if (validSpawnPosition) break; } // Only teleport if we found a valid position if (validSpawnPosition) { // Teleport Berk berkBody.position.copy(validSpawnPosition); berkBody.velocity.set(0, 0, 0); berkMesh.position.copy(berkBody.position); berkMesh.position.y += 1.5; // Create catch-up effect with visual feedback const flashEffect = document.createElement('div'); flashEffect.style.position = 'absolute'; flashEffect.style.top = '0'; flashEffect.style.left = '0'; flashEffect.style.width = '100%'; flashEffect.style.height = '100%'; flashEffect.style.backgroundColor = 'rgba(255, 165, 0, 0.3)'; // Semi-transparent orange flashEffect.style.transition = 'opacity 0.3s'; flashEffect.style.pointerEvents = 'none'; parentDiv.appendChild(flashEffect); // Fade out and remove the flash effect setTimeout(() => { flashEffect.style.opacity = '0'; setTimeout(() => { if (flashEffect.parentNode) { flashEffect.parentNode.removeChild(flashEffect); } }, 300); }, 100); // Create catch-up effect message const catchUpMessage = document.createElement('div'); catchUpMessage.style.position = 'absolute'; catchUpMessage.style.top = '50%'; catchUpMessage.style.left = '50%'; catchUpMessage.style.transform = 'translate(-50%, -50%)'; catchUpMessage.style.color = 'orange'; catchUpMessage.style.fontSize = '36px'; catchUpMessage.style.fontWeight = 'bold'; catchUpMessage.style.textAlign = 'center'; catchUpMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; catchUpMessage.style.fontFamily = 'Arial, sans-serif'; catchUpMessage.style.zIndex = '1000'; catchUpMessage.textContent = 'Berk is catching up!'; parentDiv.appendChild(catchUpMessage); // Remove catch-up message after a brief moment setTimeout(() => { if (catchUpMessage.parentNode) { catchUpMessage.parentNode.removeChild(catchUpMessage); } }, 1000); } lastCatchUpTime = 0; // Reset the timer } } else { lastCatchUpTime = 0; // Reset if conditions are not met } // Check for jump scare conditions // Using the currentTime from the outer scope if (!hasBurger && !isChasing && currentTime - lastJumpScareTime > jumpScareInterval && distanceToPlayer > jumpScareDistance) { // Increase probability based on distance and round const distanceFactor = Math.min((distanceToPlayer - jumpScareDistance) / 50, 1); const roundFactor = Math.min(currentRound * 0.1, 0.5); const finalProbability = jumpScareProbability + distanceFactor * 0.2 + roundFactor; if (Math.random() < finalProbability) { // Calculate position in front of player const playerForward = new THREE.Vector3(0, 0, -1).applyQuaternion(camera.quaternion); playerForward.y = 0; playerForward.normalize(); const spawnDistance = 5; // Distance to spawn in front of player const spawnOffset = new THREE.Vector3( playerBody.position.x + playerForward.x * spawnDistance, playerBody.position.y, playerBody.position.z + playerForward.z * spawnDistance ); // Teleport Berk berkBody.position.copy(spawnOffset); berkBody.velocity.set(0, 0, 0); berkMesh.position.copy(berkBody.position); berkMesh.position.y += 1.5; // Make Berk face the player during jump scare const directionToPlayer = new THREE.Vector3().subVectors(camera.position, berkMesh.position); const targetAngle = Math.atan2(directionToPlayer.x, directionToPlayer.z); berkMesh.rotation.y = targetAngle; // Trigger chase mode isChasing = true; berkSpeed = Math.min(8 + (currentRound * 0.5), 15); lastBehaviorChange = currentTime; lastJumpScareTime = currentTime; // Stop any existing chase sound first if (berkChaseSound) { if (berkChaseSound && berkChaseSound.playing) { berkChaseSound.pause(); berkChaseSound.currentTime = 0; berkChaseSound.playing = false; } // AI detection for multiple chase sounds const detectAndStopChaseSounds = () => { const chaseSounds = Array.from(document.querySelectorAll('audio[src*="ttsMP3.com_VoiceText_2024-12-7_22-13-10.mp3"]')); const playingCount = chaseSounds.filter(audio => !audio.paused).length; if (playingCount > 0) { chaseSounds.forEach(audio => { audio.pause(); audio.currentTime = 0; if (audio !== berkChaseSound) { audio.remove(); // Remove old elements } }); return true; } return false; }; // Only play chase sound if Berk doesn't have the burger if (!hasBurger && (!berkChaseSound || !berkChaseSound.playing)) { // Only create new sound if none exists or previous one finished berkChaseSound = new Audio('https://play.rosebud.ai/assets/ttsMP3.com_VoiceText_2024-12-7_22-13-10.mp3?B8CQ'); berkChaseSound.volume = 0.9; berkChaseSound.playing = true; // Set up ended handler berkChaseSound.addEventListener('ended', () => { berkChaseSound.playing = false; // Clean up after ending berkChaseSound.onended = null; berkChaseSound.onplay = null; }); // Only play if Berk still doesn't have the burger if (!hasBurger) { berkChaseSound.play().catch(error => { console.warn('Could not play chase sound:', error); berkChaseSound.playing = false; }); } } } // Create jump scare effect const jumpScareMessage = document.createElement('div'); jumpScareMessage.style.position = 'absolute'; jumpScareMessage.style.top = '50%'; jumpScareMessage.style.left = '50%'; jumpScareMessage.style.transform = 'translate(-50%, -50%)'; jumpScareMessage.style.color = 'red'; jumpScareMessage.style.fontSize = '48px'; jumpScareMessage.style.fontWeight = 'bold'; jumpScareMessage.style.textAlign = 'center'; jumpScareMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; jumpScareMessage.style.fontFamily = 'Arial, sans-serif'; jumpScareMessage.style.zIndex = '1000'; jumpScareMessage.textContent = 'BOO!'; parentDiv.appendChild(jumpScareMessage); // Remove jump scare message after a brief moment setTimeout(() => { if (jumpScareMessage.parentNode) { jumpScareMessage.parentNode.removeChild(jumpScareMessage); } }, 500); // Reset chase mode after a duration setTimeout(() => { isChasing = false; berkSpeed = 3; lastBehaviorChange = Date.now(); }, behaviorDuration); } } // Clamp final velocity to prevent wall clipping const nextX = berkBody.position.x + finalVelocity.x * deltaTime; const nextZ = berkBody.position.z + finalVelocity.z * deltaTime; if (Math.abs(nextX) > maxX) { finalVelocity.x = 0; } if (Math.abs(nextZ) > maxZ) { finalVelocity.z = 0; } // Apply the calculated velocity berkBody.velocity.x = finalVelocity.x; berkBody.velocity.z = finalVelocity.z; berkBody.velocity.y = 0; // Force Y velocity to always be 0 berkBody.position.y = 0.1; // Keep Berk very close to ground level // Update Berk's mesh position and rotation if mesh exists if (berkMesh) { berkMesh.position.copy(berkBody.position); berkMesh.position.y += 1.0; // Adjusted visual height offset for larger scale } // Update Berk's burger position when she has it if (hasBurger) { berkBurgerMesh.position.copy(berkBody.position); berkBurgerMesh.position.y += 1.5; berkBurgerMesh.position.z += 0.5; // Slightly in front of Berk berkBurgerMesh.rotation.y = berkMesh.rotation.y; } // Make Berk face the appropriate direction based on whether she's running away or chasing if (berkMesh) { let targetAngle; if (hasBurger) { // When running away, face the direction of movement const movementDirection = new THREE.Vector3(berkBody.velocity.x, 0, berkBody.velocity.z).normalize(); targetAngle = Math.atan2(movementDirection.x, movementDirection.z); } else { // When chasing, face the player const directionToPlayer = new THREE.Vector3().subVectors(camera.position, berkMesh.position); targetAngle = Math.atan2(directionToPlayer.x, directionToPlayer.z); } // Smoothly interpolate current rotation to target rotation const currentAngle = berkMesh.rotation.y; const angleDiff = targetAngle - currentAngle; // Normalize angle difference to [-π, π] const normalizedDiff = Math.atan2(Math.sin(angleDiff), Math.cos(angleDiff)); // Smooth rotation berkMesh.rotation.y += normalizedDiff * 0.1; } } // Start game function function startGame() { window.gameStarted = true; titleMenu.style.display = 'none'; // Initialize and play background music only if it's not already playing if (!backgroundMusic || !backgroundMusic.currentTime || backgroundMusic.ended) { if (backgroundMusic) { backgroundMusic.pause(); backgroundMusic.currentTime = 0; } backgroundMusic = new Audio('https://play.rosebud.ai/assets/Burger Cravings.mp3?frEW'); backgroundMusic.volume = 0.35; backgroundMusic.loop = false; // Set up ended event to create new instance backgroundMusic.addEventListener('ended', function playNext() { const newBackgroundMusic = new Audio('https://play.rosebud.ai/assets/Burger Cravings.mp3?frEW'); newBackgroundMusic.volume = 0.35; newBackgroundMusic.loop = false; newBackgroundMusic.addEventListener('ended', playNext); newBackgroundMusic.play().catch(error => { console.warn('Could not play background music:', error); }); backgroundMusic = newBackgroundMusic; }); // Start playing the music backgroundMusic.play().catch(error => { console.warn('Could not play background music:', error); }); } // Reset achievements for new game Object.keys(achievements).forEach(key => { if (typeof achievements[key].current !== 'undefined') { achievements[key].current = 0; } if (typeof achievements[key].conditions !== 'undefined') { Object.keys(achievements[key].conditions).forEach(condition => { achievements[key].conditions[condition] = false; }); } achievements[key].achieved = false; }); // Clear existing boosts and effects speedBoosts.forEach(boost => { scene.remove(boost.mesh); }); speedBoosts = []; shieldBoosts.forEach(boost => { scene.remove(boost.mesh); }); shieldBoosts = []; cookieBoosts.forEach(boost => { scene.remove(boost.mesh); }); cookieBoosts = []; // Clear french fries boosts frenchFriesBoosts.forEach(boost => { scene.remove(boost.mesh); }); frenchFriesBoosts = []; // Remove shield effect if it exists const shieldEffect = document.getElementById('shieldEffect'); if (shieldEffect) { shieldEffect.parentNode.removeChild(shieldEffect); } // Initialize game elements if not already done if (!playerBurgerMesh || !berkBurgerMesh || !berkBody) { const playerObjects = createPlayer(); playerBurgerMesh = playerObjects.playerBurgerMesh; berkBurgerMesh = playerObjects.berkBurgerMesh; createBerk(); return; // Exit and wait for next frame when objects are initialized } // Only proceed with position updates when all objects are initialized if (playerBody && berkBody && berkMesh) { const targetPosition = new CANNON.Vec3(0, 2, 0); const currentPosition = new CANNON.Vec3(playerBody.position.x, playerBody.position.y, playerBody.position.z); berkBody.position.set(0, 0.1, -30); berkBody.velocity.set(0, 0, 0); berkMesh.position.copy(berkBody.position); berkMesh.position.y += 1.5; // Spawn initial speed boosts only after game elements are initialized spawnBoosts(); } else { // Reset positions and states with smooth transition const targetPosition = new CANNON.Vec3(0, 2, 0); const currentPosition = new CANNON.Vec3(playerBody.position.x, playerBody.position.y, playerBody.position.z); } const targetPosition = new CANNON.Vec3(0, 2, 0); const currentPosition = new CANNON.Vec3( playerBody ? playerBody.position.x : 0, playerBody ? playerBody.position.y : 2, playerBody ? playerBody.position.z : 0 ); const duration = 1000; // 1 second transition const startTime = Date.now(); const transitionPlayer = () => { const elapsed = Date.now() - startTime; const progress = Math.min(elapsed / duration, 1); // Smooth interpolation using CANNON.Vec3 playerBody.position.x = currentPosition.x + (targetPosition.x - currentPosition.x) * progress; playerBody.position.y = currentPosition.y + (targetPosition.y - currentPosition.y) * progress; playerBody.position.z = currentPosition.z + (targetPosition.z - currentPosition.z) * progress; playerBody.velocity.set(0, 0, 0); if (progress < 1) { requestAnimationFrame(transitionPlayer); } }; transitionPlayer(); if (berkBody && berkMesh) { berkBody.position.set(0, 0.1, -30); berkBody.velocity.set(0, 0, 0); berkMesh.position.copy(berkBody.position); berkMesh.position.y += 1.5; } // Handle background music if (backgroundMusic) { // Stop any existing playback first backgroundMusic.pause(); backgroundMusic.currentTime = 0; // Create new instance to prevent any audio artifacts backgroundMusic = new Audio('https://play.rosebud.ai/assets/Burger Cravings.mp3?frEW'); backgroundMusic.loop = false; backgroundMusic.volume = 0.35; backgroundMusic.play().catch((error) => { console.warn('Autoplay was prevented. User interaction is required to play the background music.'); }); } // Show initial game message startMessage = document.createElement('div'); startMessage.style.position = 'absolute'; startMessage.style.top = '30%'; startMessage.style.left = '50%'; startMessage.style.transform = 'translate(-50%, -50%)'; startMessage.style.color = 'white'; startMessage.style.fontSize = '24px'; startMessage.style.textAlign = 'center'; startMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; startMessage.style.fontFamily = 'Arial, sans-serif'; startMessage.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; startMessage.style.padding = '20px'; startMessage.style.borderRadius = '10px'; startMessage.innerHTML = 'Oh no! Berk stole your burger!
Chase her down and get it back!'; parentDiv.appendChild(startMessage); // Trigger initial burger theft setTimeout(() => { hasBurger = true; berkSpeed = Math.min(12 + (currentRound * 0.8), 18); playerBurgerMesh.visible = false; berkBurgerMesh.visible = true; // Remove the message after 5 seconds startMessageTimeout = setTimeout(() => { if (startMessage && startMessage.parentNode) { startMessage.parentNode.removeChild(startMessage); } }, 5000); }, 2000); } // Add click handler to title menu titleMenu.addEventListener('click', startGame); titleMenu.addEventListener('touchend', (e) => { e.preventDefault(); startGame(); }); function animate() { requestAnimationFrame(animate); const deltaTime = Math.min(clock.getDelta(), 0.1); if (assetsLoaded && window.gameStarted && playerBurgerMesh && berkBurgerMesh && berkMesh) { world.step(deltaTime); // Update Berk's animation if (berkMixer) { berkMixer.update(deltaTime); // Adjust animation speed based on Berk's movement if (berkWalkAction) { const speed = new THREE.Vector3( berkBody.velocity.x, 0, berkBody.velocity.z ).length(); if (speed > 0.1) { berkWalkAction.timeScale = speed / 3; // Adjust divisor to match animation speed if (!berkWalkAction.isRunning()) { berkWalkAction.play(); } } else { berkWalkAction.timeScale = 0; } } } // Update boosts updateBoosts(); updatePlayerMovement(deltaTime); if (!roundDisplay) { createRoundDisplay(); } updateBerk(deltaTime); // Check if player has held the burger long enough to escape if (!hasBurger && !window.gameOver) { const currentTime = Date.now(); // Initialize timer if not started if (burgerHoldStartTime === 0) { burgerHoldStartTime = currentTime; // Create escape timer display escapeTimerDisplay = document.createElement('div'); escapeTimerDisplay.style.position = 'absolute'; escapeTimerDisplay.style.top = '80px'; escapeTimerDisplay.style.left = '50%'; escapeTimerDisplay.style.transform = 'translateX(-50%)'; escapeTimerDisplay.style.color = 'white'; escapeTimerDisplay.style.fontSize = '24px'; escapeTimerDisplay.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; escapeTimerDisplay.style.fontFamily = 'Arial, sans-serif'; escapeTimerDisplay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; escapeTimerDisplay.style.padding = '10px'; escapeTimerDisplay.style.borderRadius = '5px'; parentDiv.appendChild(escapeTimerDisplay); } // Update timer display and check for desperate measures const timeRemaining = Math.max(0, Math.ceil((escapeTime - (currentTime - burgerHoldStartTime)) / 1000)); if (escapeTimerDisplay) { escapeTimerDisplay.textContent = `Escape in: ${timeRemaining} seconds`; // Trigger desperate measures when time is running low // Check Desperate Times achievement if (timeRemaining <= 5 && !achievements.desperateTimes.achieved) { achievements.desperateTimes.achieved = true; showAchievement(achievements.desperateTimes.name); } if (timeRemaining <= 10 && currentRound <= 10) { const desperateChance = (10 - timeRemaining) * 0.1; // Increasing chance as time runs out const shieldGracePeriod = 2000; // 2 second grace period after shield expires const isInShieldGracePeriod = currentTime - playerShieldEndTime < shieldGracePeriod; // Only allow desperate measures if shield is not active and not in grace period if (Math.random() < desperateChance && currentRound <= 10 && !isInShieldGracePeriod) { // Teleport Berk right behind the player for a desperate steal attempt const playerForward = new THREE.Vector3(); camera.getWorldDirection(playerForward); playerForward.y = 0; playerForward.normalize(); berkBody.position.copy(playerBody.position); berkBody.position.x -= playerForward.x * 2; // Position right behind player berkBody.position.z -= playerForward.z * 2; berkBody.velocity.set(0, 0, 0); berkMesh.position.copy(berkBody.position); berkMesh.position.y += 1.5; // Create desperate steal effect const desperateMessage = document.createElement('div'); desperateMessage.style.position = 'absolute'; desperateMessage.style.top = '50%'; desperateMessage.style.left = '50%'; desperateMessage.style.transform = 'translate(-50%, -50%)'; desperateMessage.style.color = 'red'; desperateMessage.style.fontSize = '48px'; desperateMessage.style.fontWeight = 'bold'; desperateMessage.style.textAlign = 'center'; desperateMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; desperateMessage.style.fontFamily = 'Arial, sans-serif'; desperateMessage.style.zIndex = '1000'; desperateMessage.textContent = 'DESPERATE STEAL ATTEMPT!'; parentDiv.appendChild(desperateMessage); setTimeout(() => { if (desperateMessage.parentNode) { desperateMessage.parentNode.removeChild(desperateMessage); } }, 1000); } } } // Update Burger King achievement tracking achievements.burgerKing.current = Math.floor((currentTime - burgerHoldStartTime) / 1000); achievements.burgerKing.longestStreak = Math.max(achievements.burgerKing.longestStreak, achievements.burgerKing.current); if (achievements.burgerKing.longestStreak >= achievements.burgerKing.target && !achievements.burgerKing.achieved) { achievements.burgerKing.achieved = true; showAchievement(achievements.burgerKing.name); } // Check if escape time has been reached if (currentTime - burgerHoldStartTime >= escapeTime) { // Update Escape Artist achievement achievements.escapeArtist.current++; if (achievements.escapeArtist.current >= achievements.escapeArtist.target && !achievements.escapeArtist.achieved) { achievements.escapeArtist.achieved = true; showAchievement(achievements.escapeArtist.name); } // Remove escape timer display if (escapeTimerDisplay && escapeTimerDisplay.parentNode) { escapeTimerDisplay.parentNode.removeChild(escapeTimerDisplay); } endGame(true, true); // Pass true for playerWon and true for escaped } } else { // Reset timer if burger is stolen burgerHoldStartTime = 0; if (escapeTimerDisplay && escapeTimerDisplay.parentNode) { escapeTimerDisplay.parentNode.removeChild(escapeTimerDisplay); } } // Check distance between Berk and player const distance = new THREE.Vector3( playerBody.position.x - berkBody.position.x, playerBody.position.y - berkBody.position.y, playerBody.position.z - berkBody.position.z ).length(); // Increase catch radius when time is running low for desperate steal attempts (only up to round 10) const timeRemaining = Math.ceil((escapeTime - (Date.now() - burgerHoldStartTime)) / 1000); const desperateRadius = (timeRemaining <= 10 && currentRound <= 10) ? 4 : 2; // Larger catch radius when desperate if (distance < desperateRadius && !window.gameOver) { // Check if we can steal the burger (not in invulnerable period, no shield active, and past shield grace period) const shieldGracePeriod = 2000; // 2 second grace period after shield expires const isInShieldGracePeriod = Date.now() - playerShieldEndTime < shieldGracePeriod; if (!hasBurger && Date.now() > invulnerableUntil && !isInShieldGracePeriod) { // Check Quick Reflexes achievement const timeSinceLastSteal = Date.now() - achievements.quickReflexes.lastStealTime; if (timeSinceLastSteal <= 2000 && !achievements.quickReflexes.achieved) { achievements.quickReflexes.achieved = true; showAchievement(achievements.quickReflexes.name); } // Update last steal time achievements.quickReflexes.lastStealTime = Date.now(); // Harder to steal when shield was recently active (grace period) const shieldGracePeriod = 2000; // 2 seconds of increased difficulty after shield const recentlyShielded = Date.now() - playerShieldEndTime < shieldGracePeriod; // Random chance to prevent steal attempt (30% chance if recently shielded) if (recentlyShielded && Math.random() < 0.3) { return; // Cancel steal attempt } // Berk just stole the burger hasBurger = true; berkSpeed = Math.min(12 + (currentRound * 0.8), 18); // Escape speed increases with rounds // Stop all chase sounds and clean up detectAndStopChaseSounds(); if (berkChaseSound) { berkChaseSound.pause(); berkChaseSound.currentTime = 0; berkChaseSound.playing = false; berkChaseSound.onended = null; berkChaseSound.onplay = null; berkChaseSound = null; } // Clean up any other instances of the chase sound document.querySelectorAll('audio[src*="ttsMP3.com_VoiceText_2024-12-7_22-13-10.mp3"]').forEach(audio => { audio.pause(); audio.currentTime = 0; audio.remove(); // Remove the element entirely }); // Spawn cookies when Berk steals the burger spawnCookies(); // Play Berk's steal sound only if it's not already playing if (window.berkStealSound && window.berkStealSound.paused) { window.berkStealSound.currentTime = 0; window.berkStealSound.play().catch(error => { console.warn('Could not play Berk steal sound:', error); }); } // Remove redundant chase sound cleanup since we already handled it above // Immediately push Berk away from the player const pushDistance = 5; // Distance to push Berk const awayFromPlayer = new THREE.Vector3( berkBody.position.x - playerBody.position.x, 0, berkBody.position.z - playerBody.position.z ).normalize(); berkBody.position.x += awayFromPlayer.x * pushDistance; berkBody.position.z += awayFromPlayer.z * pushDistance; berkBody.velocity.x = awayFromPlayer.x * berkSpeed * 2; // Initial burst of speed berkBody.velocity.z = awayFromPlayer.z * berkSpeed * 2; // Transfer burger visibility when Berk steals it playerBurgerMesh.visible = false; berkBurgerMesh.visible = true; // Clear any existing timer and display if (chaseTimer) { clearInterval(chaseTimer); } if (chaseTimerDisplay && chaseTimerDisplay.parentNode) { chaseTimerDisplay.parentNode.removeChild(chaseTimerDisplay); } // Create chase timer display chaseTimerDisplay = document.createElement('div'); chaseTimerDisplay.style.position = 'absolute'; chaseTimerDisplay.style.top = '20px'; chaseTimerDisplay.style.left = '50%'; chaseTimerDisplay.style.transform = 'translateX(-50%)'; chaseTimerDisplay.style.color = 'white'; chaseTimerDisplay.style.fontSize = '36px'; chaseTimerDisplay.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; chaseTimerDisplay.style.fontFamily = 'Arial, sans-serif'; parentDiv.appendChild(chaseTimerDisplay); // Create steal notification const stealMessage = document.createElement('div'); stealMessage.style.position = 'absolute'; stealMessage.style.top = '50%'; stealMessage.style.left = '50%'; stealMessage.style.transform = 'translate(-50%, -50%)'; stealMessage.style.color = 'white'; stealMessage.style.fontSize = '36px'; stealMessage.style.textAlign = 'center'; stealMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; stealMessage.style.fontFamily = 'Arial, sans-serif'; stealMessage.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; stealMessage.style.padding = '20px'; stealMessage.style.borderRadius = '10px'; stealMessage.style.zIndex = '1000'; stealMessage.innerHTML = 'Berk stole your burger!
Chase her down!'; parentDiv.appendChild(stealMessage); // Remove steal message after 2 seconds setTimeout(() => { if (stealMessage.parentNode) { stealMessage.parentNode.removeChild(stealMessage); } }, 2000); // Start 20 second timer const startTime = Date.now(); const duration = Math.max(20000 - (currentRound - 1) * 1000, 10000); // Decrease timer each round, minimum 10 seconds const updateTimer = () => { const elapsedTime = Date.now() - startTime; const remainingTime = Math.ceil((duration - elapsedTime) / 1000); if (remainingTime <= 0) { clearInterval(chaseTimer); if (chaseTimerDisplay && chaseTimerDisplay.parentNode) { chaseTimerDisplay.parentNode.removeChild(chaseTimerDisplay); } endGame(false); return; } if (chaseTimerDisplay) { chaseTimerDisplay.textContent = remainingTime; } }; // Initial display updateTimer(); // Update every 100ms for smoother countdown chaseTimer = setInterval(updateTimer, 100); } else if (hasBurger) { // Player caught Berk - they get the burger back if (chaseTimer) { clearInterval(chaseTimer); } if (chaseTimerDisplay && chaseTimerDisplay.parentNode) { chaseTimerDisplay.parentNode.removeChild(chaseTimerDisplay); } hasBurger = false; // Reset burger state berkSpeed = 0; // Completely stop Berk // Remove all cookie boosts when player catches Berk cookieBoosts.forEach(boost => { scene.remove(boost.mesh); }); cookieBoosts = []; invulnerableUntil = Date.now() + 3000; // 3 seconds of invulnerability // Play yoink sound if (window.yoinkSound && window.yoinkSound.paused) { window.yoinkSound.currentTime = 0; window.yoinkSound.play().catch(error => { console.warn('Could not play yoink sound:', error); }); } // Play chase sound once when player gets burger back // Stop any existing chase sound and create new instance // Handle chase sound when player gets the burger back if (berkChaseSound && berkChaseSound.playing) { berkChaseSound.pause(); berkChaseSound.currentTime = 0; berkChaseSound.playing = false; } // Only play chase sound if not already playing and appropriate if (!hasBurger && (!berkChaseSound || !berkChaseSound.playing)) { // Only create and play new sound if there isn't one already playing if (!berkChaseSound || !berkChaseSound.playing) { // Clean up existing sound if any if (berkChaseSound) { berkChaseSound.pause(); berkChaseSound.currentTime = 0; berkChaseSound.playing = false; } berkChaseSound = new Audio('https://play.rosebud.ai/assets/ttsMP3.com_VoiceText_2024-12-7_22-13-10.mp3?B8CQ'); berkChaseSound.volume = 0.9; berkChaseSound.playing = true; berkChaseSound.addEventListener('ended', function() { berkChaseSound.playing = false; berkChaseSound.currentTime = 0; }); berkChaseSound.addEventListener('pause', function() { berkChaseSound.playing = false; berkChaseSound.currentTime = 0; }); berkChaseSound.play().catch(error => { console.warn('Could not play chase sound:', error); berkChaseSound.playing = false; berkChaseSound.currentTime = 0; }); } } // Check Speed Runner achievement const roundDuration = (Date.now() - burgerHoldStartTime) / 1000; if (roundDuration <= 30 && !achievements.speedRunner.achieved) { achievements.speedRunner.achieved = true; showAchievement(achievements.speedRunner.name); } // Advance to next round only when player retrieves the burger currentRound++; createRoundDisplay(); // When reaching round 5, show shield boost introduction message if (currentRound === 5) { const shieldIntroMessage = document.createElement('div'); shieldIntroMessage.style.position = 'absolute'; shieldIntroMessage.style.top = '50%'; shieldIntroMessage.style.left = '50%'; shieldIntroMessage.style.transform = 'translate(-50%, -50%)'; shieldIntroMessage.style.color = '#0000ff'; shieldIntroMessage.style.fontSize = '36px'; shieldIntroMessage.style.fontWeight = 'bold'; shieldIntroMessage.style.textAlign = 'center'; shieldIntroMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; shieldIntroMessage.style.fontFamily = 'Arial, sans-serif'; shieldIntroMessage.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; shieldIntroMessage.style.padding = '20px'; shieldIntroMessage.style.borderRadius = '10px'; shieldIntroMessage.style.zIndex = '1000'; shieldIntroMessage.innerHTML = 'SHIELD POWERUPS NOW AVAILABLE!
Protect yourself from Berk!'; parentDiv.appendChild(shieldIntroMessage); setTimeout(() => { if (shieldIntroMessage.parentNode) { shieldIntroMessage.parentNode.removeChild(shieldIntroMessage); } }, 3000); } // Give player time to escape before Berk becomes active again setTimeout(() => { // Gradually increase Berk's speed over 2 seconds const targetSpeed = Math.min(3 + (currentRound * 0.7), 12); const speedInterval = setInterval(() => { berkSpeed = Math.min(berkSpeed + 0.5, targetSpeed); if (berkSpeed >= targetSpeed) { clearInterval(speedInterval); } }, 200); }, 3000); // Match with invulnerability period // Create a safety window for the player to escape const escapeTime = 3000; // 3 seconds to escape const escapeMessage = document.createElement('div'); escapeMessage.style.position = 'absolute'; escapeMessage.style.top = '20px'; escapeMessage.style.left = '50%'; escapeMessage.style.transform = 'translateX(-50%)'; escapeMessage.style.color = 'white'; escapeMessage.style.fontSize = '24px'; escapeMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; escapeMessage.style.fontFamily = 'Arial, sans-serif'; escapeMessage.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; escapeMessage.style.padding = '10px'; escapeMessage.style.borderRadius = '5px'; escapeMessage.style.zIndex = '1000'; parentDiv.appendChild(escapeMessage); // Countdown for escape time const startEscapeTime = Date.now(); const updateEscapeTimer = () => { const remainingTime = Math.ceil((escapeTime - (Date.now() - startEscapeTime)) / 1000); escapeMessage.textContent = `Run! ${remainingTime}`; if (remainingTime <= 0) { if (escapeMessage.parentNode) { escapeMessage.parentNode.removeChild(escapeMessage); } berkSpeed = 3; // Reset Berk's normal speed return; } requestAnimationFrame(updateEscapeTimer); }; updateEscapeTimer(); // Transfer burger back to player playerBurgerMesh.visible = true; berkBurgerMesh.visible = false; // Create retrieval notification const retrievalMessage = document.createElement('div'); retrievalMessage.style.position = 'absolute'; retrievalMessage.style.top = '50%'; retrievalMessage.style.left = '50%'; retrievalMessage.style.transform = 'translate(-50%, -50%)'; retrievalMessage.style.color = 'white'; retrievalMessage.style.fontSize = '36px'; retrievalMessage.style.textAlign = 'center'; retrievalMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; retrievalMessage.style.fontFamily = 'Arial, sans-serif'; retrievalMessage.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; retrievalMessage.style.padding = '20px'; retrievalMessage.style.borderRadius = '10px'; retrievalMessage.style.zIndex = '1000'; retrievalMessage.innerHTML = 'You got your burger back!
Don\'t let Berk steal it again!'; parentDiv.appendChild(retrievalMessage); // Remove retrieval message after 2 seconds setTimeout(() => { if (retrievalMessage.parentNode) { retrievalMessage.parentNode.removeChild(retrievalMessage); } }, 2000); } } } composer.render(); } // 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); // Cleanup function function endGame(playerWon, escaped = false) { window.gameOver = true; // Stop background music and all other sounds if (backgroundMusic) { backgroundMusic.pause(); backgroundMusic.currentTime = 0; // Remove any event listeners to prevent auto-replay backgroundMusic.onended = null; backgroundMusic.onplay = null; backgroundMusic = null; } // Exit pointer lock when game ends if (document.pointerLockElement === canvas) { document.exitPointerLock(); } // Remove chase timer display if it exists if (chaseTimerDisplay && chaseTimerDisplay.parentNode) { chaseTimerDisplay.parentNode.removeChild(chaseTimerDisplay); } // Create game over message const gameOverMessage = document.createElement('div'); gameOverMessage.style.position = 'absolute'; gameOverMessage.style.top = '50%'; gameOverMessage.style.left = '50%'; gameOverMessage.style.transform = 'translate(-50%, -50%)'; gameOverMessage.style.color = 'white'; gameOverMessage.style.fontSize = '36px'; gameOverMessage.style.textAlign = 'center'; gameOverMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; gameOverMessage.style.fontFamily = 'Arial, sans-serif'; gameOverMessage.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; gameOverMessage.style.padding = '20px'; gameOverMessage.style.borderRadius = '10px'; gameOverMessage.style.zIndex = '1000'; if (playerWon) { if (escaped) { gameOverMessage.innerHTML = `Victory!
You successfully escaped with your cheeseburger!
` + `Berk will have to find something else to eat.
` + `Final Score: Round ${currentRound}

` + 'Click to play again'; } else { gameOverMessage.innerHTML = `Victory!
You caught Berk and got your cheeseburger back!
` + `Final Score: Round ${currentRound}

` + 'Click to play again'; } } else { gameOverMessage.innerHTML = `Game Over!
Berk ate your burger. Your buns are toast.

` + 'Click to play again'; } parentDiv.appendChild(gameOverMessage); // Click to restart const restartGame = () => { // Show title menu again titleMenu.style.display = 'block'; window.gameStarted = false; window.gameOver = false; hasBurger = false; currentRound = 1; if (berkChaseSound) { berkChaseSound.pause(); berkChaseSound.currentTime = 0; berkChaseSound.playing = false; } if (window.yoinkSound) { window.yoinkSound.pause(); window.yoinkSound.currentTime = 0; } if (window.berkStealSound) { window.berkStealSound.pause(); window.berkStealSound.currentTime = 0; } // Remove these lines since we already handled background music above berkSpeed = 3; invulnerableUntil = 0; // Clear timers if (chaseTimer) { clearInterval(chaseTimer); chaseTimer = null; } // Remove UI elements if (chaseTimerDisplay && chaseTimerDisplay.parentNode) { chaseTimerDisplay.parentNode.removeChild(chaseTimerDisplay); } if (roundDisplay && roundDisplay.parentNode) { roundDisplay.parentNode.removeChild(roundDisplay); } if (gameOverMessage.parentNode) { gameOverMessage.parentNode.removeChild(gameOverMessage); } // Reset positions // Smooth transition for player reset const resetTargetPosition = new CANNON.Vec3(0, 2, 0); const resetCurrentPosition = new CANNON.Vec3( playerBody.position.x, playerBody.position.y, playerBody.position.z ); const resetDuration = 1000; const resetStartTime = Date.now(); const transitionPlayerReset = () => { const elapsed = Date.now() - resetStartTime; const progress = Math.min(elapsed / resetDuration, 1); // Manual interpolation for CANNON.Vec3 playerBody.position.x = resetCurrentPosition.x + (resetTargetPosition.x - resetCurrentPosition.x) * progress; playerBody.position.y = resetCurrentPosition.y + (resetTargetPosition.y - resetCurrentPosition.y) * progress; playerBody.position.z = resetCurrentPosition.z + (resetTargetPosition.z - resetCurrentPosition.z) * progress; playerBody.velocity.set(0, 0, 0); if (progress < 1) { requestAnimationFrame(transitionPlayerReset); } }; transitionPlayerReset(); berkBody.position.set(0, 2, -30); berkBody.velocity.set(0, 0, 0); berkMesh.position.copy(berkBody.position); berkMesh.position.y += 1.5; // Reset burger visibility playerBurgerMesh.visible = true; berkBurgerMesh.visible = false; // Reset camera rotation rotation.set(0, 0, 0); euler.set(0, 0, 0, 'YXZ'); camera.quaternion.setFromEuler(euler); }; // Add click and touch event listeners for restart gameOverMessage.style.cursor = 'pointer'; gameOverMessage.addEventListener('click', restartGame); gameOverMessage.addEventListener('touchend', (e) => { e.preventDefault(); restartGame(); }); } window.addEventListener('beforeunload', () => { if (startMessageTimeout) { clearTimeout(startMessageTimeout); } if (startMessage && startMessage.parentNode) { startMessage.parentNode.removeChild(startMessage); } if (chaseTimer) { clearInterval(chaseTimer); } }); // Boost functions function createCookieBoost(position) { const boostGeometry = new THREE.PlaneGeometry(3, 3); const boostTexture = textureLoader.load('https://play.rosebud.ai/assets/cookie.png?hOLd'); const boostMaterial = new THREE.MeshBasicMaterial({ map: boostTexture, transparent: true, side: THREE.DoubleSide, depthWrite: false, emissive: new THREE.Color(0xffff00), emissiveIntensity: 0.5 }); const boostMesh = new THREE.Mesh(boostGeometry, boostMaterial); boostMesh.position.copy(position); boostMesh.position.y = 2.5; boostMesh.rotation.x = 0; scene.add(boostMesh); return { mesh: boostMesh, position: position, rotationSpeed: 0.02 + Math.random() * 0.03 }; } function spawnCookies() { // Clear existing cookies first cookieBoosts.forEach(cookie => { scene.remove(cookie.mesh); }); cookieBoosts = []; const mapSize = 190; let attempts = 0; const maxAttempts = 50; // Prevent infinite loop while (cookieBoosts.length < maxCookieBoosts && attempts < maxAttempts) { attempts++; const x = (Math.random() - 0.5) * mapSize; const z = (Math.random() - 0.5) * mapSize; const playerDist = new THREE.Vector3(x, 0, z).distanceTo(playerBody.position); const berkDist = new THREE.Vector3(x, 0, z).distanceTo(berkBody.position); // Reduced minimum distance requirements to allow more spread if (playerDist > 8 && berkDist > 8) { // Check distance from existing cookies to ensure spread let tooClose = false; for (const cookie of cookieBoosts) { const cookieDist = new THREE.Vector3(x, 0, z).distanceTo(cookie.position); if (cookieDist < 15) { // Minimum distance between cookies tooClose = true; break; } } if (!tooClose) { const boost = createCookieBoost(new THREE.Vector3(x, 0, z)); cookieBoosts.push(boost); } const boost = createCookieBoost(new THREE.Vector3(x, 0, z)); cookieBoosts.push(boost); } } } function createSpeedBoost(position) { const boostGeometry = new THREE.PlaneGeometry(4, 4); // Increased size const boostTexture = textureLoader.load('https://play.rosebud.ai/assets/cup-of-coffee.png?pSHq'); const boostMaterial = new THREE.MeshBasicMaterial({ map: boostTexture, transparent: true, side: THREE.DoubleSide, depthWrite: false, emissive: new THREE.Color(0x00ff00), emissiveIntensity: 0.5 }); const boostMesh = new THREE.Mesh(boostGeometry, boostMaterial); boostMesh.position.copy(position); boostMesh.position.y = 2.5; // Hover higher above ground boostMesh.rotation.x = 0; // Face the camera instead of laying flat scene.add(boostMesh); return { mesh: boostMesh, position: position, rotationSpeed: 0.02 + Math.random() * 0.03 // Random rotation speed }; } function createShieldBoost(position) { const boostGeometry = new THREE.PlaneGeometry(4, 4); const boostTexture = textureLoader.load('https://play.rosebud.ai/assets/salad.png?t1gO'); const boostMaterial = new THREE.MeshBasicMaterial({ map: boostTexture, transparent: true, side: THREE.DoubleSide, depthWrite: false, emissive: new THREE.Color(0x0000ff), emissiveIntensity: 0.5 }); const boostMesh = new THREE.Mesh(boostGeometry, boostMaterial); boostMesh.position.copy(position); boostMesh.position.y = 2.5; boostMesh.rotation.x = 0; scene.add(boostMesh); return { mesh: boostMesh, position: position, rotationSpeed: 0.02 + Math.random() * 0.03 }; } function spawnBoosts() { const mapSize = 190; // Spawn speed boosts while (speedBoosts.length < maxSpeedBoosts) { const x = (Math.random() - 0.5) * mapSize; const z = (Math.random() - 0.5) * mapSize; const playerDist = new THREE.Vector3(x, 0, z).distanceTo(playerBody.position); const berkDist = new THREE.Vector3(x, 0, z).distanceTo(berkBody.position); // Add two fixed speed boosts in the middle area if they don't exist yet if (speedBoosts.length === 0) { const boost1 = createSpeedBoost(new THREE.Vector3(20, 0, 0)); const boost2 = createSpeedBoost(new THREE.Vector3(-20, 0, 0)); speedBoosts.push(boost1, boost2); } if (playerDist > 10 && berkDist > 10) { const boost = createSpeedBoost(new THREE.Vector3(x, 0, z)); speedBoosts.push(boost); } } // Spawn shield boosts only after round 5 if (currentRound >= 5) { let attempts = 0; const maxAttempts = 50; // Prevent infinite loop while (shieldBoosts.length < maxShieldBoosts && attempts < maxAttempts) { attempts++; const x = (Math.random() - 0.5) * mapSize; const z = (Math.random() - 0.5) * mapSize; const playerDist = new THREE.Vector3(x, 0, z).distanceTo(playerBody.position); const berkDist = new THREE.Vector3(x, 0, z).distanceTo(berkBody.position); // Check distance from other boosts let tooClose = false; // Check distance from other shield boosts for (const shield of shieldBoosts) { const shieldDist = new THREE.Vector3(x, 0, z).distanceTo(shield.position); if (shieldDist < 25) { // Minimum distance between shields tooClose = true; break; } } // Check distance from speed boosts for (const speed of speedBoosts) { const speedDist = new THREE.Vector3(x, 0, z).distanceTo(speed.position); if (speedDist < 20) { // Minimum distance from speed boosts tooClose = true; break; } } if (playerDist > 8 && berkDist > 8 && !tooClose) { const boost = createShieldBoost(new THREE.Vector3(x, 0, z)); shieldBoosts.push(boost); } } } } function updateBoosts() { const currentTime = Date.now(); // Update cookie boosts cookieBoosts = cookieBoosts.filter(boost => { const distance = new THREE.Vector3( playerBody.position.x - boost.position.x, 0, playerBody.position.z - boost.position.z ).length(); if (distance < 2) { // Collect cookie boost scene.remove(boost.mesh); // Update cookie achievements achievements.cookieCollector.current++; achievements.cookieMaster.current++; // Check for achievement completion if (achievements.cookieCollector.current >= achievements.cookieCollector.target && !achievements.cookieCollector.achieved) { achievements.cookieCollector.achieved = true; showAchievement(achievements.cookieCollector.name); } if (achievements.cookieMaster.current >= achievements.cookieMaster.target && !achievements.cookieMaster.achieved) { achievements.cookieMaster.achieved = true; showAchievement(achievements.cookieMaster.name); } // Schedule respawn of this cookie in a new position setTimeout(() => { const mapSize = 190; let attempts = 0; const maxAttempts = 50; while (attempts < maxAttempts) { attempts++; const x = (Math.random() - 0.5) * mapSize; const z = (Math.random() - 0.5) * mapSize; const playerDist = new THREE.Vector3(x, 0, z).distanceTo(playerBody.position); const berkDist = new THREE.Vector3(x, 0, z).distanceTo(berkBody.position); // Check distance from existing cookies let tooClose = false; for (const cookie of cookieBoosts) { const cookieDist = new THREE.Vector3(x, 0, z).distanceTo(cookie.position); if (cookieDist < 15) { tooClose = true; break; } } if (playerDist > 8 && berkDist > 8 && !tooClose) { const newBoost = createCookieBoost(new THREE.Vector3(x, 0, z)); cookieBoosts.push(newBoost); break; } } }, 3000); // Respawn after 3 seconds // Add time to the chase timer // Get the current chase timer value if it exists if (chaseTimer && chaseTimerDisplay) { const currentTime = parseInt(chaseTimerDisplay.textContent); // Add 5 seconds to the current time const newTime = currentTime + 5; // Update timer display chaseTimerDisplay.textContent = newTime; // Update the timer interval clearInterval(chaseTimer); const startTime = Date.now(); const updateTimer = () => { const elapsed = (Date.now() - startTime) / 1000; const timeLeft = Math.ceil(newTime - elapsed); if (timeLeft <= 0) { clearInterval(chaseTimer); if (chaseTimerDisplay && chaseTimerDisplay.parentNode) { chaseTimerDisplay.parentNode.removeChild(chaseTimerDisplay); } endGame(false); return; } chaseTimerDisplay.textContent = timeLeft; }; updateTimer(); chaseTimer = setInterval(updateTimer, 100); } // Update Power-Up Chaser achievement if (!achievements.powerUpChaser.achieved) { achievements.powerUpChaser.conditions.cookie = true; if (!achievements.powerUpChaser.startTime) { achievements.powerUpChaser.startTime = Date.now(); } if (achievements.powerUpChaser.conditions.speed && achievements.powerUpChaser.conditions.shield && achievements.powerUpChaser.conditions.cookie) { const timeTaken = Date.now() - achievements.powerUpChaser.startTime; if (timeTaken <= 10000) { achievements.powerUpChaser.achieved = true; showAchievement(achievements.powerUpChaser.name); } } } // Create cookie boost effect message let cookieMessage = document.createElement('div'); cookieMessage.style.position = 'absolute'; cookieMessage.style.top = '50%'; cookieMessage.style.left = '50%'; cookieMessage.style.transform = 'translate(-50%, -50%)'; cookieMessage.style.color = '#ffd700'; cookieMessage.style.fontSize = '36px'; cookieMessage.style.fontWeight = 'bold'; cookieMessage.style.textAlign = 'center'; cookieMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; cookieMessage.style.fontFamily = 'Arial, sans-serif'; cookieMessage.style.zIndex = '1000'; cookieMessage.textContent = '+10 SECONDS!'; parentDiv.appendChild(cookieMessage); setTimeout(() => { if (cookieMessage.parentNode) { cookieMessage.parentNode.removeChild(cookieMessage); } }, 1000); return false; } // Update cookie boost animation boost.mesh.lookAt(camera.position); boost.mesh.position.y = 2.5 + Math.sin(currentTime * 0.003) * 0.3; boost.mesh.rotation.y += boost.rotationSpeed; return true; }); // Update speed boosts speedBoosts.forEach(boost => { // Rotate to always face the camera boost.mesh.lookAt(camera.position); // Add floating animation boost.mesh.position.y = 2.5 + Math.sin(currentTime * 0.003) * 0.3; // Bobbing up and down // Spin around Y axis boost.mesh.rotation.y += boost.rotationSpeed; }); // Check for collection speedBoosts = speedBoosts.filter(boost => { const distance = new THREE.Vector3( playerBody.position.x - boost.position.x, 0, playerBody.position.z - boost.position.z ).length(); if (distance < 2) { // Collect speed boost scene.remove(boost.mesh); // Apply speed boost playerSpeedBoostEndTime = currentTime + speedBoostDuration; // Update Power-Up Chaser achievement for speed boost if (!achievements.powerUpChaser.achieved) { achievements.powerUpChaser.conditions.speed = true; if (!achievements.powerUpChaser.startTime) { achievements.powerUpChaser.startTime = Date.now(); } } // Update speed boost achievement achievements.speedster.current++; achievements.powerUpMaster.conditions.speed = true; // Check speedster achievement if (achievements.speedster.current >= achievements.speedster.target && !achievements.speedster.achieved) { achievements.speedster.achieved = true; showAchievement(achievements.speedster.name); } // Check power-up master achievement if (achievements.powerUpMaster.conditions.speed && achievements.powerUpMaster.conditions.shield && !achievements.powerUpMaster.achieved) { achievements.powerUpMaster.achieved = true; showAchievement(achievements.powerUpMaster.name); } // Create speed boost effect message let speedMessage = document.createElement('div'); speedMessage.style.position = 'absolute'; speedMessage.style.top = '50%'; speedMessage.style.left = '50%'; speedMessage.style.transform = 'translate(-50%, -50%)'; speedMessage.style.color = '#00ff00'; speedMessage.style.fontSize = '36px'; speedMessage.style.fontWeight = 'bold'; speedMessage.style.textAlign = 'center'; speedMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; speedMessage.style.fontFamily = 'Arial, sans-serif'; speedMessage.style.zIndex = '1000'; speedMessage.textContent = 'SPEED BOOST!'; parentDiv.appendChild(speedMessage); setTimeout(() => { if (speedMessage.parentNode) { speedMessage.parentNode.removeChild(speedMessage); } }, 1000); return false; // Remove from array } return true; }); let shieldEffect = document.getElementById('shieldEffect'); // Check if shield is active and update visual effect if (currentTime < playerShieldEndTime) { if (!shieldEffect) { shieldEffect = document.createElement('div'); shieldEffect.id = 'shieldEffect'; shieldEffect.style.position = 'absolute'; shieldEffect.style.top = '0'; shieldEffect.style.left = '0'; shieldEffect.style.width = '100%'; shieldEffect.style.height = '100%'; shieldEffect.style.backgroundColor = 'rgba(0, 0, 255, 0.2)'; shieldEffect.style.pointerEvents = 'none'; shieldEffect.style.zIndex = '999'; shieldEffect.style.boxShadow = 'inset 0 0 50px rgba(0, 0, 255, 0.5)'; shieldEffect.style.animation = 'pulse 2s infinite'; // Add CSS animation for pulsing effect const style = document.createElement('style'); style.textContent = ` @keyframes pulse { 0% { box-shadow: inset 0 0 50px rgba(0, 0, 255, 0.5); } 50% { box-shadow: inset 0 0 80px rgba(0, 0, 255, 0.7); } 100% { box-shadow: inset 0 0 50px rgba(0, 0, 255, 0.5); } } `; document.head.appendChild(style); parentDiv.appendChild(shieldEffect); } } else if (shieldEffect) { shieldEffect.parentNode.removeChild(shieldEffect); } // Update shield boosts shieldBoosts = shieldBoosts.filter(boost => { const distance = new THREE.Vector3( playerBody.position.x - boost.position.x, 0, playerBody.position.z - boost.position.z ).length(); if (distance < 2) { // Collect shield boost scene.remove(boost.mesh); // Update Power-Up Chaser achievement for shield boost if (!achievements.powerUpChaser.achieved) { achievements.powerUpChaser.conditions.shield = true; if (!achievements.powerUpChaser.startTime) { achievements.powerUpChaser.startTime = Date.now(); } } // Apply shield boost playerShieldEndTime = currentTime + shieldBoostDuration; // Update shield boost achievement achievements.shieldBearer.current++; achievements.powerUpMaster.conditions.shield = true; // Check shield bearer achievement if (achievements.shieldBearer.current >= achievements.shieldBearer.target && !achievements.shieldBearer.achieved) { achievements.shieldBearer.achieved = true; showAchievement(achievements.shieldBearer.name); } // Check power-up master achievement if (achievements.powerUpMaster.conditions.speed && achievements.powerUpMaster.conditions.shield && !achievements.powerUpMaster.achieved) { achievements.powerUpMaster.achieved = true; showAchievement(achievements.powerUpMaster.name); } // Create shield boost effect message let shieldMessage = document.createElement('div'); shieldMessage.style.position = 'absolute'; shieldMessage.style.top = '50%'; shieldMessage.style.left = '50%'; shieldMessage.style.transform = 'translate(-50%, -50%)'; shieldMessage.style.color = '#0000ff'; shieldMessage.style.fontSize = '36px'; shieldMessage.style.fontWeight = 'bold'; shieldMessage.style.textAlign = 'center'; shieldMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; shieldMessage.style.fontFamily = 'Arial, sans-serif'; shieldMessage.style.zIndex = '1000'; shieldMessage.textContent = 'SHIELD ACTIVATED!'; parentDiv.appendChild(shieldMessage); setTimeout(() => { if (shieldMessage.parentNode) { shieldMessage.parentNode.removeChild(shieldMessage); } }, 1000); return false; } // Update shield boost animation boost.mesh.lookAt(camera.position); boost.mesh.position.y = 2.5 + Math.sin(currentTime * 0.003) * 0.3; boost.mesh.rotation.y += boost.rotationSpeed; return true; }); // Handle french fries boosts frenchFriesBoosts = frenchFriesBoosts.filter(boost => { const distance = new THREE.Vector3( playerBody.position.x - boost.position.x, 0, playerBody.position.z - boost.position.z ).length(); if (distance < 2) { // Consume french fries scene.remove(boost.mesh); // Decrease escape timer by 5 seconds if (!hasBurger && burgerHoldStartTime > 0) { burgerHoldStartTime -= 5000; // Subtract 5 seconds from start time to decrease remaining time // Create french fries effect message let friesMessage = document.createElement('div'); friesMessage.style.position = 'absolute'; friesMessage.style.top = '50%'; friesMessage.style.left = '50%'; friesMessage.style.transform = 'translate(-50%, -50%)'; friesMessage.style.color = '#FFA500'; friesMessage.style.fontSize = '36px'; friesMessage.style.fontWeight = 'bold'; friesMessage.style.textAlign = 'center'; friesMessage.style.textShadow = '2px 2px 4px rgba(0, 0, 0, 0.7)'; friesMessage.style.fontFamily = 'Arial, sans-serif'; friesMessage.style.zIndex = '1000'; friesMessage.textContent = '-5 SECONDS!'; parentDiv.appendChild(friesMessage); setTimeout(() => { if (friesMessage.parentNode) { friesMessage.parentNode.removeChild(friesMessage); } }, 1000); } return false; } // Update french fries animation boost.mesh.lookAt(camera.position); boost.mesh.position.y = 2.5 + Math.sin(currentTime * 0.003) * 0.3; boost.mesh.rotation.y += boost.rotationSpeed; return true; }); // Update french fries visibility based on burger possession frenchFriesBoosts.forEach(boost => { boost.mesh.visible = !hasBurger; }); // Spawn french fries when player has the burger if (!hasBurger && frenchFriesBoosts.length < 3 && Math.random() < 0.005) { const mapSize = 190; const x = (Math.random() - 0.5) * mapSize; const z = (Math.random() - 0.5) * mapSize; const playerDist = new THREE.Vector3(x, 0, z).distanceTo(playerBody.position); const berkDist = new THREE.Vector3(x, 0, z).distanceTo(berkBody.position); if (playerDist > 10 && berkDist > 10) { const boost = createFrenchFriesBoost(new THREE.Vector3(x, 0, z)); frenchFriesBoosts.push(boost); } } // Spawn new boosts if needed // Only check for shield boosts when in round 5 or higher if ((speedBoosts.length < maxSpeedBoosts || (currentRound >= 5 && shieldBoosts.length < maxShieldBoosts)) && Math.random() < 0.01) { spawnBoosts(); } } function showAchievement(achievementName) { const achievementNotification = document.createElement('div'); achievementNotification.style.position = 'absolute'; achievementNotification.style.top = '120px'; achievementNotification.style.left = '50%'; achievementNotification.style.transform = 'translateX(-50%)'; achievementNotification.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; achievementNotification.style.color = '#FFD700'; achievementNotification.style.padding = '15px 30px'; achievementNotification.style.borderRadius = '10px'; achievementNotification.style.fontSize = '24px'; achievementNotification.style.fontWeight = 'bold'; achievementNotification.style.textAlign = 'center'; achievementNotification.style.zIndex = '1000'; achievementNotification.style.opacity = '0'; achievementNotification.style.transition = 'opacity 0.5s'; achievementNotification.innerHTML = `🏆 Achievement Unlocked:
${achievementName}`; parentDiv.appendChild(achievementNotification); // Fade in setTimeout(() => { achievementNotification.style.opacity = '1'; }, 100); // Fade out and remove after 3 seconds setTimeout(() => { achievementNotification.style.opacity = '0'; setTimeout(() => { if (achievementNotification.parentNode) { achievementNotification.parentNode.removeChild(achievementNotification); } }, 500); }, 3000); } // Start animation // Create french fries boost function createFrenchFriesBoost(position) { const boostGeometry = new THREE.PlaneGeometry(3, 3); const boostTexture = textureLoader.load('https://play.rosebud.ai/assets/french fries.png?8MBc'); const boostMaterial = new THREE.MeshBasicMaterial({ map: boostTexture, transparent: true, side: THREE.DoubleSide, depthWrite: false, emissive: new THREE.Color(0xFFA500), emissiveIntensity: 0.5 }); const boostMesh = new THREE.Mesh(boostGeometry, boostMaterial); boostMesh.position.copy(position); boostMesh.position.y = 2.5; boostMesh.rotation.x = 0; scene.add(boostMesh); return { mesh: boostMesh, position: position, rotationSpeed: 0.02 + Math.random() * 0.03 }; } animate();