import * as THREE from 'three'; const wakeUpScreenStyle = document.createElement('link'); wakeUpScreenStyle.href = 'https://play.rosebud.ai/assets/wakeupscreen.css?Fz3X'; wakeUpScreenStyle.rel = 'stylesheet'; document.head.appendChild(wakeUpScreenStyle); const JUMPSCARE_CONFIG = { FLICKER_COUNT: 8, // Number of light flickers before darkness FLICKER_INTERVAL: 250, // Time between flickers in milliseconds DARKNESS_PAUSE: 1500, // Time to wait in darkness before jumpscare JUMPSCARE_DURATION: 500, // How long to show jumpscare FADE_DURATION: 200 // How long to fade out jumpscare }; const ASSETS = { MODELS: { BED: 'https://play.rosebud.ai/assets/Beautiful_King_size_b_0107144507_texture.glb?gg65', RUG: 'https://play.rosebud.ai/assets/red_circular_furry_ca_0107144724_texture.glb?E2wK', DOOR: 'https://play.rosebud.ai/assets/Oak_door_0108175918_texture.glb?3XeV', PLANT: 'https://play.rosebud.ai/assets/housePlant.glb?pwNF', DESK: 'https://play.rosebud.ai/assets/Design_a_premium_3D_g_0107154834_texture.glb?zk9l', BEDSIDE_TABLE: 'https://play.rosebud.ai/assets/Modern_Wooden_bedside_0107155753_texture.glb?w35h', CURTAINS: 'https://play.rosebud.ai/assets/curtains.glb?DQIH' }, AUDIO: { MUSIC: 'https://play.rosebud.ai/assets/dont-look-back-30s-239108.mp3?SjMU' }, FONT: { URL: 'https://fonts.googleapis.com/css2?family=Sixtyfour&display=swap' } }; const AssetLoader = { gltfLoader: new GLTFLoader(), cache: new Map(), loadModel: async function(url, options = {}) { if (this.cache.has(url)) { const cached = this.cache.get(url); const clone = cached.scene.clone(); this.applyOptions(clone, options); return clone; } try { const gltf = await new Promise((resolve, reject) => { this.gltfLoader.load(url, resolve, undefined, reject); }); this.cache.set(url, gltf); const clone = gltf.scene.clone(); this.applyOptions(clone, options); return clone; } catch (error) { console.error('Error loading model:', url, error); return null; } }, applyOptions: function(model, options) { if (options.position) { model.position.set( options.position.x || 0, options.position.y || 0, options.position.z || 0 ); } if (options.scale) { const scale = typeof options.scale === 'number' ? options.scale : 1; model.scale.set(scale, scale, scale); } if (options.rotation) { model.rotation.set( options.rotation.x || 0, options.rotation.y || 0, options.rotation.z || 0 ); } } }; import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'; const backgroundMusic = new Audio('https://play.rosebud.ai/assets/dont-look-back-30s-239108.mp3?SjMU'); backgroundMusic.loop = true; backgroundMusic.volume = 0.5; const buttonSound = new Audio('https://play.rosebud.ai/assets/light-switch-81967.mp3?0Qis'); buttonSound.volume = 0.3; const knockSound = new Audio('https://play.rosebud.ai/assets/knock-knock-knock-40474.mp3?Tn0E'); knockSound.volume = 0.8; // Slightly reduced volume for better balance const footstepSound = new Audio('https://play.rosebud.ai/assets/footstep-on-wood-foley-6398.mp3?Acjq'); footstepSound.volume = 1.0; let lastFootstep = 0; let footstepInterval = 500; const menuStyleLink = document.createElement('link'); menuStyleLink.href = 'https://play.rosebud.ai/assets/mainmenu.css?STQv'; menuStyleLink.rel = 'stylesheet'; document.head.appendChild(menuStyleLink); const mainMenuInnerHtml = document.createElement('link'); mainMenuInnerHtml.href = 'https://play.rosebud.ai/assets/mainMenuinnerHTML.css?9y6w'; mainMenuInnerHtml.rel = 'stylesheet'; document.head.appendChild(mainMenuInnerHtml); const inGameSettingsStyle = document.createElement('link'); inGameSettingsStyle.href = 'https://play.rosebud.ai/assets/ingamesettings.css?H3nM'; inGameSettingsStyle.rel = 'stylesheet'; document.head.appendChild(inGameSettingsStyle); const fontLink = document.createElement('link'); fontLink.href = ASSETS.FONT.URL; fontLink.rel = 'stylesheet'; document.head.appendChild(fontLink); document.addEventListener('click', () => backgroundMusic.play(), { once: true }); const parentDiv = document.getElementById('renderDiv'); if (!parentDiv) { console.error('Could not find render container'); throw new Error('Required DOM element "renderDiv" not found'); } let canvas = document.createElement('canvas'); canvas.id = 'threeRenderCanvas'; parentDiv.appendChild(canvas); const mainMenu = document.createElement('div'); mainMenu.id = 'mainMenu'; mainMenu.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 60%), radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.02) 0%, transparent 55%), radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.02) 0%, transparent 55%), linear-gradient(45deg, rgba(0, 0, 0, 0.99) 0%, rgba(5, 5, 5, 0.98) 50%, rgba(2, 2, 2, 0.99) 100%); overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff; z-index: 100; font-family: 'Sixtyfour', cursive; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); `; const flashlightOverlay = document.createElement('div'); flashlightOverlay.style.cssText = ` position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient( circle var(--flashlight-size, 200px) at var(--x) var(--y), transparent var(--inner-radius, 10%), rgba(0, 0, 0, var(--darkness, 0.97)) var(--outer-radius, 25%) ); pointer-events: none; z-index: 11; `; mainMenu.appendChild(flashlightOverlay); mainMenu.innerHTML = `

DEJA VU

A Game By jenn.xd

Models

All Models Made by Meshy

Sound Credits

"Don't Look Back"

by Universfield

pixabay.com

"Light Switch"

by LoafDV

pixabay.com

"Footstep on Wood Foley"

by Martian

pixabay.com

"Ticking Clock Sound Effect – 1 - MP3 Edition"

by WingsoarStudio

pixabay.com

"Knock knock knock"

by Lukeo135

pixabay.com

"Door 2"

by Bane_Sound

pixabay.com

"Tinnitus"

by Sclolex

pixabay.com

"Scary Scream 3"

by Jevron_Freeman

pixabay.com

Texture Credits

"Wood Floor Texture"

by kjpargeter2018

vecteezy.com

DEJA VU

best played in full screen

Disclaimer: This game contains sudden loud noises and flashing lights. Player discretion is advised.

Game Settings

Audio Settings

Volume 50%

`; const wakeUpScreenHTML = `

Are you sure this
isn't a dream?

`; const controlsPageHTML = ` `; mainMenu.insertAdjacentHTML('beforeend', wakeUpScreenHTML); mainMenu.insertAdjacentHTML('beforeend', controlsPageHTML); if (parentDiv) { parentDiv.appendChild(mainMenu); } const scene = new THREE.Scene(); scene.background = new THREE.Color(window.thirdWakeCycle ? 0x000000 : (window.secondWakeCycle ? 0x010101 : 0x020202)); const switchBase = new THREE.Mesh( new THREE.BoxGeometry(0.1, 0.15, 0.1), new THREE.MeshStandardMaterial({ color: 0xDDDDDD, roughness: 0.7 }) ); switchBase.position.set(4, 1.5, 3.2); switchBase.castShadow = true; switchBase.receiveShadow = true; scene.add(switchBase); const switchToggle = new THREE.Mesh( new THREE.BoxGeometry(0.05, 0.08, 0.05), new THREE.MeshStandardMaterial({ color: 0x222222, roughness: 0.8 }) ); switchToggle.position.copy(switchBase.position).setX(switchBase.position.x - 0.06); switchToggle.castShadow = switchToggle.receiveShadow = true; scene.add(switchToggle); const lightSwitchSound = new Audio('https://play.rosebud.ai/assets/light-switch-81967.mp3?0Qis'); lightSwitchSound.volume = 0.3; const lightSwitch = { isOn: false, toggleLights(lights, isOn) { lights.forEach(light => { if (!light.userData.isPhoneFlashlight) { light.visible = isOn; light.intensity = isOn ? 1 : 0; } }); }, toggle() { this.isOn = !this.isOn; lightSwitchSound.currentTime = 0; lightSwitchSound.play(); const targetY = switchBase.position.y + (this.isOn ? 0.02 : -0.02); switchToggle.position.y = targetY; if (window.secondWakeCycle || window.thirdWakeCycle) { showMessage("light's won't turn on..", 2000); const spotLights = scene.children.filter(child => child instanceof THREE.SpotLight); const lightFixtures = scene.children.filter(child => child instanceof THREE.Mesh && child.geometry instanceof THREE.CylinderGeometry ); spotLights.forEach(spotLight => { if (!spotLight.userData.isPhoneFlashlight) { spotLight.visible = false; spotLight.intensity = 0; } }); lightFixtures.forEach(fixture => { if (fixture.material) { fixture.visible = false; fixture.material.emissiveIntensity = 0; fixture.material.opacity = 0; } }); } else if (!window.inHallway) { const spotLights = scene.children.filter(child => child instanceof THREE.SpotLight); const lightFixtures = scene.children.filter(child => child instanceof THREE.Mesh && child.geometry instanceof THREE.CylinderGeometry ); this.toggleLights(spotLights, this.isOn); lightFixtures.forEach(fixture => { if (fixture.material) { fixture.visible = this.isOn; fixture.material.emissiveIntensity = this.isOn ? 1 : 0; fixture.material.opacity = this.isOn ? 1 : 0; } }); } } }; function createHallwayScene() { // Create a long hallway const hallwayLength = 20; const hallwayWidth = 3; const hallwayHeight = 4; // Create floor const floorTexture = new THREE.TextureLoader().load('https://play.rosebud.ai/assets/wood texture background 2412.jpg?42jw'); floorTexture.wrapS = floorTexture.wrapT = THREE.RepeatWrapping; floorTexture.repeat.set(hallwayLength / 2, 1); // Create and append jumpscare overlay only if it doesn't exist if (!document.querySelector('.jumpscare-overlay')) { const jumpscareOverlay = document.createElement('div'); jumpscareOverlay.className = 'jumpscare-overlay'; jumpscareOverlay.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://play.rosebud.ai/assets/ghost girl2.png?OOYG'); background-repeat: no-repeat; background-position: center; background-size: cover; display: none; z-index: 2000; opacity: 1; pointer-events: none; `; document.body.appendChild(jumpscareOverlay); } const floor = new THREE.Mesh( new THREE.PlaneGeometry(hallwayLength, hallwayWidth), new THREE.MeshStandardMaterial({ map: floorTexture, roughness: 0.7, metalness: 0.1, side: THREE.DoubleSide }) ); floor.rotation.x = -Math.PI / 2; floor.position.set(14, 0, 2); scene.add(floor); // Create ceiling const ceiling = new THREE.Mesh( new THREE.PlaneGeometry(hallwayLength, hallwayWidth), new THREE.MeshStandardMaterial({ color: 0xF5F5DC, roughness: 0.7, metalness: 0.1, side: THREE.DoubleSide }) ); ceiling.rotation.x = Math.PI / 2; ceiling.position.set(14, hallwayHeight, 2); scene.add(ceiling); // Create walls const wallMaterial = new THREE.MeshStandardMaterial({ color: 0x8B7355, // Darker wall color roughness: 0.8, metalness: 0.05 }); // Left wall const leftWall = new THREE.Mesh( new THREE.PlaneGeometry(hallwayLength, hallwayHeight), wallMaterial ); leftWall.position.set(14, hallwayHeight / 2, 0.5); leftWall.rotation.y = 0; scene.add(leftWall); // Right wall const rightWall = new THREE.Mesh( new THREE.PlaneGeometry(hallwayLength, hallwayHeight), wallMaterial ); rightWall.position.set(14, hallwayHeight / 2, 3.5); rightWall.rotation.y = Math.PI; scene.add(rightWall); // Add doors along the hallway const doorPositions = [12, 20]; // Reduced to just two doors doorPositions.forEach(async (x) => { // Load door model for each position const doorModel = await AssetLoader.loadModel(ASSETS.MODELS.DOOR, { scale: 1.5, position: { x: x, y: 1.5, z: 0.5 }, rotation: { x: 0, y: 0, z: 0 } }); if (doorModel) scene.add(doorModel); }); const lightPositions = [6, 10, 14, 18]; lightPositions.forEach(async (x) => { // Load circular light model const lightModel = await AssetLoader.loadModel('https://play.rosebud.ai/assets/circular_light.glb?Galt', { position: { x: x, y: hallwayHeight - 0.1, z: 2 }, scale: 0.4, rotation: { x: 0, y: Math.PI, z: 0 } }); if (lightModel) { scene.add(lightModel); } // Add spotlight const spotLight = new THREE.SpotLight(0xFFE5CC, 0.6); spotLight.position.set(x, hallwayHeight - 0.2, 2); spotLight.angle = Math.PI / 4; spotLight.penumbra = 0.4; spotLight.decay = 2.5; spotLight.distance = 4; spotLight.castShadow = true; // Enhanced flicker effect for hallway with more dramatic and erratic values spotLight.userData.baseIntensity = 0.5; spotLight.userData.flickerSpeed = 0.35; // Even faster flicker spotLight.userData.flickerIntensity = 1.2; // More intense flicker spotLight.userData.time = Math.random() * 1000; // Random start time for each light // Add random phase offset and additional flicker parameters spotLight.userData.phaseOffset = Math.random() * Math.PI * 2; spotLight.userData.secondarySpeed = 0.7 + Math.random() * 0.5; // Additional flicker frequency spotLight.userData.tertiarySpeed = 1.2 + Math.random() * 0.8; // Third flicker frequency scene.add(spotLight); scene.add(spotLight.target); spotLight.target.position.set(x, 0, 2); spotLight.target.updateMatrixWorld(); }); } async function loadRoomAssets() { const assets = [{ url: 'https://play.rosebud.ai/assets/blue iphone.glb?gtRx', options: { scale: 0.1, position: { x: -3.5, y: 0.7, z: 0 }, rotation: { x: -Math.PI / 2, y: 0, z: 0 } }, skipIfHallwayReturn: true }, { url: ASSETS.MODELS.DOOR, options: { scale: 1.5, position: { x: 3.99, y: 1.5, z: 2.0 }, rotation: { x: 0, y: Math.PI / 2, z: 0 } } }, { url: 'https://play.rosebud.ai/assets/3_AM_clock_0109172832.glb?XmMO', options: { scale: 0.5, position: { x: 4.0, y: 3.0, z: 0.0 }, rotation: { x: 0, y: -Math.PI / 2, z: 0 } } }, { url: ASSETS.MODELS.PLANT, options: { scale: 1.4, position: { x: -3.0, y: 1.4, z: 3.3 }, userData: { isPlant: true } } }, { url: 'https://play.rosebud.ai/assets/window.glb?VHhq', options: { position: { x: -1.0, y: 2.5, z: 4.02 }, rotation: { x: 0, y: Math.PI / 2, z: 0 }, scale: 1.2 } }, { url: 'https://play.rosebud.ai/assets/cabinet.glb?JUYA', options: { scale: 1.2, position: { x: -1.0, y: 0.8, z: 3.5 }, rotation: { x: 0, y: Math.PI * 2, // Full 360 degrees rotation z: 0 } } }, { url: ASSETS.MODELS.BED, options: { scale: 3.0, position: { x: -2.5, y: 0, z: -2.2 }, rotation: { x: 0, y: Math.PI / 2, z: 0 } } }, { url: ASSETS.MODELS.RUG, options: { scale: 1.5, position: { x: 0, y: 0.01, z: 0 }, rotation: { x: Math.PI / 2, y: 0, z: 0 } } }, { url: ASSETS.MODELS.DESK, options: { scale: 1.8, position: { x: 2, y: 1.0, z: -2.5 } } }, { url: ASSETS.MODELS.BEDSIDE_TABLE, options: { scale: 0.5, position: { x: -3.5, y: 0.25, z: 0 }, rotation: { x: 0, y: Math.PI / 2, z: 0 } } }, { url: ASSETS.MODELS.CURTAINS, options: { position: { x: -1.0, y: 2.5, z: 3.9 // Back in front of wall }, rotation: { x: 0, y: 0, // Back to no rotation z: 0 }, scale: 1.4 } }, { url: 'https://play.rosebud.ai/assets/circular_light.glb?Galt', options: { position: { x: 0, y: 4.05, // Slightly higher from previous position z: 0 }, rotation: { x: 0, y: 0, z: 0 }, scale: 0.4 } }, { url: 'https://play.rosebud.ai/assets/portrait_painting.glb?95QS', options: { position: { x: 2.0, y: 2.5, z: 3.8 }, userData: { isOriginalPainting: true, removeAfterSleep: true }, rotation: { x: 0, y: Math.PI, z: 0 }, scale: 0.8 } }]; for (const asset of assets) { // Skip loading iPhone and painting if returning from hallway if ((asset.skipIfHallwayReturn || asset.url.includes('portrait_painting')) && window.inHallway === false) { continue; } const model = await AssetLoader.loadModel(asset.url, asset.options); if (model) { if (asset.url.includes('blue iphone')) { model.traverse((child) => { child.userData.isOriginalPhone = true; }); } if (asset.url.includes('portrait_painting')) { model.traverse((child) => { child.userData.isOriginalPainting = true; }); } scene.add(model); } } } loadRoomAssets(); // Load and setup the animation model const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const listener = new THREE.AudioListener(); camera.add(listener); const clockSound = new THREE.PositionalAudio(listener); const renderer = new THREE.WebGLRenderer({ canvas: canvas, antialias: true, shadowMap: { enabled: true, type: THREE.PCFSoftShadowMap } }); renderer.setSize(window.innerWidth, window.innerHeight); renderer.setPixelRatio(window.devicePixelRatio); function createRoom() { const floorTexture = new THREE.TextureLoader().load('https://play.rosebud.ai/assets/wood texture background 2412.jpg?42jw'); floorTexture.wrapS = floorTexture.wrapT = THREE.RepeatWrapping; floorTexture.repeat.set(3, 3); const floor = new THREE.Mesh( new THREE.PlaneGeometry(8, 8), new THREE.MeshStandardMaterial({ map: floorTexture, roughness: 0.7, metalness: 0.1, side: THREE.DoubleSide, color: 0x444444 }) ); floor.receiveShadow = true; floor.rotation.x = -Math.PI / 2; floor.position.y = 0; scene.add(floor); const ceiling = new THREE.Mesh( new THREE.PlaneGeometry(8, 8), new THREE.MeshStandardMaterial({ color: 0xF5F5DC, roughness: 0.7, metalness: 0.1, side: THREE.DoubleSide }) ); ceiling.rotation.x = Math.PI / 2; ceiling.position.y = 4; scene.add(ceiling); const wallMaterial = new THREE.MeshStandardMaterial({ color: 0xFFDAB9, roughness: 0.7, metalness: 0.1 }); const walls = [{ pos: [0, 2, -4], rot: [0, 0, 0] }, // Back wall { pos: [0, 2, 4], rot: [0, Math.PI, 0] }, // Front wall { pos: [-4, 2, 0], rot: [0, Math.PI / 2, 0] }, // Left wall { pos: [4, 2, 0], rot: [0, -Math.PI / 2, 0] } // Right wall ]; walls.forEach(wall => { const mesh = new THREE.Mesh(new THREE.PlaneGeometry(8, 4), wallMaterial); mesh.position.set(...wall.pos); mesh.rotation.set(...wall.rot); scene.add(mesh); }); // Remove note creation from here since it's now handled in the sleep transition scene.add(new THREE.AmbientLight(0x202020, 0.12)); // Slightly increased ambient light const lightGeometry = new THREE.CylinderGeometry(0.35, 0.35, 0.1, 32); const lightMaterial = new THREE.MeshStandardMaterial({ color: 0xFFF5E1, emissive: 0xFFF5E1, emissiveIntensity: 0, // Start with no emission transparent: true, opacity: 0 // Start fully transparent }); const lightFixture = new THREE.Mesh(lightGeometry, lightMaterial); lightFixture.position.set(0, 3.95, 0); // Just below ceiling lightFixture.visible = false; // Start with light fixture invisible scene.add(lightFixture); const spotLight = new THREE.SpotLight(0xFFF0E6, 0); spotLight.position.set(0, 4, 0); spotLight.visible = false; spotLight.angle = window.thirdWakeCycle ? Math.PI / 3.5 : (window.secondWakeCycle ? Math.PI / 3 : Math.PI / 2.8); spotLight.penumbra = window.thirdWakeCycle ? 0.6 : (window.secondWakeCycle ? 0.5 : 0.4); spotLight.decay = window.thirdWakeCycle ? 2.8 : (window.secondWakeCycle ? 2.5 : 2.3); spotLight.distance = window.thirdWakeCycle ? 6 : (window.secondWakeCycle ? 7 : 8); spotLight.castShadow = true; spotLight.shadow.mapSize.width = 2048; spotLight.shadow.mapSize.height = 2048; spotLight.shadow.camera.near = 0.1; spotLight.shadow.camera.far = 15; spotLight.shadow.bias = -0.0005; // Only apply flicker in first wake cycle spotLight.userData.baseIntensity = 1.0; spotLight.userData.flickerSpeed = window.secondWakeCycle || window.thirdWakeCycle ? 0 : 0.1; spotLight.userData.flickerIntensity = window.secondWakeCycle || window.thirdWakeCycle ? 0 : 0.15; spotLight.userData.time = 0; spotLight.target.position.set(0, 0, 0); scene.add(spotLight.target); scene.add(spotLight); } createRoom(); const ambientLight = new THREE.AmbientLight(0x111111, window.thirdWakeCycle ? 0.008 : (window.secondWakeCycle ? 0.02 : 0.03)); // Increased ambient light values scene.add(ambientLight); const interactionText = document.createElement('div'); interactionText.style.cssText = ` position: fixed; left: 50%; bottom: 100px; transform: translateX(-50%); color: white; font-family: 'Sixtyfour', cursive; font-size: 1em; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5); padding: 10px 20px; border-radius: 5px; display: none; z-index: 1000; text-align: center; `; document.body.appendChild(interactionText); const messageText = document.createElement('div'); messageText.style.cssText = ` position: fixed; left: 50%; bottom: 150px; transform: translateX(-50%); color: #f0f0f0; font-family: 'Sixtyfour', cursive; font-size: 1.2em; text-shadow: 0 0 10px rgba(255, 255, 255, 0.3), 2px 2px 4px rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.95) 100%); padding: 15px 25px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); display: none; z-index: 1000; text-align: center; opacity: 0; transition: opacity 0.3s ease; `; document.body.appendChild(messageText); let nearClock = false; let nearBed = false; let nearSwitch = false; let nearPhone = false; let nearDoor = false; let nearNote = false; let hasReadNote = false; let hasPhone = false; let flashlightOn = false; let phoneModel = null; let phoneInHandModel = null; let messageTimer = null; let hasCheckedClock = false; // Add this flag to track clock interaction let nearWindow = false; let nearPainting = false; let nearDesk = false; let canSleep = true; // Add canSleep variable initialization const player = { height: 1.8, baseHeight: 1.8, crouchHeight: 0.9, speed: 0.025, // Regular walking speed sprintSpeed: 0.05, // Sprint speed (2x walking speed) crouchSpeed: 0.01, // Crouch speed (slower than before) turnSpeed: 0.004, // Doubled base turn speed velocity: new THREE.Vector3(), direction: new THREE.Vector3(), movementSmoothing: 0.9, // Add rotation smoothing properties rotationX: 0, rotationY: 0, targetRotationX: 0, targetRotationY: 0, rotationSmoothing: 0.15, // Adjust this value to change smoothing amount (0.1 to 0.3 recommended) isCrouching: false, isSprinting: false, sprintEnergy: 100, sprintRecoveryRate: 0.5, sprintDepletionRate: 1.0 }; camera.position.set(-2.25, 1.80, 0.10); // Starting position camera.rotation.set(0, Math.PI * 0.75, Math.PI); // Rotated 135 degrees to face opposite direction let moveForward = false; let moveBackward = false; let moveLeft = false; let moveRight = false; let isLocked = false; canvas.style.cursor = 'default'; document.addEventListener('click', function(event) { if (!isLocked && event.target === canvas && animationStarted) { renderer.domElement.requestPointerLock(); } }); document.addEventListener('pointerlockchange', function() { isLocked = document.pointerLockElement === renderer.domElement; canvas.style.cursor = isLocked ? 'none' : 'default'; }); document.addEventListener('mousemove', function(event) { if (isLocked && !window.inHallway) { const movementX = event.movementX || event.mozMovementX || event.webkitMovementX || 0; const movementY = event.movementY || event.mozMovementY || event.webkitMovementY || 0; const maxMovement = 15; const clampedX = Math.max(-maxMovement, Math.min(maxMovement, movementX)); const clampedY = Math.max(-maxMovement, Math.min(maxMovement, movementY)); player.targetRotationY -= clampedX * player.turnSpeed; player.targetRotationX -= clampedY * player.turnSpeed; player.targetRotationX = Math.max(-Math.PI / 2.5, Math.min(Math.PI / 2.5, player.targetRotationX)); } }); let animationStarted = false; function updateFlashlight() { if (hasPhone && flashlightOn) { const flashlight = scene.children.find(child => child instanceof THREE.SpotLight && child.userData.isPhoneFlashlight); if (flashlight) { const cameraDirection = new THREE.Vector3(); camera.getWorldDirection(cameraDirection); const flashlightPosition = camera.position.clone(); const rightVector = new THREE.Vector3(); rightVector.crossVectors(cameraDirection, new THREE.Vector3(0, 1, 0)); flashlightPosition.add(rightVector.multiplyScalar(0.3)); // Move right flashlightPosition.y -= 0.2; // Slightly below camera const targetPosition = flashlightPosition.clone().add( cameraDirection.multiplyScalar(10) ); flashlight.position.copy(flashlightPosition); flashlight.target.position.copy(targetPosition); flashlight.target.updateMatrixWorld(); } } } function animate() { if (!animationStarted) return; requestAnimationFrame(animate); // Handle hallway state and jumpscare if (window.inHallway) { // Lock position and rotation camera.position.set(5, 1.8, 2); camera.rotation.set(0, -Math.PI / 2, 0); // Trigger jumpscare if not already triggered if (!window.jumpscareTriggered) { window.jumpscareTriggered = true; // Initialize flicker sequence and jumpscare audio let flickerCount = 0; const maxFlickers = JUMPSCARE_CONFIG.FLICKER_COUNT; const screamSound = new Audio('https://play.rosebud.ai/assets/scary-scream-3-81274.mp3?nc7w'); screamSound.volume = 1.0; // Maximum volume screamSound.playbackRate = 1.1; // Slightly higher pitch for more intensity screamSound.preservesPitch = false; // Allow pitch to change with playback rate screamSound.load(); // Preload the audio function flickerLights() { // Toggle all spotlights and their corresponding emissive cylinders scene.traverse((object) => { if (object instanceof THREE.SpotLight) { object.visible = !object.visible; } if (object instanceof THREE.Mesh && object.geometry instanceof THREE.CylinderGeometry) { object.material.emissiveIntensity = object.visible ? 1 : 0; object.material.opacity = object.visible ? 1 : 0; } }); flickerCount++; if (flickerCount < maxFlickers) { // Continue flickering setTimeout(flickerLights, JUMPSCARE_CONFIG.FLICKER_INTERVAL); } else { // Turn off all lights scene.traverse((object) => { if (object instanceof THREE.SpotLight) { object.visible = false; } }); // Wait in darkness then show jumpscare setTimeout(() => { // Create new jumpscare overlay if it doesn't exist let jumpscareOverlay = document.querySelector('.jumpscare-overlay'); if (!jumpscareOverlay) { jumpscareOverlay = document.createElement('div'); jumpscareOverlay.className = 'jumpscare-overlay'; jumpscareOverlay.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://play.rosebud.ai/assets/ghost girl2.png?OOYG'); background-repeat: no-repeat; background-position: center; background-size: 120%; /* Larger size for closer appearance */ opacity: 1; z-index: 2000; pointer-events: none; display: none; animation: shakeScreen 0.1s infinite; `; // Add shake animation const style = document.createElement('style'); style.textContent = ` @keyframes shakeScreen { 0% { transform: translate(0, 0) scale(1.02); } 25% { transform: translate(-2px, 2px) scale(1.05); } 50% { transform: translate(2px, -2px) scale(1.08); } 75% { transform: translate(-2px, -2px) scale(1.05); } 100% { transform: translate(2px, 2px) scale(1.02); } } `; document.head.appendChild(style); document.body.appendChild(jumpscareOverlay); } // Add black background effect const blackBg = document.createElement('div'); blackBg.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 1; z-index: 1999; pointer-events: none; `; document.body.appendChild(blackBg); // Play scream sound and show overlay with reduced delay jumpscareOverlay.style.display = 'block'; Promise.all([ screamSound.play(), new Audio('https://play.rosebud.ai/assets/scary-scream-3-81274.mp3?nc7w').play() ]).catch(error => { console.error('Error playing scream:', error); }); // Add secondary scream with slight delay for echo effect setTimeout(() => { const echoScream = new Audio('https://play.rosebud.ai/assets/scary-scream-3-81274.mp3?nc7w'); echoScream.volume = 0.5; echoScream.playbackRate = 0.95; echoScream.play().catch(() => {}); }, 100); setTimeout(() => { jumpscareOverlay.style.opacity = '0'; jumpscareOverlay.style.transition = 'opacity 0.2s ease'; setTimeout(() => { jumpscareOverlay.style.display = 'none'; jumpscareOverlay.style.opacity = '1'; jumpscareOverlay.style.transition = ''; // Create and show the final message const finalMessage = document.createElement('div'); finalMessage.style.cssText = ` position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-family: 'Sixtyfour', cursive; font-size: 2em; text-align: center; opacity: 0; transition: opacity 1s ease; z-index: 2001; text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); `; finalMessage.textContent = 'Sweet Dreams :)'; document.body.appendChild(finalMessage); setTimeout(() => { finalMessage.style.opacity = '1'; setTimeout(() => { // Clean up and return to main menu finalMessage.remove(); jumpscareOverlay.remove(); window.location.reload(); // Restart the game }, 5000); // Increased from 3000 to 5000 ms }, 100); }, 200); }, JUMPSCARE_CONFIG.JUMPSCARE_DURATION); }, JUMPSCARE_CONFIG.DARKNESS_PAUSE); } } // Start the flicker sequence flickerLights(); } renderer.render(scene, camera); return; } const delta = 0.016; // Fixed time step for consistent animation speed // Update all animation mixers scene.traverse((object) => { if (object.userData && object.userData.mixer) { object.userData.mixer.update(delta); } }); if (window.inHallway && !window.jumpscareTriggered) { window.jumpscareTriggered = true; const screamSound = new Audio('https://play.rosebud.ai/assets/scary-scream-3-81274.mp3?nc7w'); screamSound.volume = 1.0; let flickerCount = 0; function flickerLights() { scene.traverse((object) => { if (object instanceof THREE.SpotLight) { object.visible = !object.visible; if (object.visible) { object.intensity = object.userData.baseIntensity * (Math.random() * 0.5 + 0.5); } } }); flickerCount++; if (flickerCount >= JUMPSCARE_CONFIG.FLICKER_COUNT) { scene.traverse((object) => { if (object instanceof THREE.SpotLight) { object.visible = false; } }); setTimeout(() => { screamSound.play().catch(error => { console.error('Error playing scream:', error); }); const jumpscareOverlay = document.querySelector('[style*="ghost girl2.png"]'); if (jumpscareOverlay) { jumpscareOverlay.style.display = 'block'; jumpscareOverlay.style.opacity = '1'; setTimeout(() => { jumpscareOverlay.style.transition = `opacity ${JUMPSCARE_CONFIG.FADE_DURATION}ms ease`; jumpscareOverlay.style.opacity = '0'; setTimeout(() => { jumpscareOverlay.style.display = 'none'; window.jumpscareTriggered = false; }, JUMPSCARE_CONFIG.FADE_DURATION); }, JUMPSCARE_CONFIG.JUMPSCARE_DURATION); } }, JUMPSCARE_CONFIG.DARKNESS_PAUSE); } else { setTimeout(flickerLights, JUMPSCARE_CONFIG.FLICKER_INTERVAL); } } flickerLights(); } updateFlashlight(); const spotLight = scene.children.find(child => child instanceof THREE.SpotLight); const lightFixture = scene.children.find(child => child instanceof THREE.Mesh && child.geometry instanceof THREE.CylinderGeometry ); if (spotLight) { spotLight.userData.time += spotLight.userData.flickerSpeed; let flickerIntensity; if (window.inHallway) { const time = spotLight.userData.time + (spotLight.userData.phaseOffset || 0); const flicker = Math.sin(time) * 0.6 + Math.sin(time * 3.3) * 0.4 + Math.sin(time * 7.1) * 0.2 + (Math.random() * 0.1); // Add slight randomness flickerIntensity = spotLight.userData.baseIntensity + (flicker * spotLight.userData.flickerIntensity); if (Math.random() < 0.01) { flickerIntensity *= 0.3; } } else { const flicker = Math.sin(spotLight.userData.time) * 0.5 + Math.sin(spotLight.userData.time * 2.1) * 0.3 + Math.sin(spotLight.userData.time * 4.7) * 0.2; flickerIntensity = spotLight.userData.baseIntensity + (flicker * spotLight.userData.flickerIntensity); } spotLight.intensity = flickerIntensity; if (lightFixture && lightFixture.material) { lightFixture.material.emissiveIntensity = flickerIntensity; } } if (isLocked && !window.inHallway) { const smoothFactor = player.rotationSmoothing; const deltaX = (player.targetRotationX - player.rotationX); const deltaY = (player.targetRotationY - player.rotationY); player.rotationX += deltaX * smoothFactor; player.rotationY += deltaY * smoothFactor; const euler = new THREE.Euler(0, 0, 0, 'YXZ'); euler.x = player.rotationX; euler.y = player.rotationY; camera.quaternion.setFromEuler(euler); } if (isLocked && !window.inHallway) { // Only allow movement if not in hallway if (player.isSprinting && player.sprintEnergy > 0) { player.sprintEnergy = Math.max(0, player.sprintEnergy - player.sprintDepletionRate); updateSprintBar(); } else if (!player.isSprinting && player.sprintEnergy < 100) { player.sprintEnergy = Math.min(100, player.sprintEnergy + player.sprintRecoveryRate); updateSprintBar(); } if (player.sprintEnergy <= 0) { player.isSprinting = false; } const moveDirection = new THREE.Vector3(); const cameraDirection = new THREE.Vector3(); camera.getWorldDirection(cameraDirection); const forward = new THREE.Vector3(cameraDirection.x, 0, cameraDirection.z).normalize(); const right = new THREE.Vector3().crossVectors(forward, new THREE.Vector3(0, 1, 0)).normalize(); if (moveForward) moveDirection.add(forward); if (moveBackward) moveDirection.sub(forward); if (moveRight) moveDirection.add(right); if (moveLeft) moveDirection.sub(right); let currentSpeed = player.speed; if (player.isSprinting && player.sprintEnergy > 0) { currentSpeed = player.sprintSpeed; } else if (player.isCrouching) { currentSpeed = player.crouchSpeed; } moveDirection.multiplyScalar(currentSpeed); if (moveDirection.lengthSq() > 0) { moveDirection.normalize(); moveDirection.multiplyScalar(currentSpeed); // Play footstep sound only if actually moving const now = Date.now(); if (now - lastFootstep >= footstepInterval) { footstepSound.currentTime = 0; footstepSound.play(); lastFootstep = now; // Adjust interval based on movement state if (player.isSprinting) { footstepInterval = 300; // Faster footsteps while sprinting } else if (player.isCrouching) { footstepInterval = 700; // Slower footsteps while crouching } else { footstepInterval = 500; // Normal walking speed } } } else { footstepSound.pause(); footstepSound.currentTime = 0; } const newX = camera.position.x + moveDirection.x; const newZ = camera.position.z + moveDirection.z; const roomLimit = 4.5; // Slightly less than room size/2 const playerRadius = 0.3; // Collision radius for the player let canMove = true; const furnitureColliders = [{ // Painting (updated position after sleep) x: -2.0, z: -3.8, width: 1.6, depth: 0.2, y: 2.5 }, { // Cabinet x: -1.0, z: 3.5, width: 1.2, depth: 0.8 }, { // Potted Plant x: -3.0, z: 3.3, width: 0.8, depth: 0.8 }, { // Bed x: -2.5, z: -2.2, width: 2.8, depth: 1.8 }, { // Bedside Table x: -3.5, z: 0, width: 0.4, depth: 0.4 }, { // Desk x: 2, z: -2.8, width: 2.0, depth: 1.2 }, { // Back Wall x: 0, z: -4, width: 8, depth: 0.1 }, { // Front Wall x: 0, z: 4, width: 8, depth: 0.1 }, { // Left Wall x: -4, z: 0, width: 0.1, depth: 8 }, { // Right Wall x: 4, z: 0, width: 0.1, depth: 8 }, { // Window x: -2.0, z: 4.0, width: 2.4, depth: 0.1, y: 2.0 }, { // Curtains x: -2.0, z: 3.9, width: 2.4, depth: 0.35, y: 2.0 }]; furnitureColliders.forEach(furniture => { const halfWidth = furniture.width / 2; const halfDepth = furniture.depth / 2; const closestX = Math.max(furniture.x - halfWidth, Math.min(newX, furniture.x + halfWidth)); const closestZ = Math.max(furniture.z - halfDepth, Math.min(newZ, furniture.z + halfDepth)); const distanceX = newX - closestX; const distanceZ = newZ - closestZ; const distanceSquared = (distanceX * distanceX) + (distanceZ * distanceZ); if (distanceSquared < (playerRadius * playerRadius)) { canMove = false; } }); if (canMove && Math.abs(newX) < roomLimit && Math.abs(newZ) < roomLimit) { camera.position.x = newX; camera.position.z = newZ; } } const clockPosition = new THREE.Vector3(4.0, 3.0, 0.0); const phonePosition = new THREE.Vector3(-3.5, 0.7, 0); const bedPosition = new THREE.Vector3(-2.5, 0, -2.2); const notePosition = new THREE.Vector3(0, 0.25, 0); const distanceToClock = camera.position.distanceTo(clockPosition); const distanceToBed = camera.position.distanceTo(bedPosition); nearClock = distanceToClock < 2; nearBed = distanceToBed < 2.5; const distanceToNote = camera.position.distanceTo(notePosition); nearNote = distanceToNote < 1.5; const windowPosition = new THREE.Vector3(-1.0, 2.5, 4.02); const paintingPosition = new THREE.Vector3(2.0, 2.5, 3.8); const deskPosition = new THREE.Vector3(2, 1.0, -2.5); const distanceToWindow = camera.position.distanceTo(windowPosition); const distanceToPainting = camera.position.distanceTo(paintingPosition); const distanceToDesk = camera.position.distanceTo(deskPosition); nearWindow = distanceToWindow < 2; nearPainting = distanceToPainting < 1.2; nearDesk = distanceToDesk < 2; const switchPosition = new THREE.Vector3(4, 1.5, 3); const distanceToSwitch = camera.position.distanceTo(switchPosition); nearSwitch = distanceToSwitch < 0.6; const doorPosition = new THREE.Vector3(3.99, 1.5, 2.0); const distanceToDoor = camera.position.distanceTo(doorPosition); nearDoor = distanceToDoor < 0.8; if (!hasPhone) { const distanceToPhone = camera.position.distanceTo(phonePosition); nearPhone = distanceToPhone < 1.5; } if (window.inHallway && nearDoor) { interactionText.style.display = 'none'; } else if (window.inHallway) { interactionText.style.display = 'none'; } else if (nearDoor) { interactionText.style.display = 'block'; interactionText.textContent = 'Open door'; } else if (nearClock) { interactionText.style.display = 'block'; interactionText.textContent = window.thirdWakeCycle ? 'WHAT TIME IS IT?' : 'Check time'; } else if (nearDesk) { interactionText.style.display = 'block'; interactionText.textContent = window.thirdWakeCycle ? 'ARE YOU REAL?' : 'Examine desk'; } else if (nearWindow) { interactionText.style.display = 'block'; interactionText.textContent = window.thirdWakeCycle ? 'LOOK OUTSIDE?' : 'Look outside'; } else if (nearBed) { interactionText.style.display = 'block'; interactionText.textContent = window.thirdWakeCycle ? 'SLEEP?' : 'Go to sleep'; } else if (nearSwitch) { interactionText.style.display = 'block'; interactionText.textContent = window.thirdWakeCycle ? 'TRY AGAIN?' : 'Toggle light'; } else if (nearPainting) { interactionText.style.display = 'block'; interactionText.textContent = window.thirdWakeCycle ? 'STARE AT WALL?' : 'Look at painting'; } else if (nearNote && window.thirdWakeCycle) { interactionText.style.display = 'block'; interactionText.textContent = 'READ?'; } else if (nearPhone && !hasPhone) { interactionText.style.display = 'block'; interactionText.textContent = window.thirdWakeCycle ? 'PICK UP PHONE?' : 'Pick up phone'; } else { interactionText.style.display = 'none'; } if (window.inHallway) { camera.position.set(5, 1.8, 2); camera.rotation.set(0, -Math.PI / 2, 0); moveForward = moveBackward = moveLeft = moveRight = false; player.isCrouching = false; player.isSprinting = false; isLocked = false; } renderer.render(scene, camera); } function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } const debouncedUpdate = (fn) => { let frame; return (...params) => { if (frame) cancelAnimationFrame(frame); frame = requestAnimationFrame(() => fn(...params)); }; }; function updateVolume(value) { const volume = value / 100; backgroundMusic.volume = volume; footstepSound.volume = volume; lightSwitchSound.volume = volume * 0.3; knockSound.volume = volume * 0.8; // Adjusted to match new base volume clockSound.setVolume(volume * 0.4); buttonSound.volume = volume * 0.3; } const volumeControl = document.getElementById('musicVolume'); volumeControl.addEventListener('input', debouncedUpdate(function(e) { if (!e || !e.target) return; const value = e.target.value; updateValueDisplay(e.target, value); updateVolume(value); const inGameMusicVolume = document.getElementById('inGameMusicVolume'); if (inGameMusicVolume) { inGameMusicVolume.value = value; updateValueDisplay(inGameMusicVolume, value); } })); const sprintBar = document.createElement('div'); sprintBar.style.cssText = ` position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 200px; height: 4px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2px; display: none; z-index: 1000; overflow: hidden; `; const sprintBarFill = document.createElement('div'); sprintBarFill.style.cssText = ` width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.6)); transition: width 0.1s linear; box-shadow: 0 0 10px rgba(255,255,255,0.4); `; sprintBar.appendChild(sprintBarFill); document.body.appendChild(sprintBar); function updateSprintBar() { sprintBarFill.style.width = `${player.sprintEnergy}%`; if (animationStarted && (player.isSprinting || moveForward)) { sprintBar.style.display = 'block'; sprintBar.style.opacity = player.isSprinting ? '1' : '0.5'; } else { sprintBar.style.display = 'none'; } } function showMessage(text, duration = 3000, callback) { if (messageTimer) clearTimeout(messageTimer); if (text === "'WAKE UP'" || text === "what the?..") { const isWakeUp = text === "'WAKE UP'"; const fontSize = isWakeUp ? '4em' : '3em'; const letterSpacing = isWakeUp ? '4px' : '2px'; const noteOverlay = document.createElement('div'); noteOverlay.className = 'message-overlay'; noteOverlay.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); display: flex; justify-content: center; align-items: center; z-index: 2000; opacity: 0; transition: opacity 0.5s ease; font-family: 'Sixtyfour', cursive; `; const noteContent = document.createElement('div'); noteContent.style.cssText = ` font-size: 4em; color: #FF0000; text-shadow: 0 0 10px #FF0000, 0 0 20px #FF0000; position: relative; animation: distortText 0.1s infinite; letter-spacing: ${letterSpacing}; font-size: ${fontSize}; `; const style = document.createElement('style'); style.textContent = ` @keyframes distortText { 0% { transform: translate(0); } 25% { transform: translate(-2px, 1px); text-shadow: 4px 0 #FF0000, -4px 0 #0000FF; } 50% { transform: translate(1px, -1px); text-shadow: -4px 0 #FF0000, 4px 0 #0000FF; } 75% { transform: translate(-1px, 2px); text-shadow: 4px 0 #FF0000, -4px 0 #0000FF; } 100% { transform: translate(0); } } .glitch { position: relative; } .glitch::before, .glitch::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .glitch::before { left: 2px; text-shadow: -4px 0 #ff0000; animation: glitch-1 0.5s infinite linear alternate-reverse; } .glitch::after { left: -2px; text-shadow: 4px 0 #00ff00; animation: glitch-2 0.7s infinite linear alternate-reverse; } @keyframes glitch-1 { 0% { clip-path: inset(20% 0 30% 0); } 20% { clip-path: inset(65% 0 15% 0); } 40% { clip-path: inset(40% 0 43% 0); } 60% { clip-path: inset(25% 0 60% 0); } 80% { clip-path: inset(75% 0 5% 0); } 100% { clip-path: inset(50% 0 30% 0); } } @keyframes glitch-2 { 0% { clip-path: inset(10% 0 60% 0); } 20% { clip-path: inset(30% 0 40% 0); } 40% { clip-path: inset(50% 0 25% 0); } 60% { clip-path: inset(70% 0 15% 0); } 80% { clip-path: inset(20% 0 50% 0); } 100% { clip-path: inset(40% 0 30% 0); } } `; document.head.appendChild(style); noteContent.className = 'glitch'; noteContent.setAttribute('data-text', text); noteContent.textContent = text; noteOverlay.appendChild(noteContent); document.body.appendChild(noteOverlay); // Enhanced flicker effect for both messages let flickerCount = 0; const maxFlickers = 5; const flickerInterval = setInterval(() => { if (flickerCount % 2 === 0) { noteOverlay.style.background = 'rgba(50, 0, 0, 0.95)'; noteContent.style.textShadow = '0 0 20px #FF0000, 0 0 30px #FF0000'; noteContent.style.color = '#FF0000'; } else { noteOverlay.style.background = 'rgba(0, 0, 0, 0.95)'; noteContent.style.textShadow = '0 0 10px #FF0000, 0 0 20px #FF0000'; noteContent.style.color = '#FFFFFF'; } flickerCount++; if (flickerCount >= maxFlickers * 2) { clearInterval(flickerInterval); // Reset to final state noteOverlay.style.background = 'rgba(0, 0, 0, 0.95)'; noteContent.style.textShadow = '0 0 10px #FF0000, 0 0 20px #FF0000'; noteContent.style.color = '#FF0000'; } }, 100); requestAnimationFrame(() => noteOverlay.style.opacity = '1'); setTimeout(() => { noteOverlay.style.opacity = '0'; setTimeout(() => { noteOverlay.remove(); style.remove(); if (callback) callback(); }, 500); }, duration); } else { messageText.textContent = text; messageText.style.display = 'block'; requestAnimationFrame(() => messageText.style.opacity = '1'); messageTimer = setTimeout(() => { messageText.style.opacity = '0'; setTimeout(() => { messageText.style.display = 'none'; if (callback) callback(); }, 300); }, duration); } } const onKeyDown = function(event) { if (event.code === 'KeyF' && hasPhone && !window.inHallway) { flashlightOn = !flashlightOn; lightSwitchSound.currentTime = 0; lightSwitchSound.play(); // Show next tutorial step if in tutorial mode if (controlsTutorial.active && controlsTutorial.currentStep === 3) { controlsTutorial.currentStep++; controlsTutorial.showNext(); } if (phoneInHandModel) { const flashlight = scene.children.find(child => child instanceof THREE.SpotLight && child.userData.isPhoneFlashlight); if (!flashlight && flashlightOn) { const light = new THREE.SpotLight(0xFFFFFF, window.thirdWakeCycle ? 0.4 : (window.secondWakeCycle ? 0.5 : 0.6)); light.angle = window.thirdWakeCycle ? Math.PI / 6 : (window.secondWakeCycle ? Math.PI / 5.5 : Math.PI / 5); light.penumbra = window.thirdWakeCycle ? 0.5 : (window.secondWakeCycle ? 0.4 : 0.3); light.decay = window.thirdWakeCycle ? 2.2 : (window.secondWakeCycle ? 2.0 : 1.8); light.distance = window.thirdWakeCycle ? 8 : (window.secondWakeCycle ? 9 : 10); light.castShadow = true; light.shadow.mapSize.width = 1024; light.shadow.mapSize.height = 1024; light.shadow.camera.near = 0.5; light.shadow.camera.far = 15; light.userData.isPhoneFlashlight = true; scene.add(light); scene.add(light.target); } else if (flashlight) { flashlight.visible = flashlightOn; } } } switch (event.code) { case 'KeyE': if (nearPhone && !hasPhone) { hasPhone = true; buttonSound.play(); const phonesToRemove = []; if (scene) { scene.traverse((child) => { if (child.userData && child.userData.isOriginalPhone) { phonesToRemove.push(child); } }); phonesToRemove.forEach(phone => scene.remove(phone)); } AssetLoader.loadModel('https://play.rosebud.ai/assets/iphone_front_0110151933.glb?ihKj', { scale: 0.15, position: { x: 0.3, y: -0.15, z: -0.3 }, rotation: { x: 0.1, y: -Math.PI / 3, z: 0.1 } }).then(model => { phoneInHandModel = model; model.userData.isPhoneInHand = true; camera.add(model); }); nearPhone = false; setTimeout(() => { if (!hasPhone && !window.secondWakeCycle && !window.thirdWakeCycle && !window.hasShownSettingsGuide) { setTimeout(() => { showGuide('Press O to view settings/controls', 10000); window.hasShownSettingsGuide = true; }, 12000); } }, 2000); } if (!hasPhone) { showMessage("i can't see... where's my phone?", 3000); } else if (nearDoor) { if (window.thirdWakeCycle && !hasReadNote) { showMessage("i should read that note first..", 3000); } else if (window.thirdWakeCycle && hasReadNote) { if (!window.inHallway) { window.inHallway = true; const doorSound = new Audio('https://play.rosebud.ai/assets/door-2-6841.mp3?QGcz'); doorSound.volume = 0.5; doorSound.play(); while (scene.children.length > 0) { scene.remove(scene.children[0]); } createHallwayScene(); camera.position.set(5, 1.8, 2); camera.rotation.set(0, -Math.PI / 2, 0); moveForward = false; moveBackward = false; moveLeft = false; moveRight = false; isLocked = false; document.exitPointerLock(); } isLocked = true; interactionText.style.display = 'none'; nearDoor = false; } else { showMessage("i don't need to go out now..", 3000); } } else { if (nearClock) { if (!hasPhone) { showMessage("i can't see... where's my phone?", 3000); } else if (window.thirdWakeCycle) { showMessage("3 am... always 3 am...", 3000); setTimeout(() => { showMessage("i'm trapped in this moment", 3000); }, 3500); } else if (window.secondWakeCycle) { showMessage("it's still 3 am?..weird", 3000); setTimeout(() => { showMessage("this feels like a dream", 3000); }, 3500); } else { showMessage("it's 3 am.. why am i up?", 3000); setTimeout(() => { showMessage("i should try to sleep", 3000); }, 3500); } hasCheckedClock = true; } else if (nearBed) { if (window.thirdWakeCycle) { showMessage("sleep is impossible now..", 3000); } else if (!hasCheckedClock && !window.secondWakeCycle && !window.thirdWakeCycle) { showMessage("what time is it?.. i should check"); } else if (!hasCheckedClock && window.secondWakeCycle) { showMessage("i need to check the time first.."); } else if (!window.secondWakeCycle && !window.thirdWakeCycle && lightSwitch.isOn) { showMessage("the lights.. they're too bright to sleep"); } else if (canSleep) { canSleep = false; // Disable sleep interaction const fadeOverlay = document.createElement('div'); fadeOverlay.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; z-index: 1000; pointer-events: none; transition: opacity 2s ease-in-out; `; document.body.appendChild(fadeOverlay); requestAnimationFrame(() => { fadeOverlay.style.opacity = '1'; if (clockSound && clockSound.isPlaying) { clockSound.stop(); } const sleepMessage = document.createElement('div'); sleepMessage.style.cssText = ` position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-family: 'Sixtyfour', cursive; font-size: 1.5em; text-align: center; opacity: 0; transition: opacity 1s ease; z-index: 1001; `; document.body.appendChild(sleepMessage); setTimeout(() => { sleepMessage.style.opacity = '1'; setTimeout(() => { moveForward = moveBackward = moveLeft = moveRight = false; camera.position.set(-2.25, 1.80, 0.10); isLocked = true; renderer.domElement.requestPointerLock(); camera.rotation.set(0, Math.PI * 0.75, 0); const paintingsToRemove = []; scene.traverse((object) => { const hasUserData = object.userData || (object.parent && object.parent.userData); if (hasUserData && (object.userData.isOriginalPainting || (object.parent && object.parent.userData.isOriginalPainting))) { paintingsToRemove.push(object.parent || object); } if (object.userData && object.userData.isPlant) { object.position.set(2.5, 1.4, 3.3); object.updateMatrix(); object.updateMatrixWorld(true); } }); paintingsToRemove.forEach(painting => { scene.remove(painting); }); hasCheckedClock = false; hasPhone = false; flashlightOn = false; if (window.secondWakeCycle) { window.thirdWakeCycle = true; const noteGeometry = new THREE.BoxGeometry(0.4, 0.01, 0.5); const noteMaterial = new THREE.MeshStandardMaterial({ color: 0xFFFFFF, roughness: 0.4, metalness: 0.1 }); const note = new THREE.Mesh(noteGeometry, noteMaterial); note.position.set(0, 0.25, 0); note.rotation.set(0, Math.PI * 0.75, 0); note.castShadow = true; note.receiveShadow = true; note.userData.isNote = true; scene.add(note); } else { window.secondWakeCycle = true; } const flashlight = scene.children.find(child => child instanceof THREE.SpotLight && child.userData.isPhoneFlashlight); if (flashlight) { scene.remove(flashlight); scene.remove(flashlight.target); } AssetLoader.loadModel('https://play.rosebud.ai/assets/blue iphone.glb?gtRx', { scale: 0.1, position: { x: -3.5, y: 0.7, z: 0 }, rotation: { x: -Math.PI / 2, y: 0, z: 0 } }).then(model => { model.traverse((child) => { child.userData.isOriginalPhone = true; }); scene.add(model); }); camera.children.forEach((child) => { if (child.userData && child.userData.isPhoneInHand) { camera.remove(child); } }); fadeOverlay.style.opacity = '0'; setTimeout(() => { document.body.removeChild(fadeOverlay); document.body.removeChild(sleepMessage); }, 2000); if (window.thirdWakeCycle) { showMessage("what's that on the floor?", 4000); } else if (window.secondWakeCycle) { showMessage("i woke up again..", 4000); } else { showMessage("what's that on the floor?", 4000); } clockSound.play(); canSleep = true; // Re-enable sleep interaction isLocked = true; renderer.domElement.requestPointerLock(); moveForward = moveBackward = moveLeft = moveRight = false; player.isCrouching = false; player.isSprinting = false; player.sprintEnergy = 100; }, 3000); }, 2000); }, 100); } } else if (nearWindow) { if (window.thirdWakeCycle) { showMessage("something's watching me through the darkness...", 3000); setTimeout(() => { showMessage("i can feel its presence", 3000); }, 3500); } else if (!window.secondWakeCycle) { showMessage("its so dark out, has it always been like this?", 3000); } else { showMessage("it's still dark out..", 3000); } } else if (nearPainting) { if (window.thirdWakeCycle) { showMessage("the walls remember where it was...", 4000); } else if (!window.secondWakeCycle) { showMessage("my mom bought me this painting, it's kind of freaky..", 4000); } else { showMessage("where did it go?..", 4000); } } else if (nearDesk) { if (window.thirdWakeCycle) { showMessage("am i even real?", 3000); } else if (window.secondWakeCycle) { showMessage("my desk, nothing new", 3000); } else { showMessage("my desk.. i've spent countless hours making games here", 3000); } } else if (nearNote && window.thirdWakeCycle) { hasReadNote = true; const tinnitusSound = new Audio('https://play.rosebud.ai/assets/tinnitus-74996.mp3?qcHK'); tinnitusSound.volume = 0.3; tinnitusSound.play(); showMessage("'WAKE UP'", 2500); setTimeout(() => { tinnitusSound.pause(); tinnitusSound.currentTime = 0; showMessage("what the..?", 3000); setTimeout(() => { knockSound.currentTime = 0; knockSound.play().then(() => { const knockAudio = new THREE.PositionalAudio(listener); const audioLoader = new THREE.AudioLoader(); audioLoader.load('https://play.rosebud.ai/assets/knock-knock-knock-40474.mp3?Tn0E', function(buffer) { knockAudio.setBuffer(buffer); knockAudio.setRefDistance(1); knockAudio.setVolume(2); knockAudio.setRolloffFactor(1); knockAudio.setDistanceModel('linear'); const doorAudioSource = new THREE.Object3D(); doorAudioSource.position.set(3.99, 1.5, 2.0); doorAudioSource.add(knockAudio); scene.add(doorAudioSource); knockAudio.play(); }); }).catch(error => { console.error('Error playing knock sound:', error); }); setTimeout(() => { showMessage("what was that?!", 3000); }, 1000); }, 3000); }, 3000); } else if (nearSwitch) { lightSwitchSound.currentTime = 0; lightSwitchSound.play(); if (window.thirdWakeCycle) { showMessage("the darkness won't let go..", 3000); } else if (window.secondWakeCycle) { showMessage("why aren't the lights working?", 3000); } lightSwitch.toggle(); } } break; case 'ArrowUp': case 'KeyW': moveForward = true; break; case 'ShiftLeft': case 'ShiftRight': if (!player.isCrouching && player.sprintEnergy > 0) { player.isSprinting = true; footstepInterval = 300; } break; case 'ControlLeft': case 'ControlRight': player.isCrouching = !player.isCrouching; player.isSprinting = false; camera.position.y = player.isCrouching ? player.crouchHeight : player.baseHeight; break; case 'ArrowDown': case 'KeyS': moveBackward = true; break; case 'ArrowLeft': case 'KeyA': moveLeft = true; break; case 'ArrowRight': case 'KeyD': moveRight = true; break; } updateFlashlight(); }; const onKeyUp = function(event) { switch (event.code) { case 'ArrowUp': case 'KeyW': moveForward = false; break; case 'ArrowDown': case 'KeyS': moveBackward = false; break; case 'ArrowLeft': case 'KeyA': moveLeft = false; break; case 'ArrowRight': case 'KeyD': moveRight = false; break; case 'ShiftLeft': case 'ShiftRight': player.isSprinting = false; footstepInterval = 500; // Reset to normal walking speed immediately break; } }; document.addEventListener('keydown', function(event) { if (event.code === 'KeyO') { event.preventDefault(); toggleInGameSettings(); if (!controlsTutorial.hasShownSettings) { controlsTutorial.hasShownSettings = true; guideWrapper.style.display = 'none'; } } // Handle controls tutorial progression if (controlsTutorial.active && controlsTutorial.currentStep < controlsTutorial.steps.length) { const currentStep = controlsTutorial.steps[controlsTutorial.currentStep]; if (event.code === currentStep.key) { controlsTutorial.currentStep++; if (controlsTutorial.currentStep < controlsTutorial.steps.length) { controlsTutorial.showNext(); } else { controlsTutorial.active = false; } } } }); document.addEventListener('keydown', onKeyDown); document.addEventListener('keyup', onKeyUp); window.addEventListener('resize', onWindowResize); const guideWrapper = document.createElement('div'); guideWrapper.style.cssText = ` position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 999; pointer-events: none; `; const guideText = document.createElement('div'); guideText.style.cssText = ` position: absolute; left: 50%; top: 40px; transform: translateX(-50%) scale(0.8); color: #00ff00; font-family: 'Sixtyfour', cursive; font-size: 1em; text-shadow: 0 0 10px rgba(0, 255, 0, 0.5), 0 0 20px rgba(0, 255, 0, 0.3); background: linear-gradient(180deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 20, 0, 0.95) 50%, rgba(0, 0, 0, 0.95) 100%); padding: 15px 30px; border-radius: 4px; opacity: 0; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease; text-align: center; border: 1px solid rgba(0, 255, 0, 0.3); box-shadow: 0 0 15px rgba(0, 255, 0, 0.1); max-width: 80%; white-space: nowrap; animation: guidePulse 2s infinite; `; const guideStyle = document.createElement('style'); guideStyle.textContent = ` @keyframes guidePulse { 0% { border-color: rgba(0, 255, 0, 0.3); box-shadow: 0 0 15px rgba(0, 255, 0, 0.1); } 50% { border-color: rgba(0, 255, 0, 0.5); box-shadow: 0 0 20px rgba(0, 255, 0, 0.2); } 100% { border-color: rgba(0, 255, 0, 0.3); box-shadow: 0 0 15px rgba(0, 255, 0, 0.1); } } `; guideWrapper.appendChild(guideText); document.body.appendChild(guideWrapper); const controlsTutorial = { currentStep: 0, steps: [{ key: 'ControlLeft', text: 'Press Ctrl to toggle crouch' }, { key: 'ShiftLeft', text: 'Hold Shift to sprint' }, { key: 'KeyE', text: 'Press E to interact with objects' }, { key: 'KeyF', text: 'Press F to toggle flashlight (when you have phone)' }, { key: 'KeyO', text: 'Press O to view settings/controls' }], active: false, hasShownSettings: false, showNext() { if (this.currentStep < this.steps.length && !window.secondWakeCycle && !window.thirdWakeCycle) { // If player has pressed E and doesn't have phone, skip to 'O' hint if (!hasPhone && this.currentStep === 3) { this.currentStep = 3; // Change to 3 since that's the last valid index } if (this.currentStep < this.steps.length && (!window.secondWakeCycle && !window.thirdWakeCycle)) { showGuide(this.steps[this.currentStep].text, this.currentStep === 3 && !this.hasShownSettings ? 99999 : 10000); } else { showGuide(this.steps[this.currentStep].text, 10000); } } else { // Don't set active to false when moving to settings hint if (this.currentStep !== 4) { this.active = false; } } } }; function startControlsTutorial() { controlsTutorial.currentStep = 0; controlsTutorial.active = true; controlsTutorial.showNext(); } function showGuide(text, duration = 3000) { const guideSound = new Audio('https://play.rosebud.ai/assets/light-switch-81967.mp3?0Qis'); guideSound.volume = 0.1; guideText.textContent = text; guideWrapper.style.display = 'block'; requestAnimationFrame(() => { guideText.style.opacity = '1'; guideText.style.transform = 'translateX(-50%) scale(1)'; guideWrapper.style.opacity = '1'; guideSound.play().catch(error => console.error('Error playing guide sound:', error)); }); setTimeout(() => { guideText.style.opacity = '0'; guideText.style.transform = 'translateX(-50%) scale(0.8)'; guideWrapper.style.opacity = '0'; setTimeout(() => { guideWrapper.style.display = 'none'; }, 400); }, duration); } document.getElementById('startButton').addEventListener('click', () => { const wakeUpScreen = document.getElementById('wakeUpScreen'); const mainMenu = document.getElementById('mainMenu'); if (scene.children.length <= 1) { createRoom(); loadRoomAssets(); } Array.from(mainMenu.children).forEach(child => { if (child !== wakeUpScreen) { child.style.display = 'none'; } }); wakeUpScreen.style.display = 'flex'; requestAnimationFrame(() => { wakeUpScreen.style.opacity = '1'; setTimeout(() => { wakeUpScreen.style.opacity = '0'; setTimeout(() => { mainMenu.style.display = 'none'; if (flashlightOverlay) { flashlightOverlay.remove(); } animationStarted = true; animate(); if (!window.secondWakeCycle && !window.thirdWakeCycle) { showMessage('what time is it?..'); if (!window.secondWakeCycle && !window.thirdWakeCycle) { startControlsTutorial(); } } renderer.domElement.requestPointerLock(); backgroundMusic.pause(); const clockAudioSource = new THREE.Object3D(); clockAudioSource.position.set(4.0, 3.0, 0.0); clockAudioSource.add(clockSound); scene.add(clockAudioSource); if (clockSound.buffer) { clockSound.play(); } else { const audioLoader = new THREE.AudioLoader(); audioLoader.load('https://play.rosebud.ai/assets/ticking-clock-sound-effect-1-mp3-edition-264451.mp3?KKux', function(buffer) { clockSound.setBuffer(buffer); clockSound.setRefDistance(5); clockSound.setLoop(true); clockSound.setVolume(0.4); clockSound.setRolloffFactor(1.2); clockSound.play(); }); } renderer.domElement.requestPointerLock(); }, 300); }, 3000); }); }); document.getElementById('settingsButton').addEventListener('click', () => { lightSwitchSound.currentTime = 0; lightSwitchSound.play(); const settingsPage = document.getElementById('settingsPage'); const menuButtons = document.querySelectorAll('#mainMenu > button'); const menuTitle = document.querySelector('#mainMenu > h1'); const menuSubtitle = document.querySelector('#mainMenu > p'); const disclaimer = document.querySelector('#mainMenu > p:nth-of-type(2)'); menuButtons.forEach(button => button.style.display = 'none'); if (menuTitle) menuTitle.style.display = 'none'; if (menuSubtitle) menuSubtitle.style.display = 'none'; if (disclaimer) disclaimer.style.display = 'none'; settingsPage.style.display = 'flex'; if (!document.getElementById('settingsBackButton')) { createBackButton('settingsBackButton', settingsPage, () => { settingsPage.style.display = 'none'; menuButtons.forEach(button => button.style.display = 'block'); if (menuTitle) menuTitle.style.display = 'block'; if (menuSubtitle) menuSubtitle.style.display = 'block'; }); } }); document.getElementById('controlsButton').addEventListener('click', function() { lightSwitchSound.currentTime = 0; lightSwitchSound.play(); const controlsPage = document.getElementById('controlsPage'); const menuButtons = document.querySelectorAll('#mainMenu > button'); const menuTitle = document.querySelector('#mainMenu > h1'); const menuSubtitle = document.querySelector('#mainMenu > p'); const disclaimer = document.querySelector('#mainMenu > p:nth-of-type(2)'); menuButtons.forEach(button => button.style.display = 'none'); if (menuTitle) menuTitle.style.display = 'none'; if (menuSubtitle) menuSubtitle.style.display = 'none'; if (disclaimer) disclaimer.style.display = 'none'; controlsPage.style.display = 'flex'; createBackButton('controlsBackButton', controlsPage, () => { controlsPage.style.display = 'none'; menuButtons.forEach(button => button.style.display = 'block'); if (menuTitle) menuTitle.style.display = 'block'; if (menuSubtitle) menuSubtitle.style.display = 'block'; const settingsPage = document.getElementById('settingsPage'); if (settingsPage) settingsPage.style.display = 'none'; }); }); document.getElementById('creditsButton').addEventListener('click', function() { lightSwitchSound.currentTime = 0; lightSwitchSound.play(); const creditsPage = document.getElementById('creditsPage'); const menuButtons = document.querySelectorAll('#mainMenu > button'); const menuTitle = document.querySelector('#mainMenu > h1'); const menuSubtitle = document.querySelector('#mainMenu > p'); const disclaimer = document.querySelector('#mainMenu > p:nth-of-type(2)'); menuButtons.forEach(button => button.style.display = 'none'); if (menuTitle) menuTitle.style.display = 'none'; if (menuSubtitle) menuSubtitle.style.display = 'none'; if (disclaimer) disclaimer.style.display = 'none'; creditsPage.style.display = 'flex'; createBackButton('creditsBackButton', creditsPage, () => { creditsPage.style.display = 'none'; menuButtons.forEach(button => button.style.display = 'block'); if (menuTitle) menuTitle.style.display = 'block'; if (menuSubtitle) menuSubtitle.style.display = 'block'; }); }); function createBackButton(id, parentElement, onClickCallback) { const backButton = document.createElement('button'); backButton.id = id; backButton.innerText = 'Back'; backButton.style.cssText = ` position: absolute; top: 20px; left: 20px; background: linear-gradient(145deg, rgba(30, 30, 30, 0.8), rgba(10, 10, 10, 0.9)); border: 2px solid rgba(255, 255, 255, 0.15); color: #ffffff; padding: 10px 20px; font-size: 1em; cursor: pointer; transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1); font-family: 'Sixtyfour', cursive; letter-spacing: 2px; text-transform: uppercase; z-index: 20; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); `; backButton.addEventListener('click', function() { lightSwitchSound.currentTime = 0; lightSwitchSound.play().catch(error => console.error('Error playing sound:', error)); if (onClickCallback) { onClickCallback(); } else { parentElement.style.display = 'none'; } backButton.remove(); }); parentElement.appendChild(backButton); } const inGameSettings = document.createElement('div'); inGameSettings.id = 'inGameSettings'; inGameSettings.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 60%), radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.02) 0%, transparent 55%), radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.02) 0%, transparent 55%), linear-gradient(45deg, rgba(0, 0, 0, 0.99) 0%, rgba(5, 5, 5, 0.98) 50%, rgba(2, 2, 2, 0.99) 100%); backdrop-filter: blur(3px); z-index: 1001; display: none; justify-content: center; align-items: center; padding: 40px 0; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.2); overflow-y: auto; `; inGameSettings.innerHTML = `

