// ------------------------------------ // 1) Three.js Imports // ------------------------------------ import * as THREE from 'three'; import * as TWEEN from 'https://cdn.jsdelivr.net/npm/@tweenjs/tween.js@18.6.4/dist/tween.esm.js'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; // Add movement control flag import { OBJLoader } from 'three/addons/loaders/OBJLoader.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'; window.THREE = THREE; window.OrbitControls = OrbitControls; window.EffectComposer = EffectComposer; window.RenderPass = RenderPass; window.UnrealBloomPass = UnrealBloomPass; window.SMAAPass = SMAAPass; // ------------------------------------ // 2) Your External Modules // ------------------------------------ // Disclaimers / disclaimers UI import { initDisclaimers } from 'https://play.rosebud.ai/assets/disclaimers.js?gDyL'; // Menu UI (title screen, candle, spider, etc.) import { initMenuUI } from 'https://play.rosebud.ai/assets/menuUI.js?kqFV'; // Instructions popup import { initInstructionsUI } from 'https://play.rosebud.ai/assets/instructionsUI.js?vBlZ'; // Credits popup import { initCreditsUI } from 'https://play.rosebud.ai/assets/creditsUI.js?gBSn'; // Mobile D-Pad & Buttons import { initMobileControls } from 'https://play.rosebud.ai/assets/initMobileControls.js?WjJD'; // Title UI import { initTitleUI } from 'https://play.rosebud.ai/assets/initTitleUI.js?an6c'; // Dialog UI + Cheat UI + Lightter Instructions + import { initDialogueAndCheatAndLighterInstructions } from 'https://play.rosebud.ai/assets/initDialogueAndCheatAndLighterInstructions.js?cUpz'; // ------------------------------------ // 3) Global Variables // ------------------------------------ // Movement tracking for spider trigger let continuousMovementStartTime = 0; let isMovingContinuously = false; // Spider Variables let spiderModel = null; let spiderMixer = null; let spiderAnimations = {}; let isSpiderActive = false; let hasFirstLighterOff = false; let spiderTimeout = null; let lastSpiderTime = 0; let MIN_SPIDER_INTERVAL = 8000; // Reduced to 8 seconds between appearances let darknessAppearanceCount = 0; // Track appearances during darkness let hasUsedLighterFirstTime = false; // Track first lighter usage // Game States const GameState = { MENU: 'menu', INTRO: 'intro', PLAYING: 'playing', WIN: 'win', LOSE: 'lose' }; window.GameState = GameState; window.currentGameState = GameState.MENU; // Initialize parent div first const parentDiv = document.getElementById('renderDiv'); window.parentDiv = parentDiv; // Create fuel gauge container const fuelGaugeContainer = document.createElement('div'); fuelGaugeContainer.style.position = 'absolute'; fuelGaugeContainer.style.bottom = '20px'; fuelGaugeContainer.style.left = '20px'; fuelGaugeContainer.style.width = '200px'; fuelGaugeContainer.style.zIndex = '1000'; fuelGaugeContainer.style.display = 'none'; // Initially hide the fuel gauge // Create fuel gauge label const fuelLabel = document.createElement('div'); fuelLabel.textContent = 'LIGHTER FUEL LIQUID'; fuelLabel.style.color = '#ffffff'; fuelLabel.style.fontFamily = 'Creepster, cursive'; fuelLabel.style.fontSize = '16px'; fuelLabel.style.marginBottom = '5px'; // Create fuel gauge bar background const fuelBarBg = document.createElement('div'); fuelBarBg.style.width = '100%'; fuelBarBg.style.height = '20px'; fuelBarBg.style.backgroundColor = '#333333'; fuelBarBg.style.border = '2px solid #ffffff'; // Create fuel gauge bar fill const fuelBarFill = document.createElement('div'); fuelBarFill.style.width = '100%'; fuelBarFill.style.height = '100%'; fuelBarFill.style.backgroundColor = '#ff9933'; fuelBarFill.style.transition = 'width 0.5s linear'; // Assemble fuel gauge fuelBarBg.appendChild(fuelBarFill); fuelGaugeContainer.appendChild(fuelLabel); fuelGaugeContainer.appendChild(fuelBarBg); parentDiv.appendChild(fuelGaugeContainer); // Initialize fuel system variables let fuelLevel = 100; let fuelDepletionInterval = null; let boosterSpawnInterval = null; let lastBoosterSpawnTime = 0; let canMove = false; let hasUsedLighterOnce = false; let darknessTimer = 0; let darknessInterval = null; let windInterval = null; let windSound = null; let heartbeatSound = null; let heartbeatInterval = null; // Create darkness timer display const darknessTimerDisplay = document.createElement('div'); darknessTimerDisplay.style.position = 'absolute'; darknessTimerDisplay.style.top = '20px'; darknessTimerDisplay.style.left = '50%'; darknessTimerDisplay.style.transform = 'translateX(-50%)'; darknessTimerDisplay.style.color = '#ff0000'; darknessTimerDisplay.style.fontSize = '36px'; darknessTimerDisplay.style.fontFamily = 'Creepster, cursive'; darknessTimerDisplay.style.display = 'none'; darknessTimerDisplay.style.zIndex = '1000'; parentDiv.appendChild(darknessTimerDisplay); // Create initial click screen const clickScreen = document.createElement('div'); clickScreen.style.position = 'absolute'; clickScreen.style.width = '100%'; clickScreen.style.height = '100%'; clickScreen.style.backgroundColor = 'black'; clickScreen.style.color = '#ff0000'; clickScreen.style.display = 'flex'; clickScreen.style.justifyContent = 'center'; clickScreen.style.alignItems = 'center'; clickScreen.style.cursor = 'pointer'; clickScreen.style.zIndex = '3000'; clickScreen.style.fontFamily = 'Creepster, cursive'; clickScreen.style.fontSize = '48px'; clickScreen.style.textShadow = '2px 2px 4px #000000'; clickScreen.textContent = 'CLICK THE SCREEN IF YOU DARE'; // Add click event listener clickScreen.addEventListener('click', () => { clickScreen.style.display = 'none'; loadingScreen.style.display = 'flex'; // Play creator credit sound const creditSound = new Audio('https://play.rosebud.ai/assets/brainjooseproductionsound.mp3?51ZW'); creditSound.volume = 1.0; creditSound.play().then(() => { // After credit sound finishes, show disclaimers sequence window.creditContainer.style.display = 'flex'; setTimeout(() => { window.creditContainer.style.display = 'none'; window.creditContainer.remove(); // Remove from DOM window.xboxDisclaimerContainer.style.display = 'flex'; window.currentDisclaimerIndex = 0; // Play Xbox disclaimer sound if (window.xboxDisclaimerSound) { window.xboxDisclaimerSound.currentTime = 0; window.xboxDisclaimerSound.volume = 1.0; window.xboxDisclaimerSound.play().catch(console.error); } }, 3000); }).catch(console.error); }); parentDiv.appendChild(clickScreen); // Debug initDisclaimers(parentDiv); // Create menu container if (!parentDiv) { console.error('Parent div not found!'); throw new Error('Parent div not found! Make sure element with id "renderDiv" exists.'); } // Add Google Fonts link for a scary font const fontLink = document.createElement('link'); fontLink.href = 'https://fonts.googleapis.com/css2?family=Creepster&display=swap'; fontLink.rel = 'stylesheet'; document.head.appendChild(fontLink); // Create and append keyframes for flashing animation const flashingKeyframes = ` @keyframes flash { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes spiderDance { 0% { transform: translate(200px, 0) rotate(180deg) scale(1); } 25% { transform: translate(0, 200px) rotate(270deg) scale(1.2); } 50% { transform: translate(-200px, 0) rotate(360deg) scale(1); } 75% { transform: translate(0, -200px) rotate(450deg) scale(1.2); } 85% { transform: translate(100px, -100px) rotate(495deg) scale(0.8); } 95% { transform: translate(-100px, 100px) rotate(585deg) scale(1.1); } 100% { transform: translate(200px, 0) rotate(540deg) scale(1); } }`; const keyframesStyle = document.createElement('style'); keyframesStyle.textContent = flashingKeyframes; document.head.appendChild(keyframesStyle); // Debug initMenuUI() //Debug initDialogueAndCheatAndLighterInstructions() // Function to show dialogue with optional audio export function showDialogue(text, duration = 5000, audioUrl = null, callback = null) { window.dialogueContainer.textContent = text; window.dialogueContainer.style.display = 'block'; if (audioUrl) { const audio = new Audio(audioUrl); audio.addEventListener('ended', () => { window.dialogueContainer.style.display = 'none'; if (callback) callback(); }); audio.play(); } else { setTimeout(() => { window.dialogueContainer.style.display = 'none'; if (callback) callback(); }, duration); } } // Debug initTitleUI() // Create menu buttons const createMenuButton = (text) => { const button = document.createElement('button'); button.textContent = text; button.style.width = '200px'; button.style.padding = '15px'; button.style.margin = '10px'; button.style.backgroundColor = 'transparent'; button.style.border = '2px solid #ffffff'; button.style.color = '#ffffff'; button.style.fontSize = '20px'; button.style.cursor = 'pointer'; button.style.transition = 'all 0.3s ease'; button.style.outline = 'none'; // Add outline none for cleaner look // Add a data attribute to track if button was recently clicked button.dataset.lastClicked = '0'; button.addEventListener('mouseover', () => { if (!button.dataset.selected) { button.style.backgroundColor = 'rgba(255, 255, 255, 0.2)'; } }); button.addEventListener('mouseout', () => { if (!button.dataset.selected) { button.style.backgroundColor = 'transparent'; } }); return button; }; const playButton = createMenuButton('Play'); window.playButton = createMenuButton; const instructionsButton = createMenuButton('Instructions'); window.instructionsButton = instructionsButton; const creditsButton = createMenuButton('Credits'); window.creditsButton = creditsButton; // Keep track of currently selected button window.selectedButtonIndex = 0; const menuButtons = [playButton, instructionsButton, creditsButton]; window.menuButtons = menuButtons; // Debug initCreditsUI() // Debug initInstructionsUI() // Function to highlight the currently selected button function updateMenuButtonHighlight() { menuButtons.forEach((button, index) => { if (index === selectedButtonIndex) { button.style.backgroundColor = 'rgba(255, 255, 255, 0.2)'; button.style.transform = 'scale(1.1)'; } else { button.style.backgroundColor = 'transparent'; button.style.transform = 'scale(1)'; } }); } window.updateMenuButtonHighlight = updateMenuButtonHighlight; // Add initial highlight to play button updateMenuButtonHighlight(); window.menuContainer.appendChild(playButton); window.menuContainer.appendChild(instructionsButton); window.menuContainer.appendChild(creditsButton); // Candle flicker animation let flickerInterval; function startCandleAnimation(candleFlame) { flickerInterval = setInterval(() => { // Random flicker effect if (Math.random() < 0.1) { // 10% chance to flicker candleFlame.style.opacity = '0.7'; candleFlame.style.transform = `translateY(${-20 + Math.random() * 2}px) scale(${0.95 + Math.random() * 0.1})`; setTimeout(() => { candleFlame.style.opacity = '1'; candleFlame.style.transform = 'translateY(-20px) scale(1)'; }, 50 + Math.random() * 100); } }, 100); } // Start candle animation startCandleAnimation(window.candleFlame); window.candleFlame.style.transition = 'all 0.1s ease-in-out'; // Play button click handler playButton.addEventListener('click', (event) => { // Prevent any default behavior event.preventDefault(); // Debug log to verify click handler is being called console.log('Play button clicked'); if (window.currentDisclaimerIndex !== 3) { console.log('Disclaimers not completed:', window.currentDisclaimerIndex); return; } window.menuContainer.style.display = 'none'; loadingScreen.style.display = 'none'; // Ensure loading screen is hidden currentGameState = GameState.PLAYING; clearInterval(flickerInterval); // Stop menu music if it's playing if (window.menuMusic) { window.menuMusic.pause(); window.menuMusic.currentTime = 0; } // Clear any selected states from menu buttons menuButtons.forEach(button => { button.dataset.selected = ''; button.style.backgroundColor = 'transparent'; }); // Show dialogue sequence with audio // Show first dialogue showDialogue( "Where... where am I? That's my bed, but something feels different...", null, 'https://play.rosebud.ai/assets/whereami.mp3?D8lP', () => { // Show second dialogue after first one ends showDialogue( "Am I dreaming?", null, 'https://play.rosebud.ai/assets/amidreaming.mp3?pWkZ', () => { // Show third dialogue after second one ends showDialogue( "I need to get out of here!", null, 'https://play.rosebud.ai/assets/ineedtogetoutofhere.mp3?TcQj', () => { // Enable movement immediately after third dialogue ends canMove = true; } ); } ); } ); // Start the background music only after user interaction if (backgroundMusic) { backgroundMusic.play().catch(console.error); } }); // Initialize loading manager const loadingManager = new THREE.LoadingManager(); const textureLoader = new THREE.TextureLoader(loadingManager); // Load spider model import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'; const gltfLoader = new GLTFLoader(loadingManager); // Load spider model gltfLoader.load('https://play.rosebud.ai/assets/DemonSpider_Animation_Walking_withSkin.glb?jDFe', (gltf) => { spiderModel = gltf.scene; spiderModel.scale.set(0.5, 0.5, 0.5); spiderModel.visible = false; scene.add(spiderModel); // Setup animations spiderMixer = new THREE.AnimationMixer(spiderModel); gltf.animations.forEach(clip => { spiderAnimations[clip.name] = spiderMixer.clipAction(clip); }); }); const objLoader = new OBJLoader(loadingManager); let assetsLoaded = false; let playerArm; let isLighterOn = false; let activeFuelBoosters = []; // Function to spawn fuel booster function spawnFuelBooster() { // Only spawn if camera exists, scene exists, player has used lighter, and fuel is depleted if (!camera || !scene || !hasUsedLighterOnce || fuelLevel > 0) return; const now = Date.now(); if (now - lastBoosterSpawnTime < 5000) return; // Check 5-second cooldown // 25% chance to spawn if we don't already have boosters if (activeFuelBoosters.length > 0 || Math.random() > 0.25) return; // Get position in front of player const forward = new THREE.Vector3(); camera.getWorldDirection(forward); const spawnPosition = camera.position.clone() .add(forward.multiplyScalar(10)); // Load fuel booster model objLoader.load('https://play.rosebud.ai/assets/lighterfuelrefill.obj?6eEI', (booster) => { booster.traverse((child) => { if (child.isMesh) { child.material = new THREE.MeshStandardMaterial({ color: 0xff9933, emissive: 0xff4400, emissiveIntensity: 0.5, metalness: 0.7, roughness: 0.3 }); child.castShadow = true; child.receiveShadow = true; } }); booster.scale.set(0.5, 0.5, 0.5); booster.position.copy(spawnPosition); booster.position.y = 2; // Lift slightly off ground booster.userData.isBooster = true; scene.add(booster); activeFuelBoosters.push(booster); // Add point light to make booster glow const boosterLight = new THREE.PointLight(0xff9933, 1, 5); boosterLight.position.copy(spawnPosition); boosterLight.position.y += 2; scene.add(boosterLight); // Remove after 30 seconds if not collected setTimeout(() => { if (scene.getObjectById(booster.id)) { scene.remove(booster); scene.remove(boosterLight); activeFuelBoosters = activeFuelBoosters.filter(b => b.id !== booster.id); } }, 30000); }); lastBoosterSpawnTime = now; } // Load player arm textures const armTextureOff = textureLoader.load('https://play.rosebud.ai/assets/playersarmholdinglighteroff.png?W1ZJ'); const armTextureOn = textureLoader.load('https://play.rosebud.ai/assets/playersarmholdinglight.png?OaAa'); armTextureOff.encoding = THREE.sRGBEncoding; armTextureOn.encoding = THREE.sRGBEncoding; 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 = 'black'; loadingScreen.style.color = '#ff0000'; loadingScreen.style.display = 'none'; loadingScreen.style.flexDirection = 'column'; loadingScreen.style.justifyContent = 'center'; loadingScreen.style.alignItems = 'center'; loadingScreen.style.fontFamily = 'Creepster, cursive'; // Create main loading text const loadingTitle = document.createElement('div'); loadingTitle.textContent = 'HANG ON BABY...'; loadingTitle.style.fontSize = '64px'; loadingTitle.style.marginBottom = '30px'; loadingTitle.style.textShadow = '2px 2px 4px #000000'; // Create progress text const loadingProgress = document.createElement('div'); loadingProgress.style.fontSize = '24px'; loadingProgress.style.fontFamily = 'Arial, sans-serif'; loadingProgress.style.color = '#ffffff'; loadingProgress.textContent = 'Loading... 0%'; loadingScreen.appendChild(loadingTitle); loadingScreen.appendChild(loadingProgress); parentDiv.appendChild(loadingScreen); // Initialize background music variable let backgroundMusic; // Loading manager events loadingManager.onProgress = function(url, itemsLoaded, itemsTotal) { const progress = ((itemsLoaded / itemsTotal) * 100).toFixed(0); loadingProgress.textContent = `Loading... ${progress}%`; }; // Add flag to track if Xbox disclaimer sound has played let xboxDisclaimerSoundPlayed = false; loadingManager.onLoad = function() { assetsLoaded = true; loadingScreen.style.display = 'none'; loadingScreen.remove(); // Remove loading screen from DOM completely // Initialize menu music and other sound effects window.menuMusic = new Audio('https://play.rosebud.ai/assets/JimmyJumpertitlemenubackgroundmusic.mp3?VqDl'); window.menuMusic.loop = true; window.menuMusic.volume = 1.0; backgroundMusic = new Audio('https://play.rosebud.ai/assets/night ambience.mp3?22dE'); backgroundMusic.loop = true; backgroundMusic.volume = 0.2; // Adjusted volume for ambience track // Initialize hint system sounds window.hintSounds = { coldest: new Audio('https://play.rosebud.ai/assets/coldestdistance.mp3?03NR'), colder: new Audio('https://play.rosebud.ai/assets/colderdistance.mp3?BcLD'), cold: new Audio('https://play.rosebud.ai/assets/colddistance.mp3?XVPI'), warm: new Audio('https://play.rosebud.ai/assets/warmdistance.mp3?DqXn'), warmer: new Audio('https://play.rosebud.ai/assets/warmerdistance.mp3?j5rP'), hot: new Audio('https://play.rosebud.ai/assets/hotdistance.mp3?BFQY'), hotter: new Audio('https://play.rosebud.ai/assets/hotterdistance.mp3?aO4F'), hottest: new Audio('https://play.rosebud.ai/assets/hottestdistance.mp3?Vyyj') }; // Create Xbox disclaimer sound window.xboxDisclaimerSound = new Audio('https://play.rosebud.ai/assets/xboxcontrollerdisclaimersound.mp3?54tl'); window.xboxDisclaimerSound.volume = 1.0; // Create horror disclaimer sound window.horrorDisclaimerSound = new Audio('https://play.rosebud.ai/assets/dontpoopyourpants.MP3?ByQX'); window.horrorDisclaimerSound.volume = 1.0; // Create seizure warning sound window.seizureWarningSound = new Audio('https://play.rosebud.ai/assets/seizurewarningsound.mp3?X3OJ'); window.seizureWarningSound.volume = 1.0; // Create controller connected sound window.controllerConnectedSound = new Audio('https://play.rosebud.ai/assets/controllerconnectedsound.mp3?nCox'); window.controllerConnectedSound.volume = 1.0; // Create lighter sound window.lighterSound = new Audio('https://play.rosebud.ai/assets/lighter on sound.mp3?Ecrs'); window.lighterSound.volume = 0.3; // Create walking sound window.walkingSound = new Audio('https://play.rosebud.ai/assets/walking sound.mp3?ymxG'); window.walkingSound.loop = true; window.walkingSound.volume = 0.4; // Adjusted for clear walking sound // Music will start playing when Play button is clicked }; // Initialize the scene let scene = new THREE.Scene(); // Clock for animation const clock = new THREE.Clock(); // Initialize the camera let camera = new THREE.PerspectiveCamera( 75, canvas.offsetWidth / canvas.offsetHeight, 0.1, 1000 ); // Function to create bedroom function createBedroom() { // Room dimensions const roomWidth = 20; const roomLength = 20; const roomHeight = 10; // Create floor const floorGeometry = new THREE.PlaneGeometry(roomWidth, roomLength); const floorTexture = textureLoader.load('https://play.rosebud.ai/assets/bedroom floor.png?Zifi'); floorTexture.wrapS = floorTexture.wrapT = THREE.RepeatWrapping; floorTexture.repeat.set(4, 4); const floorMaterial = new THREE.MeshStandardMaterial({ map: floorTexture }); const floor = new THREE.Mesh(floorGeometry, floorMaterial); floor.rotation.x = -Math.PI / 2; floor.position.set(-180, 0.01, -180); // Raised slightly above terrain to prevent z-fighting scene.add(floor); // Create ceiling const ceilingGeometry = new THREE.PlaneGeometry(roomWidth, roomLength); const ceilingTexture = textureLoader.load('https://play.rosebud.ai/assets/bedroom ceiling.png?mRXF'); ceilingTexture.wrapS = ceilingTexture.wrapT = THREE.RepeatWrapping; ceilingTexture.repeat.set(4, 4); const ceilingMaterial = new THREE.MeshStandardMaterial({ map: ceilingTexture }); const ceiling = new THREE.Mesh(ceilingGeometry, ceilingMaterial); ceiling.rotation.x = Math.PI / 2; ceiling.position.set(-180, roomHeight, -180); scene.add(ceiling); // Add bedroom ceiling light const bedroomLight = new THREE.PointLight(0xffffcc, 1.5, 20); // Increased intensity, reduced range bedroomLight.position.set(-185, roomHeight - 2, -185); // Moved closer to bed bedroomLight.castShadow = true; bedroomLight.shadow.mapSize.width = 512; bedroomLight.shadow.mapSize.height = 512; bedroomLight.shadow.camera.near = 0.1; bedroomLight.shadow.camera.far = 20; bedroomLight.decay = 2; // Add quadratic light falloff for more realistic attenuation scene.add(bedroomLight); // Add a subtle fill light for the bed area const bedLight = new THREE.PointLight(0xffffcc, 0.5, 10); bedLight.position.set(-185, 3, -185); // Position just above the bed bedLight.decay = 2; scene.add(bedLight); // Create walls const wallTexture = textureLoader.load('https://play.rosebud.ai/assets/bedroom wall.png?o2Wy'); wallTexture.wrapS = wallTexture.wrapT = THREE.RepeatWrapping; wallTexture.repeat.set(2, 1); const wallMaterial = new THREE.MeshStandardMaterial({ map: wallTexture }); // North wall (with door) const northWallGeometry = new THREE.PlaneGeometry(roomWidth, roomHeight); const northWall = new THREE.Mesh(northWallGeometry, wallMaterial); northWall.position.set(-180, roomHeight / 2, -190); scene.add(northWall); // South wall const southWall = new THREE.Mesh(northWallGeometry, wallMaterial); southWall.position.set(-180, roomHeight / 2, -170); southWall.rotation.y = Math.PI; scene.add(southWall); // East wall const eastWallGeometry = new THREE.PlaneGeometry(roomLength, roomHeight); const eastWall = new THREE.Mesh(eastWallGeometry, wallMaterial); eastWall.position.set(-170, roomHeight / 2, -180); eastWall.rotation.y = -Math.PI / 2; scene.add(eastWall); // West wall const westWall = new THREE.Mesh(eastWallGeometry, wallMaterial); westWall.position.set(-190, roomHeight / 2, -180); westWall.rotation.y = Math.PI / 2; scene.add(westWall); // Add bedroom furniture objLoader.load('https://play.rosebud.ai/assets/the bed.obj?ix6N', (bed) => { bed.traverse((child) => { if (child.isMesh) { child.material = new THREE.MeshStandardMaterial({ color: 0x8B4513, roughness: 0.8, metalness: 0.2 }); child.castShadow = true; child.receiveShadow = true; } }); bed.scale.set(1.5, 1.5, 1.5); bed.position.set(-185, 0.8, -185); bed.rotation.y = Math.PI / 2; scene.add(bed); // Add collision box for bed collisionObjects.push({ position: new THREE.Vector2(-185, -185), radius: 1.5 // Reduced collision radius for bed }); }); objLoader.load('https://play.rosebud.ai/assets/bedroom nightstand.obj?c1iK', (nightstand) => { nightstand.traverse((child) => { if (child.isMesh) { child.material = new THREE.MeshStandardMaterial({ color: 0x8B4513, roughness: 0.8, metalness: 0.2 }); child.castShadow = true; child.receiveShadow = true; } }); nightstand.scale.set(1.5, 1.5, 1.5); nightstand.position.set(-187, 1.2, -183); nightstand.rotation.y = Math.PI / 2; // Rotate 90 degrees to face left scene.add(nightstand); // Add collision box for nightstand collisionObjects.push({ position: new THREE.Vector2(-187, -183), radius: 0.8 // Reduced collision radius for nightstand }); }); // Create portal sound window.portalSound = new Audio('https://play.rosebud.ai/assets/portal sound.mp3?Z2EL'); window.portalSound.loop = true; window.portalSound.volume = 0.3; // Load and create both portals objLoader.load('https://play.rosebud.ai/assets/Blue Portal.obj?vxPS', (portal) => { portal.traverse((child) => { if (child.isMesh) { child.material = new THREE.MeshStandardMaterial({ color: 0x00ffff, emissive: 0x0044ff, emissiveIntensity: 0.5, roughness: 0.3, metalness: 0.7 }); child.castShadow = true; child.receiveShadow = true; } }); portal.scale.set(3, 3, 3); portal.position.set(-170, 2, -180); portal.rotation.y = Math.PI / 2; // Rotate 90 degrees to face left scene.add(portal); // Add point light to make the portal glow const portalLight = new THREE.PointLight(0x00ffff, 2, 10); portalLight.position.copy(portal.position); portalLight.position.x += 1; // Move light slightly forward from the wall portalLight.position.y += 2; scene.add(portalLight); }); // Create exit portal objLoader.load('https://play.rosebud.ai/assets/Blue Portal.obj?vxPS', (exitPortal) => { window.exitPortalMesh = exitPortal; // Store reference to exit portal exitPortal.visible = false; // Initially invisible exitPortal.traverse((child) => { if (child.isMesh) { child.material = new THREE.MeshStandardMaterial({ color: 0xff00ff, emissive: 0xff44ff, emissiveIntensity: 0.5, roughness: 0.3, metalness: 0.7 }); child.castShadow = true; child.receiveShadow = true; } }); exitPortal.scale.set(3, 3, 3); exitPortal.position.copy(exitPortalPosition); exitPortal.rotation.y = -Math.PI / 2; scene.add(exitPortal); // Add point light to make the exit portal glow const exitPortalLight = new THREE.PointLight(0xff00ff, 2, 10); exitPortalLight.position.copy(exitPortalPosition); exitPortalLight.position.x -= 1; exitPortalLight.position.y += 2; scene.add(exitPortalLight); }); // Add bedroom wall collision boundaries (excluding portal area) const bedroomWalls = [ // North wall { start: new THREE.Vector2(-190, -190), end: new THREE.Vector2(-170, -190) }, // South wall { start: new THREE.Vector2(-190, -170), end: new THREE.Vector2(-170, -170) }, // West wall { start: new THREE.Vector2(-190, -190), end: new THREE.Vector2(-190, -170) }, // East wall (split for portal) { start: new THREE.Vector2(-170, -190), end: new THREE.Vector2(-170, -182) }, // Above portal { start: new THREE.Vector2(-170, -178), end: new THREE.Vector2(-170, -170) } // Below portal ]; window.bedroomWalls = bedroomWalls; } // Function to find safe spawn position function findSafeSpawnPosition() { // Fixed spawn position at the side of the bed, slightly further back return new THREE.Vector3(-183, 2, -181); } // Set camera to safe spawn position after assets are loaded const safePosition = findSafeSpawnPosition(); camera.position.copy(safePosition); camera.lookAt(-185, 2, -185); // Look towards the bed // Create player arm with lighter const armGeometry = new THREE.PlaneGeometry(1, 1.5); // Adjust size as needed const armMaterial = new THREE.MeshBasicMaterial({ map: armTextureOff, transparent: true, opacity: 1, depthWrite: false, side: THREE.DoubleSide }); playerArm = new THREE.Mesh(armGeometry, armMaterial); // Position the arm in the bottom right of the view playerArm.position.set(0.7, -0.5, -1); playerArm.visible = false; // Start with arm invisible camera.add(playerArm); // Attach to camera scene.add(camera); // Initialize the renderer with HDR let 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 let 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(0x0a0a1a); // Very dark blue const groundColor = new THREE.Color(0x000000); // Black ground reflection // Create sky dome with improved colors const vertexShader = /* glsl */ ` 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 = /* glsl */ ` uniform vec3 topColor; uniform vec3 bottomColor; uniform float offset; uniform float exponent; varying vec3 vWorldPosition; void main() { vec3 worldPos = normalize(vWorldPosition); float h = worldPos.y + offset; 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); let skyMat = new THREE.ShaderMaterial({ uniforms: { topColor: { value: new THREE.Color(0x0a0a1a) }, bottomColor: { value: new THREE.Color(0x000000) }, offset: { value: 0.0 }, exponent: { value: 0.6 } }, vertexShader: vertexShader, fragmentShader: fragmentShader, side: THREE.BackSide, depthWrite: false }); const sky = new THREE.Mesh(skyGeo, skyMat); scene.add(sky); // Modify OrbitControls setup // Removed OrbitControls as we're using first person controls // Create flat terrain function createTerrain() { const size = 400; // Create simple flat plane for visuals const geometry = new THREE.PlaneGeometry(size, size); const texture = textureLoader.load('https://play.rosebud.ai/assets/dirt tile.png?wqDE'); texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(100, 100); texture.encoding = THREE.sRGBEncoding; const material = new THREE.MeshStandardMaterial({ map: texture, roughness: 0.9, metalness: 0.0, envMapIntensity: 1.0, }); const terrain = new THREE.Mesh(geometry, material); terrain.rotation.x = -Math.PI / 2; terrain.receiveShadow = true; scene.add(terrain); return terrain; } // Create walls around the terrain function createWalls() { const wallHeight = 20; const terrainSize = 400; const wallThickness = 10; const wallGeometry = new THREE.BoxGeometry(1, 1, 1); const wallTexture = textureLoader.load('https://play.rosebud.ai/assets/impassablewall.jpg?FW39'); wallTexture.wrapS = wallTexture.wrapT = THREE.RepeatWrapping; wallTexture.repeat.set(8, 2); // Adjust texture repetition wallTexture.encoding = THREE.sRGBEncoding; const wallMaterial = new THREE.MeshStandardMaterial({ map: wallTexture, roughness: 0.8, metalness: 0.2, }); // Create four walls const walls = []; // North wall const northWall = new THREE.Mesh(wallGeometry, wallMaterial); northWall.scale.set(terrainSize + wallThickness * 2, wallHeight, wallThickness); northWall.position.set(0, wallHeight / 2, -terrainSize / 2 - wallThickness / 2); // South wall const southWall = new THREE.Mesh(wallGeometry, wallMaterial); southWall.scale.set(terrainSize + wallThickness * 2, wallHeight, wallThickness); southWall.position.set(0, wallHeight / 2, terrainSize / 2 + wallThickness / 2); // East wall const eastWall = new THREE.Mesh(wallGeometry, wallMaterial); eastWall.scale.set(wallThickness, wallHeight, terrainSize + wallThickness * 2); eastWall.position.set(terrainSize / 2 + wallThickness / 2, wallHeight / 2, 0); // West wall const westWall = new THREE.Mesh(wallGeometry, wallMaterial); westWall.scale.set(wallThickness, wallHeight, terrainSize + wallThickness * 2); westWall.position.set(-terrainSize / 2 - wallThickness / 2, wallHeight / 2, 0); walls.push(northWall, southWall, eastWall, westWall); // Add all walls to the scene walls.forEach(wall => { wall.castShadow = true; wall.receiveShadow = true; scene.add(wall); }); return walls; } // Setup improved lighting system const sunLight = new THREE.DirectionalLight(skyColor, 0.1); // Reduced intensity 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.1); // Reduced intensity scene.add(hemiLight); // Create initial scene const terrain = createTerrain(); const walls = createWalls(); createBedroom(); // Create the bedroom // Function to scatter objects randomly but deterministically function scatterObjects() { // Keep track of placed objects' positions and their collision boxes const placedPositions = []; window.collisionObjects = []; // Make it accessible globally for collision detection // Function to check if a position is too close to existing objects function isTooClose(position, minDistance) { return placedPositions.some(pos => { const dx = position.x - pos.x; const dz = position.z - pos.z; const distance = Math.sqrt(dx * dx + dz * dz); return distance < minDistance; }); } // Function to find valid position function findValidPosition(angle, radius, minDistance) { let attempts = 0; const maxAttempts = 50; let x, z; do { const randomOffset = (Math.random() - 0.5) * 20; // Add some randomness x = Math.cos(angle + randomOffset * 0.1) * radius; z = Math.sin(angle + randomOffset * 0.1) * radius; attempts++; } while (isTooClose({ x, z }, minDistance) && attempts < maxAttempts); return attempts < maxAttempts ? { x, z } : null; } objLoader.load('https://play.rosebud.ai/assets/bettertree.obj?ExGH', (treeObj) => { objLoader.load('https://play.rosebud.ai/assets/tombstone1.obj?Dw0w', (tombstoneObj) => { // Prepare the tree model treeObj.traverse((child) => { if (child.isMesh) { child.material = new THREE.MeshStandardMaterial({ color: 0x2d5a27, roughness: 0.8, metalness: 0.2 }); child.castShadow = true; child.receiveShadow = true; } }); // Prepare the tombstone model tombstoneObj.traverse((child) => { if (child.isMesh) { child.material = new THREE.MeshStandardMaterial({ color: 0x808080, roughness: 0.9, metalness: 0.1 }); child.castShadow = true; child.receiveShadow = true; } }); // Scale the models appropriately for realistic sizes treeObj.scale.set(8, 8, 8); // Trees should be much taller than the player tombstoneObj.scale.set(3, 3, 3); // Tombstones should be about chest height // Create instances and scatter them const terrainSize = 380; // Slightly smaller than actual terrain to keep away from walls const numberOfTrees = 18; // Increased number of trees const numberOfTombstones = 29; // Increased number of tombstones // Scatter trees for (let i = 0; i < numberOfTrees; i++) { const tree = treeObj.clone(); const angle = (i / numberOfTrees) * Math.PI * 2; const radius = (Math.sin(i * 7.9) * 0.5 + 0.5) * (terrainSize * 0.4); // Find a valid position for the tree const position = findValidPosition(angle, radius, 20); // Minimum 20 units between trees if (position) { tree.position.x = position.x; tree.position.z = position.z; tree.position.y = 4; tree.rotation.y = Math.random() * Math.PI * 2; // Store the position placedPositions.push({ x: position.x, z: position.z }); scene.add(tree); // Add collision box for tree collisionObjects.push({ position: new THREE.Vector2(position.x, position.z), radius: 4 // Collision radius for trees }); } } // Scatter tombstones for (let i = 0; i < numberOfTombstones; i++) { const tombstone = tombstoneObj.clone(); const angle = (i / numberOfTombstones) * Math.PI * 6; const radius = (Math.sin(i * 5.3) * 0.5 + 0.5) * (terrainSize * 0.4); // Find a valid position for the tombstone const position = findValidPosition(angle, radius, 15); // Minimum 15 units between tombstones if (position) { tombstone.position.x = position.x; tombstone.position.z = position.z; tombstone.position.y = 1.5; tombstone.rotation.y = Math.random() * Math.PI * 0.2 - Math.PI * 0.1; // Store the position placedPositions.push({ x: position.x, z: position.z }); scene.add(tombstone); // Add collision box for tombstone collisionObjects.push({ position: new THREE.Vector2(position.x, position.z), radius: 2 // Collision radius for tombstones }); } } }); }); } // Call the scatter function scatterObjects(); // Animation loop // Track gamepad connection let gamepad = null; // Handle gamepad connected window.addEventListener("gamepadconnected", (e) => { console.log("Gamepad connected:", e.gamepad); gamepad = e.gamepad; }); // Handle gamepad disconnected window.addEventListener("gamepaddisconnected", (e) => { console.log("Gamepad disconnected:", e.gamepad); gamepad = null; }); // Function to get current gamepad state function getGamepad() { const gamepads = navigator.getGamepads(); for (const gp of gamepads) { if (gp && gp.connected) return gp; } return null; } // Previous state of the right trigger to detect changes let prevRightTrigger = false; // Spider control functions function triggerSpiderAppearance() { // +++ ADD THIS LINE +++ if (!hasExitedBedroom) return; // Don't spawn the spider if still in the bedroom // Check if spider is already active if (isSpiderActive) return; const now = Date.now(); if (now - lastSpiderTime < MIN_SPIDER_INTERVAL) return; // Calculate appearance probability based on lighting condition let appearanceChance = isLighterOn ? 0.4 : 0.7; // 40% in light, 70% in darkness // During darkness countdown, limit appearances if (!isLighterOn && darknessTimer > 0) { if (darknessAppearanceCount >= 2) return; // Max 2 appearances during countdown // Increase probability for second appearance when time is running out if (darknessAppearanceCount === 1 && darknessTimer > 15) return; // Wait until later in countdown } // Random check based on probability if (Math.random() > appearanceChance) return; isSpiderActive = true; lastSpiderTime = now; // Increment appearance count if in darkness if (!isLighterOn) { darknessAppearanceCount++; } // Randomly choose left or right side const spawnFromRight = Math.random() > 0.5; // Get lighter position in world space const lighterWorldPos = new THREE.Vector3(); const lighterLight = camera.getObjectByName('lighterLight'); if (lighterLight) { lighterLight.getWorldPosition(lighterWorldPos); } else { // Fallback to approximate lighter position if light doesn't exist camera.getWorldDirection(lighterWorldPos); lighterWorldPos.multiplyScalar(2).add(camera.position); } // Calculate spawn position (5 units away from lighter) const spawnPosition = lighterWorldPos.clone(); spawnPosition.y = 2; // Set consistent height // Move spider slightly to the side of the lighter const sideVector = new THREE.Vector3().crossVectors( new THREE.Vector3().subVectors(spawnPosition, camera.position), new THREE.Vector3(0, 1, 0) ).normalize(); spawnPosition.add(sideVector.multiplyScalar(spawnFromRight ? 3 : -3)); // Position and show spider spiderModel.position.copy(spawnPosition); spiderModel.lookAt(camera.position); spiderModel.visible = true; // Enhance animation visibility if (spiderMixer) { spiderMixer.timeScale = 1.5; // Speed up animation for better visibility } // Adjust spider position based on appearance count during darkness if (!isLighterOn && darknessAppearanceCount === 2) { // Move spider closer for second appearance const closePosition = camera.position.clone() .add(new THREE.Vector3().subVectors(spawnPosition, camera.position) .normalize().multiplyScalar(3)); spiderModel.position.copy(closePosition); } // Start walking animation if (spiderAnimations.walk) { spiderAnimations.walk.reset().play(); } // Movement sequence const centerPosition = camera.position.clone() .add(new THREE.Vector3().subVectors(spawnPosition, camera.position).normalize().multiplyScalar(4)); // Play spider sounds const spiderScream = new Audio('https://play.rosebud.ai/assets/spiderscream.mp3?v3JS'); const spiderCrawl = new Audio('https://play.rosebud.ai/assets/spider-step-crawling-(nr-made-with-Voicemod.mp3?dxKD'); spiderScream.volume = 0.5; spiderCrawl.volume = 0.3; spiderCrawl.loop = true; spiderScream.play(); spiderCrawl.play(); // Movement timeline const walkDuration = 2000; const stareDuration = 1500; const fleeDuration = 1500; // Walk to center new TWEEN.Tween(spiderModel.position) .to(centerPosition, walkDuration) .easing(TWEEN.Easing.Quadratic.Out) .start() .onComplete(() => { // Stop at center and stare if (spiderAnimations.walk) { spiderAnimations.walk.stop(); } setTimeout(() => { // Calculate flee position const fleePosition = centerPosition.clone() .add(sideVector.multiplyScalar(spawnFromRight ? -20 : 20)); // Start walking animation again if (spiderAnimations.walk) { spiderAnimations.walk.reset().play(); } // Flee new TWEEN.Tween(spiderModel.position) .to(fleePosition, fleeDuration) .easing(TWEEN.Easing.Quadratic.In) .start() .onComplete(() => { spiderModel.visible = false; isSpiderActive = false; // Stop crawling sound spiderCrawl.pause(); spiderCrawl.currentTime = 0; // Reset spider animation speed if (spiderMixer) { spiderMixer.timeScale = 1.0; } // Setup next appearance based on conditions if (!isLighterOn) { spiderTimeout = setTimeout(() => { if (!isLighterOn) { triggerSpiderAppearance(); } }, Math.random() * 10000 + 15000); // Random 15-25 seconds } }); }, stareDuration); }); } function turnOffLighterDueToWind() { // 1) Turn off the lighter isLighterOn = false; // 2) Swap arm texture armMaterial.map = armTextureOff; armMaterial.needsUpdate = true; // 3) Remove the lighter’s point light from the camera const lighterLight = camera.getObjectByName('lighterLight'); if (lighterLight) { camera.remove(lighterLight); } // 4) Optionally stop the lighter sound, if it’s playing if (window.lighterSound && !window.lighterSound.paused) { window.lighterSound.pause(); window.lighterSound.currentTime = 0; } // 5) Start the darkness timer if we’ve already used the lighter once if (hasUsedLighterOnce) { startDarknessCountdown(); } } function startDarknessCountdown() { // Stop any existing intervals if (darknessInterval) { clearInterval(darknessInterval); darknessInterval = null; } darknessTimer = 0; darknessTimerDisplay.textContent = '21'; darknessTimerDisplay.style.display = 'block'; // Start or resume heartbeat if (!heartbeatSound) { heartbeatSound = new Audio('https://play.rosebud.ai/assets/heartbeatsound.mp3?7CHy'); heartbeatSound.loop = true; heartbeatSound.volume = 0.5; } heartbeatSound.playbackRate = 1.0; heartbeatSound.play().catch(console.error); // Gradually accelerate the heartbeat if (heartbeatInterval) { clearInterval(heartbeatInterval); heartbeatInterval = null; } heartbeatInterval = setInterval(() => { const timeLeft = Math.max(0, 21 - darknessTimer); heartbeatSound.playbackRate = 1.0 + ((21 - timeLeft) * 0.1); heartbeatSound.volume = Math.min(1.0, 0.5 + ((21 - timeLeft) * 0.025)); }, 1000); // Tick down the darkness timer every second darknessInterval = setInterval(() => { darknessTimer++; const timeLeft = Math.max(0, 21 - darknessTimer); darknessTimerDisplay.textContent = timeLeft.toString(); if (timeLeft === 0) { darknessTimerDisplay.style.display = 'none'; clearInterval(darknessInterval); darknessInterval = null; triggerJumpscareAndLose(); } }, 1000); } function startWindIfNeeded() { // Only initialize wind logic the first time the lighter is turned ON if (!hasUsedLighterOnce && isLighterOn) { hasUsedLighterOnce = true; // Mark that we've used the lighter at least once // Create wind sound if not already created if (!windSound) { windSound = new Audio('https://play.rosebud.ai/assets/windsound.mp3?9aYB'); windSound.volume = 0.5; } // Create windInterval if it's not already running if (!windInterval) { windInterval = setInterval(() => { // 25% chance every 3 seconds if (isLighterOn && Math.random() < 0.25) { if (windSound) { windSound.currentTime = 0; windSound.play().catch(console.error); } // Forcefully turn off the lighter turnOffLighterDueToWind(); } }, 3000); } } } function toggleLighter() { // If there's no fuel, skip if (fuelLevel <= 0) return; // We are toggling from off->on or on->off const wasOn = isLighterOn; isLighterOn = !isLighterOn; /***************************************** * CASE 1: Lighter was ON, now turning OFF *****************************************/ if (wasOn && !isLighterOn) { armMaterial.map = armTextureOff; armMaterial.needsUpdate = true; // Remove the point light const lighterLight = camera.getObjectByName('lighterLight'); if (lighterLight) camera.remove(lighterLight); // Stop depleting fuel if (fuelDepletionInterval) { clearInterval(fuelDepletionInterval); fuelDepletionInterval = null; } // If we've used the lighter at least once, start darkness if (hasUsedLighterOnce) { startDarknessCountdown(); } // Stop lighter sound if it’s still playing if (window.lighterSound) { window.lighterSound.pause(); window.lighterSound.currentTime = 0; } return; // Done } /***************************************** * CASE 2: Lighter was OFF, now turning ON *****************************************/ if (!wasOn && isLighterOn) { // Cancel darkness & heartbeat if they’re running if (heartbeatSound && !heartbeatSound.paused) { heartbeatSound.pause(); heartbeatSound.currentTime = 0; } if (heartbeatInterval) { clearInterval(heartbeatInterval); heartbeatInterval = null; } if (darknessInterval) { clearInterval(darknessInterval); darknessInterval = null; } darknessTimerDisplay.style.display = 'none'; darknessTimerDisplay.textContent = '21'; // Change the arm texture armMaterial.map = armTextureOn; armMaterial.needsUpdate = true; // Add the lighter's point light const lighterLight = new THREE.PointLight(0xff9933, 2, 15); lighterLight.name = 'lighterLight'; lighterLight.position.set(0.7, -0.3, -1.2); camera.add(lighterLight); // Play the lighter-on sound if (window.lighterSound) { window.lighterSound.currentTime = 0; window.lighterSound.play().catch(console.error); } // Start fuel depletion if (fuelDepletionInterval) clearInterval(fuelDepletionInterval); fuelDepletionInterval = setInterval(() => { fuelLevel = Math.max(0, fuelLevel - (100 / 120)); // e.g. 2 minutes to go from 100 -> 0 fuelBarFill.style.width = `${fuelLevel}%`; if (fuelLevel <= 0) { // Forcibly turn OFF isLighterOn = false; armMaterial.map = armTextureOff; armMaterial.needsUpdate = true; // Remove the light const ll = camera.getObjectByName('lighterLight'); if (ll) camera.remove(ll); clearInterval(fuelDepletionInterval); fuelDepletionInterval = null; // Darkness countdown begins startDarknessCountdown(); } }, 1000); // If this is the first time, we do the wind logic startWindIfNeeded(); } } function animate() { if (!composer || !scene || !camera || currentGameState === GameState.WIN) { return; } requestAnimationFrame(animate); TWEEN.update(); // Handle menu controls if in menu state if (assetsLoaded && currentGameState === GameState.MENU && window.menuContainer.style.display === 'flex') { const gp = getGamepad(); if (gp && gp.buttons[0].pressed) { // A button const now = Date.now(); const selectedButton = menuButtons[selectedButtonIndex]; // Check if enough time has passed since last click (3 seconds = 3000ms) const lastClicked = parseInt(selectedButton.dataset.lastClicked) || 0; if (now - lastClicked > 3000) { // Changed from 500ms to 3000ms console.log('A button click registered, cooldown started'); selectedButton.dataset.lastClicked = now.toString(); // Visual feedback for button press selectedButton.style.transform = 'scale(0.95)'; setTimeout(() => { selectedButton.style.transform = 'scale(1.1)'; }, 100); // Trigger the click event const clickEvent = new MouseEvent('click', { bubbles: true, cancelable: true, view: window }); selectedButton.dispatchEvent(clickEvent); } else { // Optional: Show feedback that button is in cooldown const remainingCooldown = Math.ceil((3000 - (now - lastClicked)) / 1000); console.log(`Button in cooldown: ${remainingCooldown}s remaining`); } } // Render if (composer && composer.render) { composer.render(); } } // ————— PLAYING-STATE CODE ————— if (currentGameState === GameState.PLAYING) { // 1) Handle gamepad each frame: handleGamepadInput(); // 2) Apply WASD and gamepad movement: applyControls(); } // Always render if possible if (composer && composer.render) { composer.render(); } // Update spider animations if (spiderMixer) { spiderMixer.update(clock.getDelta()); } } // Handle window resize function onWindowResize() { // Only proceed if needed components exist and game is not in WIN state if (!parentDiv || currentGameState === GameState.WIN) { return; } const width = parentDiv.clientWidth; const height = parentDiv.clientHeight; // Update camera if it exists if (camera) { camera.aspect = width / height; camera.updateProjectionMatrix(); } // Update renderer if it exists if (renderer && !renderer.isDisposed) { renderer.setSize(width, height); } // Update composer if it exists if (composer && !composer.isDisposed) { composer.setSize(width, height); // Update post-processing passes if they exist if (bloomPass) { bloomPass.resolution.set(width, height); } if (smaaPass) { smaaPass.setSize(width, height); } } } // Add event listeners window.addEventListener('resize', onWindowResize); const resizeObserver = new ResizeObserver(onWindowResize); resizeObserver.observe(parentDiv); // Start animation animate(); // Debug initMobileControls() // ========================= // Keyboard Controls Integration // ========================= // Add event listeners for keyboard controls window.addEventListener('keydown', (event) => { switch (event.code) { case 'KeyF': if (!event.repeat && playerArm && playerArm.visible && fuelLevel > 0) { // Simply call toggleLighter() toggleLighter(); } break; break; case 'ArrowUp': case 'KeyW': window.keysPressed.up = true; break; case 'ArrowDown': case 'KeyS': window.keysPressed.down = true; break; case 'ArrowLeft': case 'KeyA': window.keysPressed.left = true; break; case 'ArrowRight': case 'KeyD': window.keysPressed.right = true; break; case 'Space': window.keysPressed.select = true; break; default: break; } }); window.addEventListener('keyup', (event) => { switch (event.code) { case 'ArrowUp': case 'KeyW': window.keysPressed.up = false; break; case 'ArrowDown': case 'KeyS': window.keysPressed.down = false; break; case 'ArrowLeft': case 'KeyA': window.keysPressed.left = false; break; case 'ArrowRight': case 'KeyD': window.keysPressed.right = false; break; case 'Space': window.keysPressed.select = false; break; default: break; } }); function handleGamepadInput() { const gp = getGamepad(); // Your existing getGamepad() logic if (!gp) return; // RIGHT TRIGGER => Toggle Lighter const rightTrigger = gp.buttons[7]?.pressed; if (rightTrigger && !prevRightTrigger && playerArm && playerArm.visible && fuelLevel > 0) { toggleLighter(); } prevRightTrigger = !!rightTrigger; // LEFT STICK => Movement const leftX = gp.axes[0]; const leftY = gp.axes[1]; if (Math.abs(leftY) > 0.1) { window.keysPressed.up = (leftY < -0.1); window.keysPressed.down = (leftY > 0.1); } else { window.keysPressed.up = false; window.keysPressed.down = false; } // RIGHT STICK => Turning const rightX = gp.axes[2]; if (Math.abs(rightX) > 0.1) { window.keysPressed.right = (rightX > 0.1); window.keysPressed.left = (rightX < -0.1); } else { window.keysPressed.right = false; window.keysPressed.left = false; } // A BUTTON => Jump (if you want) window.keysPressed.jump = gp.buttons[0]?.pressed; } // ========================= // End of Mobile and Keyboard Controls Integration // ========================= // Function to check if position collides with any object function checkCollision(position) { if (!window.collisionObjects) return false; const playerRadius = 1; // Player collision radius // Check collisions with objects const objectCollision = window.collisionObjects.some(obj => { const dx = position.x - obj.position.x; const dz = position.z - obj.position.y; // Note: Vector2.y is used for z coordinate const distance = Math.sqrt(dx * dx + dz * dz); return distance < (playerRadius + obj.radius); }); if (objectCollision) return true; // Check bedroom wall collisions if (window.bedroomWalls) { return window.bedroomWalls.some(wall => { // Calculate the closest point on the wall segment to the player position const wallVector = new THREE.Vector2() .subVectors(wall.end, wall.start); const playerVector = new THREE.Vector2() .subVectors(new THREE.Vector2(position.x, position.z), wall.start); const wallLength = wallVector.length(); const wallDirection = wallVector.normalize(); const projection = playerVector.dot(wallDirection); // Find the closest point on the wall let closestPoint; if (projection <= 0) { closestPoint = wall.start; } else if (projection >= wallLength) { closestPoint = wall.end; } else { closestPoint = new THREE.Vector2() .addVectors(wall.start, wallDirection.multiplyScalar(projection)); } // Check distance from player to closest point const distance = new THREE.Vector2(position.x, position.z) .distanceTo(closestPoint); return distance < playerRadius + 0.5; // 0.5 is wall thickness buffer }); } return false; } // Add variables for portal detection and bedroom state let hasSeenPortal = false; let hasExitedBedroom = false; const portalPosition = new THREE.Vector3(-170, 2, -180); const exitPortalPosition = new THREE.Vector3(170, 2, 180); let hasWon = false; // Create win scene container // Create jumpscare container // Create jumpscare elements const jumpscareContainer = document.createElement('div'); jumpscareContainer.style.position = 'absolute'; jumpscareContainer.style.width = '100%'; jumpscareContainer.style.height = '100%'; jumpscareContainer.style.backgroundColor = 'black'; jumpscareContainer.style.display = 'none'; jumpscareContainer.style.zIndex = '2000'; // Create flash overlay const flashOverlay = document.createElement('div'); flashOverlay.style.position = 'absolute'; flashOverlay.style.width = '100%'; flashOverlay.style.height = '100%'; flashOverlay.style.backgroundColor = 'white'; flashOverlay.style.opacity = '0'; flashOverlay.style.transition = 'opacity 0.1s'; flashOverlay.style.zIndex = '2001'; flashOverlay.style.display = 'none'; const jumpscareImage = document.createElement('img'); jumpscareImage.src = 'https://play.rosebud.ai/assets/After21secondsJUMPSCAREpopup.png?NuTB'; jumpscareImage.style.position = 'absolute'; jumpscareImage.style.top = '0'; jumpscareImage.style.left = '0'; jumpscareImage.style.width = '100%'; jumpscareImage.style.height = '100%'; jumpscareImage.style.objectFit = 'fill'; // Add flash animation keyframes const flashKeyframes = document.createElement('style'); flashKeyframes.textContent = ` @keyframes flash { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 0; } }`; document.head.appendChild(flashKeyframes); jumpscareContainer.appendChild(jumpscareImage); parentDiv.appendChild(flashOverlay); parentDiv.appendChild(jumpscareContainer); // Create lose container const loseContainer = document.createElement('div'); loseContainer.style.position = 'absolute'; loseContainer.style.width = '100%'; loseContainer.style.height = '100%'; loseContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.9)'; loseContainer.style.display = 'none'; loseContainer.style.flexDirection = 'column'; loseContainer.style.justifyContent = 'center'; loseContainer.style.alignItems = 'center'; loseContainer.style.zIndex = '1000'; loseContainer.style.color = '#ffffff'; loseContainer.style.fontFamily = 'Creepster, cursive'; const loseTitle = document.createElement('h1'); loseTitle.textContent = "JIMMY ATE YOU!"; loseTitle.style.fontSize = '64px'; loseTitle.style.color = '#ff0000'; loseTitle.style.textShadow = '2px 2px 4px #000000'; loseTitle.style.marginBottom = '30px'; const loseMessage = document.createElement('p'); loseMessage.textContent = "Guess you're not going to work tomorrow."; loseMessage.style.fontSize = '24px'; loseMessage.style.marginBottom = '30px'; const restartButtonLose = createMenuButton('Try Again'); restartButtonLose.addEventListener('click', () => { location.reload(); }); loseContainer.appendChild(loseTitle); loseContainer.appendChild(loseMessage); loseContainer.appendChild(restartButtonLose); parentDiv.appendChild(loseContainer); // Function to trigger jumpscare and lose sequence function triggerJumpscareAndLose() { if (currentGameState === GameState.PLAYING) { // Clear any existing darkness timer and hide display darknessTimerDisplay.style.display = 'none'; // Hide and remove fuel gauge fuelGaugeContainer.style.display = 'none'; fuelGaugeContainer.remove(); darknessTimerDisplay.textContent = '21'; if (darknessInterval) { clearInterval(darknessInterval); darknessInterval = null; } // Stop heartbeat sound if (heartbeatSound) { heartbeatSound.pause(); heartbeatSound.currentTime = 0; clearInterval(heartbeatInterval); heartbeatInterval = null; heartbeatSound = null; } darknessTimerDisplay.style.display = 'none'; currentGameState = GameState.LOSE; // Preload all required assets immediately const jumpscareSound = new Audio('https://play.rosebud.ai/assets/JUMPSCARESOUND.MP3?sIYx'); const voicemailSound = new Audio('https://play.rosebud.ai/assets/players voicemail.mp3?gl8D'); const loseSound = new Audio('https://play.rosebud.ai/assets/playerlosesound.mp3?VxGW'); // Stop all current sounds [window.walkingSound, window.portalSound, backgroundMusic].forEach(sound => { if (sound) { sound.pause(); sound.currentTime = 0; } }); // Prepare DOM elements before animation starts const voicemailBackground = document.createElement('div'); voicemailBackground.style.cssText = ` position: absolute; width: 100%; height: 100%; background-color: black; z-index: 1999; display: none; justify-content: center; align-items: center; `; const voicemailImage = document.createElement('img'); voicemailImage.src = 'https://play.rosebud.ai/assets/answering machine.png?ffYq'; voicemailImage.style.cssText = ` max-width: 100%; max-height: 100%; object-fit: contain; `; voicemailBackground.appendChild(voicemailImage); parentDiv.appendChild(voicemailBackground); // Hide game canvas canvas.style.display = 'none'; // Start jumpscare sequence with pre-configured elements flashOverlay.style.display = 'block'; flashOverlay.style.animation = 'flash 0.6s infinite'; jumpscareContainer.style.cssText = ` display: flex; justify-content: center; align-items: center; background-color: black; `; jumpscareSound.volume = 1.0; jumpscareSound.play().then(() => { jumpscareSound.addEventListener('ended', () => { // Clean up jumpscare elements flashOverlay.style.animation = ''; flashOverlay.style.display = 'none'; jumpscareContainer.style.display = 'none'; // Show voicemail sequence voicemailBackground.style.display = 'flex'; voicemailSound.volume = 1.0; voicemailSound.play().then(() => { voicemailSound.addEventListener('ended', () => { // Clean up voicemail elements voicemailBackground.remove(); // Play lose sound and show game over loseSound.volume = 1.0; loseSound.play().then(() => { loseSound.addEventListener('ended', () => { // Play Jimmy Ate You music after lose sound const gameOverMusic = new Audio('https://play.rosebud.ai/assets/Jimmy Ate You.mp3?spfh'); gameOverMusic.volume = 0.5; gameOverMusic.play().catch(console.error); }); }); // Show lose screen with optimized style application requestAnimationFrame(() => { loseContainer.style.display = 'flex'; // Clean up game resources in the next frame requestAnimationFrame(() => { cleanupGameResources(); }); }); }); }); }); }); } } // Function to clean up game resources function cleanupGameResources() { // Clean up heartbeat sound if (heartbeatSound) { heartbeatSound.pause(); heartbeatSound.currentTime = 0; heartbeatSound = null; } if (heartbeatInterval) { clearInterval(heartbeatInterval); heartbeatInterval = null; } if (darknessInterval) { clearInterval(darknessInterval); darknessInterval = null; } // Clean up wind effect resources if (windInterval) { clearInterval(windInterval); windInterval = null; } if (windSound) { windSound.pause(); windSound.currentTime = 0; windSound = null; } if (composer) { composer.dispose(); composer = null; } if (renderer) { renderer.dispose(); renderer.forceContextLoss(); renderer.domElement = null; renderer = null; } if (scene) { scene.traverse((object) => { if (object.geometry) object.geometry.dispose(); if (object.material) { if (Array.isArray(object.material)) { object.material.forEach(material => material.dispose()); } else { object.material.dispose(); } } }); scene.clear(); scene = null; } camera = null; if (window.gc) window.gc(); } const winContainer = document.createElement('div'); winContainer.style.position = 'absolute'; winContainer.style.width = '100%'; winContainer.style.height = '100%'; winContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.9)'; winContainer.style.display = 'none'; winContainer.style.flexDirection = 'column'; winContainer.style.justifyContent = 'center'; winContainer.style.alignItems = 'center'; winContainer.style.zIndex = '1000'; winContainer.style.color = '#ffffff'; winContainer.style.fontFamily = 'Creepster, cursive'; const winTitle = document.createElement('h1'); winTitle.textContent = 'YOU ESCAPED THE NIGHTMARE!'; winTitle.style.fontSize = '64px'; winTitle.style.color = '#ff0000'; winTitle.style.textShadow = '2px 2px 4px #000000'; winTitle.style.marginBottom = '30px'; const winMessage = document.createElement('p'); winMessage.textContent = 'Congratulations on finding your way out!'; winMessage.style.fontSize = '24px'; winMessage.style.marginBottom = '30px'; const restartButton = createMenuButton('Play Again'); restartButton.dataset.lastClicked = '0'; // Add lastClicked tracking // Create victory message text const victoryMessage = document.createElement('p'); victoryMessage.textContent = 'Jimmy will be back. For now, enjoy your victory song!'; victoryMessage.style.fontSize = '20px'; victoryMessage.style.color = '#ffffff'; victoryMessage.style.fontWeight = 'bold'; victoryMessage.style.marginTop = '20px'; victoryMessage.style.textAlign = 'center'; restartButton.addEventListener('click', () => { // Stop all audio elements before reloading document.querySelectorAll('audio').forEach(audio => { audio.pause(); audio.currentTime = 0; }); location.reload(); }); // Add controller support for win screen function checkWinScreenController() { if (currentGameState === GameState.WIN) { const gp = getGamepad(); if (gp && gp.buttons[0].pressed) { // A button const now = Date.now(); const lastClicked = parseInt(restartButton.dataset.lastClicked) || 0; if (now - lastClicked > 3000) { // 3 second cooldown console.log('Win screen: A button pressed, restarting game'); restartButton.dataset.lastClicked = now.toString(); location.reload(); } } } } winContainer.appendChild(winTitle); winContainer.appendChild(winMessage); winContainer.appendChild(restartButton); winContainer.appendChild(victoryMessage); parentDiv.appendChild(winContainer); // Function to remove bedroom and all related objects function removeBedroom() { if (hasExitedBedroom) return; // Prevent multiple executions // Stop and clean up portal sound if (window.portalSound) { window.portalSound.pause(); window.portalSound.currentTime = 0; window.portalSound = null; } const objectsToRemove = []; scene.traverse((object) => { if (object instanceof THREE.Mesh || object instanceof THREE.Group || object instanceof THREE.Light) { const pos = object.position; // Check for specific bedroom objects by their positions const isBed = pos.x === -185 && pos.y === 0.8 && pos.z === -185; const isNightstand = pos.x === -187 && pos.y === 1.2 && pos.z === -183; // Check if it's the portal light const isPortalLight = object instanceof THREE.PointLight && pos.x === -169 && pos.z === -180; // If object is within bedroom bounds OR is bed/nightstand if ((pos.x >= -195 && pos.x <= -165 && pos.z >= -195 && pos.z <= -165) || isBed || isNightstand) { // Add to removal list and also remove from collision objects objectsToRemove.push(object); // Remove specific collision entries for bed and nightstand if (window.collisionObjects) { window.collisionObjects = window.collisionObjects.filter(obj => { const isThisBed = obj.position.x === -185 && obj.position.y === -185; const isThisNightstand = obj.position.x === -187 && obj.position.y === -183; return !(isThisBed || isThisNightstand); }); } } } }); // Remove all identified objects objectsToRemove.forEach(obj => { scene.remove(obj); // Dispose of geometries and materials for meshes if (obj.geometry) obj.geometry.dispose(); if (obj.material) { if (Array.isArray(obj.material)) { obj.material.forEach(material => material.dispose()); } else { obj.material.dispose(); } } // If it's a light, remove any associated shadow maps if (obj instanceof THREE.Light) { if (obj.shadow && obj.shadow.map) { obj.shadow.map.dispose(); } } }); // Clean up collision objects related to bedroom if (window.bedroomWalls) { window.bedroomWalls = []; } hasExitedBedroom = true; // Show player's arm and instruction after 3 seconds setTimeout(() => { if (playerArm) { playerArm.visible = true; // Show instruction window.lighterInstructionContainer.style.display = 'block'; // Show fuel gauge when arm becomes visible fuelGaugeContainer.style.display = 'block'; // Hide instruction after 5 seconds setTimeout(() => { window.lighterInstructionContainer.style.display = 'none'; }, 5000); } }, 3000); // Force a garbage collection hint if (window.gc) window.gc(); } // Function to check if player is facing the portal function isPlayerFacingPortal() { if (hasSeenPortal) return false; // Only trigger once const forward = new THREE.Vector3(); camera.getWorldDirection(forward); // Vector from player to portal const toPortal = new THREE.Vector3() .subVectors(portalPosition, camera.position) .normalize(); // Calculate dot product to determine if player is facing portal const dotProduct = forward.dot(toPortal); // Check if player is facing portal (dot product > 0.7 means roughly within 45 degrees) // and is within a reasonable distance (10 units) const distance = camera.position.distanceTo(portalPosition); if (dotProduct > 0.7 && distance < 10) { hasSeenPortal = true; // Mark portal as seen return true; } return false; } // Function to check if position is within bounds function isWithinBounds(position) { const terrainSize = 400; const buffer = 2; // Reduced buffer zone to allow closer wall approach const halfSize = terrainSize / 2 - buffer; return Math.abs(position.x) < halfSize && Math.abs(position.z) < halfSize; } let isWalking = false; // Track walking state let lastHintTime = 0; let gameStartTime = 0; let showPortalCheatActive = false; let cheatCodeBuffer = ''; let exitPortalNaturallyDiscovered = false; // New flag to track if portal was naturally discovered // Function to play hint based on distance function playDistanceHint(distance) { const now = Date.now(); // Don't play hints in the first 3 minutes if (now - gameStartTime < 180000) return; // Only play hint every 30 seconds if (now - lastHintTime < 30000) return; let hintSound; if (distance > 300) hintSound = window.hintSounds.coldest; else if (distance > 200) hintSound = window.hintSounds.colder; else if (distance > 150) hintSound = window.hintSounds.cold; else if (distance > 100) hintSound = window.hintSounds.warm; else if (distance > 75) hintSound = window.hintSounds.warmer; else if (distance > 50) hintSound = window.hintSounds.hot; else if (distance > 25) hintSound = window.hintSounds.hotter; else hintSound = window.hintSounds.hottest; if (hintSound) { hintSound.volume = 0.5; hintSound.play(); lastHintTime = now; } } // Function to handle walking sound function updateWalkingSound(isMoving) { if (!window.walkingSound) return; if (isMoving && !isWalking) { // Start walking sound if not already playing window.walkingSound.currentTime = 0; window.walkingSound.play().catch(console.error); isWalking = true; } else if (!isMoving && isWalking) { // Stop walking sound window.walkingSound.pause(); window.walkingSound.currentTime = 0; isWalking = false; } } // Function to apply controls based on window.keysPressed function applyControls() { // Check if camera exists and movement is allowed if (!canMove || !camera || !scene || isSpiderActive) return; // Track continuous movement for spider trigger regardless of input method const isCurrentlyMoving = window.keysPressed.up || window.keysPressed.down || Math.abs(window.gamePad?.axes[1]) > 0.1; const now = Date.now(); if (isCurrentlyMoving) { if (!isMovingContinuously) { continuousMovementStartTime = now; isMovingContinuously = true; } else if (now - continuousMovementStartTime >= 5000) { // Reduced to 5 seconds // Trigger spider appearance if conditions are met const timeSinceLastSpider = now - lastSpiderTime; if (timeSinceLastSpider >= MIN_SPIDER_INTERVAL && !isSpiderActive) { triggerSpiderAppearance(); continuousMovementStartTime = now; // Reset timer after trigger } } } else { isMovingContinuously = false; } // Additional random spider trigger check if (!isSpiderActive && now - lastSpiderTime >= MIN_SPIDER_INTERVAL) { const randomTriggerChance = isLighterOn ? 0.001 : 0.003; // 0.1% with light, 0.3% without if (Math.random() < randomTriggerChance) { triggerSpiderAppearance(); } } const moveSpeed = 0.2; // Reduced for more realistic movement const rotationSpeed = 0.03; // Speed of turning // Get the camera's forward direction const forward = new THREE.Vector3(); camera.getWorldDirection(forward); forward.y = 0; // Keep movement on the horizontal plane forward.normalize(); // Calculate the right vector const right = new THREE.Vector3(); right.crossVectors(forward, camera.up); // Store current position before movement const previousPosition = camera.position.clone(); // Calculate new position based on input const newPosition = camera.position.clone(); if (window.keysPressed.up) { newPosition.add(forward.multiplyScalar(moveSpeed)); } if (window.keysPressed.down) { newPosition.sub(forward.multiplyScalar(moveSpeed)); } // Check if new position is within bounds and not colliding with objects const isMoving = window.keysPressed.up || window.keysPressed.down; // Calculate distance to exit portal for hints const distanceToExitPortal = camera.position.distanceTo(exitPortalPosition); playDistanceHint(distanceToExitPortal); // Check if player is within discovery range of exit portal if (distanceToExitPortal >= 25 && distanceToExitPortal <= 50 && !exitPortalNaturallyDiscovered) { exitPortalNaturallyDiscovered = true; if (window.exitPortalMesh) { window.exitPortalMesh.visible = true; showPortalCheatActive = false; // Disable cheat if active // Check if any dialogue sounds are currently playing const dialogueSounds = [ 'https://play.rosebud.ai/assets/whereami.mp3?D8lP', 'https://play.rosebud.ai/assets/amidreaming.mp3?pWkZ', 'https://play.rosebud.ai/assets/ineedtogetoutofhere.mp3?TcQj', 'https://play.rosebud.ai/assets/whataportal.mp3?74MA' ]; const isDialoguePlaying = Array.from(document.getElementsByTagName('audio')).some(audio => dialogueSounds.includes(audio.src) && !audio.paused ); // Play hottest distance sound if no dialogue is playing if (!isDialoguePlaying && window.hintSounds && window.hintSounds.hottest) { window.hintSounds.hottest.currentTime = 0; window.hintSounds.hottest.volume = 0.5; window.hintSounds.hottest.play().catch(console.error); } // Show notification about discovering the exit portal window.cheatNotification.textContent = '🎮 Exit Portal Discovered!'; window.cheatNotification.style.opacity = '1'; window.cheatNotification.style.display = 'block'; // Hide notification after 2 seconds setTimeout(() => { window.cheatNotification.style.opacity = '0'; setTimeout(() => { window.cheatNotification.style.display = 'none'; }, 500); }, 2000); } } if (isWithinBounds(newPosition) && !checkCollision(newPosition)) { camera.position.copy(newPosition); // Update walking sound based on movement updateWalkingSound(isMoving); // Check if player is facing portal and show dialogue // Check if player is near portal const distanceToPortal = camera.position.distanceTo(portalPosition); // Handle portal sound based on distance if (window.portalSound && distanceToPortal < 15) { // Start playing portal sound if not already playing if (window.portalSound.paused) { window.portalSound.play().catch(console.error); } // Adjust volume based on distance const volume = Math.max(0, Math.min(0.3, (15 - distanceToPortal) / 15)); window.portalSound.volume = volume; } else if (window.portalSound && !window.portalSound.paused) { // Stop portal sound if too far window.portalSound.pause(); window.portalSound.currentTime = 0; } // If player hasn't seen portal and is facing it if (!hasSeenPortal && isPlayerFacingPortal()) { showDialogue( "What!? A portal? Where does this go?", null, 'https://play.rosebud.ai/assets/whataportal.mp3?74MA' ); } // If player is very close to portal and hasn't exited yet if (!hasExitedBedroom && distanceToPortal < 3) { // Remove bedroom removeBedroom(); // Move player slightly forward through the portal const forwardOffset = forward.multiplyScalar(4); camera.position.add(forwardOffset); } // Check if player has reached the exit portal const distanceToExitPortal = camera.position.distanceTo(exitPortalPosition); if (!hasWon && distanceToExitPortal < 3) { hasWon = true; currentGameState = GameState.WIN; // Hide darkness timer and fuel gauge immediately fuelGaugeContainer.style.display = 'none'; fuelGaugeContainer.remove(); darknessTimerDisplay.style.display = 'none'; darknessTimerDisplay.textContent = '21'; if (darknessInterval) { clearInterval(darknessInterval); darknessInterval = null; } // Stop heartbeat sound if playing if (heartbeatSound) { heartbeatSound.pause(); heartbeatSound.currentTime = 0; clearInterval(heartbeatInterval); heartbeatInterval = null; heartbeatSound = null; } // Play win sound effect const winSound = new Audio('https://play.rosebud.ai/assets/playerwinsound.mp3?KnB9'); winSound.volume = 1.0; winSound.play().catch(console.error); // Create and play win music after sound effect const winMusic = new Audio('https://play.rosebud.ai/assets/Escaped Jimmy.mp3?V2at'); winMusic.volume = 0.5; // Wait for win sound to finish before playing music winSound.addEventListener('ended', () => { winMusic.play().catch(console.error); }); // Stop all other sounds and clean up audio if (window.portalSound) { window.portalSound.pause(); window.portalSound.currentTime = 0; } if (window.walkingSound) { window.walkingSound.pause(); window.walkingSound.currentTime = 0; } if (backgroundMusic) { backgroundMusic.pause(); backgroundMusic.currentTime = 0; } // Stop the render loop completely cancelAnimationFrame(animate); // Start checking for controller input on win screen const winScreenInterval = setInterval(checkWinScreenController, 100); // Safely dispose of composer if it exists if (composer) { if (composer.passes) { composer.passes.forEach(pass => { if (pass && pass.dispose) { pass.dispose(); } }); } composer.dispose(); } // Safely remove lights if scene exists if (scene) { const lights = []; scene.traverse(object => { if (object.isLight) { lights.push(object); } }); // Remove lights after traversal to avoid modification during iteration lights.forEach(light => scene.remove(light)); // Properly dispose of the sky shader material if it exists const sky = scene.getObjectByProperty('material', skyMat); if (sky) { if (sky.material && sky.material.dispose) { sky.material.dispose(); } if (sky.geometry && sky.geometry.dispose) { sky.geometry.dispose(); } scene.remove(sky); } } // Clean up remaining scene objects if scene exists if (scene && scene.children) { while (scene.children.length > 0) { const object = scene.children[0]; scene.remove(object); if (object.geometry && object.geometry.dispose) { object.geometry.dispose(); } if (object.material) { if (Array.isArray(object.material)) { object.material.forEach(material => { if (material.dispose) material.dispose(); }); } else if (object.material.dispose) { object.material.dispose(); } } } } // Stop rendering and clean up composer = null; renderer.dispose(); renderer.forceContextLoss(); renderer.domElement = null; renderer = null; // Clear scene and camera scene.clear(); scene = null; camera = null; // Show win screen and hide canvas winContainer.style.display = 'flex'; canvas.style.display = 'none'; // Force a garbage collection hint if (window.gc) window.gc(); } } else { // If out of bounds, keep the previous position camera.position.copy(previousPosition); updateWalkingSound(false); // Stop walking sound when blocked } // Only apply rotation if camera still exists if (camera) { if (window.keysPressed.left) { camera.rotateY(rotationSpeed); } if (window.keysPressed.right) { camera.rotateY(-rotationSpeed); } if (window.keysPressed.select) { // Optional: Implement selection if needed } } } // Initialize game start time when play button is clicked playButton.addEventListener('click', () => { gameStartTime = Date.now(); }); // Add space bar state tracking let spacePressed = false; // Add cheat code listener window.addEventListener('keydown', (event) => { if (event.code === 'Space' && !spacePressed) { spacePressed = true; cheatCodeBuffer = ''; // Reset buffer when starting new cheat code } else if (spacePressed && event.key.length === 1) { // Only process single characters when space is held cheatCodeBuffer += event.key.toLowerCase(); // Check if buffer contains the cheat code and portal hasn't been naturally discovered if (cheatCodeBuffer.includes('showme') && !exitPortalNaturallyDiscovered) { showPortalCheatActive = !showPortalCheatActive; if (window.exitPortalMesh) { window.exitPortalMesh.visible = showPortalCheatActive; // Show notification window.cheatNotification.textContent = showPortalCheatActive ? '🎮 Exit Portal Revealed!' : '🎮 Exit Portal Hidden!'; window.cheatNotification.style.opacity = '1'; window.cheatNotification.style.display = 'block'; // Hide notification after 2 seconds setTimeout(() => { window.cheatNotification.style.opacity = '0'; setTimeout(() => { window.cheatNotification.style.display = 'none'; }, 500); }, 2000); } cheatCodeBuffer = ''; // Reset buffer after successful cheat } console.log('Current buffer:', cheatCodeBuffer); // Debug output } }); window.addEventListener('keyup', (event) => { if (event.code === 'Space') { spacePressed = false; cheatCodeBuffer = ''; // Reset buffer when space is released } });