Game Settings

Audio Settings

Volume 25%

Display Settings

Brightness 50%

Controls

Mouse Sensitivity 100%

- WASD / Arrow keys to move

- Mouse to look around

- Shift to sprint

- Ctrl to crouch, press again to stand

- E to interact

- F to toggle flashlight

- O to toggle settings/pause

`; document.body.appendChild(inGameSettings); function toggleInGameSettings() { if (!animationStarted) return; // Only work when game has started const inGameSettings = document.getElementById('inGameSettings'); if (!inGameSettings) return; const isVisible = inGameSettings.style.display === 'flex'; if (isVisible) { inGameSettings.style.display = 'none'; renderer.domElement.requestPointerLock(); } else { inGameSettings.style.display = 'flex'; document.exitPointerLock(); } } const inGameVolumeControl = document.getElementById('inGameMusicVolume'); inGameVolumeControl.addEventListener('input', debouncedUpdate(function(e) { const value = e.target.value; updateValueDisplay(e.target, value); updateVolume(value); const mainMenuVolume = document.getElementById('musicVolume'); if (mainMenuVolume) { mainMenuVolume.value = value; updateValueDisplay(mainMenuVolume, value); } })); const inGameSensitivityControl = document.getElementById('inGameSensitivity'); inGameSensitivityControl.addEventListener('input', debouncedUpdate(function(e) { const value = e.target.value; updateValueDisplay(e.target, value); player.turnSpeed = (value / 100) * 0.004; // Adjusted base sensitivity multiplied by user setting })); const inGameBrightnessControl = document.getElementById('inGameBrightness'); if (inGameBrightnessControl) { inGameBrightnessControl.addEventListener('input', debouncedUpdate(function(e) { const value = e.target.value; updateValueDisplay(e.target, value); const brightness = (value / 50) * 3; // Convert to a 0-6 range for more dramatic effect scene.traverse((object) => { if (object instanceof THREE.Light) { if (!object.userData.baseIntensity) { object.userData.baseIntensity = object.intensity; } object.intensity = object.userData.baseIntensity * brightness; } if (object instanceof THREE.Mesh && object.material) { if (!object.material.userData.baseEmissiveIntensity) { object.material.userData.baseEmissiveIntensity = object.material.emissiveIntensity || 0; } object.material.emissiveIntensity = object.material.userData.baseEmissiveIntensity * brightness; } }); })); } function updateValueDisplay(element, value) { const settingItem = element.closest('.setting-item'); if (settingItem) { const valueDisplay = settingItem.querySelector('.value-display'); if (valueDisplay) { valueDisplay.textContent = value + '%'; } } }