import * as THREE from 'three'; import {} from 'three'; // Initialize parent div first const parentDiv = document.getElementById('renderDiv'); import { updateAutoNavigation } from 'https://play.rosebud.ai/assets/autoNavigationSystem.js?rfAf'; import { createBriefingSystem } from 'https://play.rosebud.ai/assets/briefingSystem.js?fzkS'; const { briefingOverlay, toggleBriefing, showBriefing, hideBriefing } = createBriefingSystem(parentDiv); import { boxMessages, warningMessages, showMessage, handleBoxInteraction } from 'https://play.rosebud.ai/assets/dialogs.js?gixg'; import { spawnJumpScareFish } from 'https://play.rosebud.ai/assets/abyssalFishJumpscare.js?wedN'; import { updateAbyssFishBehavior } from 'https://play.rosebud.ai/assets/abyssFishBehavior.js?2Iof'; import { createDecryptSystem } from 'https://play.rosebud.ai/assets/encryptedMessages.js?UD0A'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'; import { OBJLoader } from 'three/addons/loaders/OBJLoader.js'; import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js'; import { createPSXShader } from 'https://play.rosebud.ai/assets/PSXEffect.js?AOlR'; import { ShaderPass } from 'three/addons/postprocessing/ShaderPass.js'; import { RenderPass } from 'three/addons/postprocessing/RenderPass.js'; import { SMAAPass } from 'three/addons/postprocessing/SMAAPass.js'; import { PhotoSystem } from 'https://play.rosebud.ai/assets/photocamera.js?drPE'; import { updateAbyssPredator } from 'https://play.rosebud.ai/assets/abyssPredatorBehavior.js?hHuV'; const audioListener = new THREE.AudioListener(); const engineSound = new THREE.Audio(audioListener); const soundtrackSound = new THREE.Audio(audioListener); const darkAmbientSound = new THREE.Audio(audioListener); const submarineSound = new THREE.Audio(audioListener); const cameraSound = new THREE.Audio(audioListener); const noteSound = new THREE.Audio(audioListener); const zeroBatterySound = new THREE.Audio(audioListener); const audioLoader = new THREE.AudioLoader(); const loadingManager = new THREE.LoadingManager(); let currentLoadingItem = ''; let currentLoadingProgress = 0; const assetLoadingStatus = { textures: { grass: false, grassNormal: false } }; loadingManager.onStart = (url, itemsLoaded, itemsTotal) => { console.log('Started loading:', url); }; loadingManager.onLoad = () => { console.log('Loading complete!'); const allTexturesLoaded = Object.values(assetLoadingStatus.textures).every(status => status); if (allTexturesLoaded) { assetsLoaded = true; loadingText.innerHTML = 'ALL SYSTEMS ONLINE'; loadingBar.style.backgroundColor = '#00ff00'; setTimeout(() => { loadingScreen.style.transition = 'opacity 1s'; loadingScreen.style.opacity = '0'; setTimeout(() => { loadingScreen.style.display = 'none'; }, 1000); }, 500); if (darkAmbientSound.buffer && !darkAmbientSound.isPlaying) { darkAmbientSound.play(); darkAmbientSound.setLoop(true); } } else { console.error('Not all assets loaded successfully'); loadingScreen.innerHTML = 'Some assets failed to load. Please refresh the page.'; } }; loadingManager.onProgress = (url, itemsLoaded, itemsTotal) => { const progress = ((itemsLoaded / itemsTotal) * 100).toFixed(0); console.log(`Loading progress: ${progress}% (${url})`); loadingBar.style.width = `${progress}%`; // Extract filename from URL const fileName = url.split('/').pop().split('?')[0]; currentLoadingItem = fileName; currentLoadingProgress = progress; // Update loading text with both status and current file let statusText = ''; if (progress < 25) { statusText = 'INITIALIZING NAVIGATION SYSTEMS'; } else if (progress < 50) { statusText = 'CALIBRATING SONAR ARRAYS'; } else if (progress < 75) { statusText = 'LOADING ENVIRONMENTAL DATA'; } else { statusText = 'FINALIZING SUBMARINE SYSTEMS'; } loadingText.innerHTML = `${statusText}
LOADING: ${fileName}
PROGRESS: ${progress}%`; }; loadingManager.onError = (url) => { console.error('Error loading asset:', url); loadingScreen.innerHTML = `Error loading ${url}. Please refresh the page.`; }; const textureLoader = new THREE.TextureLoader(loadingManager); const gltfLoader = new GLTFLoader(loadingManager); const objLoader = new OBJLoader(loadingManager); let assetsLoaded = false; // Graphics settings with enforced defaults const graphicsSettings = { vhsEffect: true, // VHS effect enforced antialiasing: true, // Anti-aliasing enforced psxEffect: true, // PSX effect enforced loadingDistance: 35, // Default rendering distance (35 units) fisheyeEffect: true // Fisheye effect enforced }; // Create settings window const settingsWindow = document.createElement('div'); settingsWindow.style.position = 'absolute'; settingsWindow.style.top = '50%'; settingsWindow.style.left = '50%'; settingsWindow.style.transform = 'translate(-50%, -50%)'; settingsWindow.style.backgroundColor = 'rgba(0, 40, 0, 0.95)'; settingsWindow.style.padding = '20px'; settingsWindow.style.borderRadius = '10px'; settingsWindow.style.border = '2px solid #00ff00'; settingsWindow.style.color = '#00ff00'; settingsWindow.style.fontFamily = 'monospace'; settingsWindow.style.fontSize = '14px'; settingsWindow.style.display = 'none'; settingsWindow.style.zIndex = '1000'; settingsWindow.style.minWidth = '300px'; // Create settings content settingsWindow.innerHTML = `

Graphics Settings

VHS Effect

PSX Effect

Anti-aliasing

Loading Distance:

`; parentDiv.appendChild(settingsWindow); let isPlayingIntro = true; let isEditingNote = false; let isCameraMode = false; let isThirdPerson = false; let photos = []; let currentPhotoIndex = -1; let isViewingPhotos = false; import { playCinematicIntro } from 'https://play.rosebud.ai/assets/cinematicIntro.js?MUw6&t=500'; loadingManager.setURLModifier((url) => { if (url.includes('Textures/colormap.png')) { return 'https://play.rosebud.ai/assets/3D_playground_character_colormap.png?93vn'; } return url; }); let canvas = document.getElementById('threeRenderCanvas'); if (!canvas) { canvas = document.createElement('canvas'); canvas.id = 'threeRenderCanvas'; parentDiv.appendChild(canvas); } import { createMainMenu } from 'https://play.rosebud.ai/assets/mainmenu.js?u9bH'; const { mainMenu, cinematicOverlay, cinematicScanlines, controlsOverlay, disclaimerOverlay, handleMenuClick } = createMainMenu(parentDiv, () => { if (assetsLoaded) { mainMenu.style.display = 'none'; isPlayingIntro = true; const introResult = playCinematicIntro(parentDiv); introResult.cinematicOverlay.addEventListener('transitionend', (event) => { if (event.propertyName === 'opacity' && introResult.cinematicOverlay.style.opacity === '0') { isPlayingIntro = false; batteryDisplay.style.display = 'block'; // Show battery display after intro if (soundtrackSound.buffer && !soundtrackSound.isPlaying) { soundtrackSound.play(); } } }); if (soundtrackSound.buffer && !soundtrackSound.isPlaying) { soundtrackSound.play(); } if (darkAmbientSound.buffer && !darkAmbientSound.isPlaying) { darkAmbientSound.play(); } soundtrackSound.setVolume(0.15); darkAmbientSound.setVolume(0.408); } else { console.log('Assets still loading...'); } }); if (cinematicScanlines instanceof Node) parentDiv.appendChild(cinematicScanlines); if (cinematicOverlay instanceof Node) parentDiv.appendChild(cinematicOverlay); if (mainMenu instanceof Node) parentDiv.appendChild(mainMenu); if (controlsOverlay instanceof Node) parentDiv.appendChild(controlsOverlay); if (disclaimerOverlay instanceof Node) parentDiv.appendChild(disclaimerOverlay); import { createHUD } from 'https://play.rosebud.ai/assets/hud.js?hhDJ'; const { drawHUD, hudCanvas, hudCtx } = createHUD(parentDiv); const sonarCanvas = document.createElement('canvas'); sonarCanvas.style.position = 'absolute'; sonarCanvas.style.top = '20px'; sonarCanvas.style.right = '20px'; sonarCanvas.style.width = '200px'; sonarCanvas.style.height = '200px'; sonarCanvas.style.opacity = '1'; parentDiv.appendChild(sonarCanvas); const positionDisplay = document.createElement('div'); positionDisplay.style.position = 'absolute'; positionDisplay.style.top = `${sonarCanvas.height + 10}px`; // 10px gap from sonar positionDisplay.style.right = '20px'; positionDisplay.style.width = '200px'; positionDisplay.style.color = '#00ff00'; positionDisplay.style.fontFamily = 'monospace'; positionDisplay.style.fontSize = '14px'; positionDisplay.style.textAlign = 'center'; positionDisplay.style.backgroundColor = 'transparent'; positionDisplay.style.padding = '5px'; positionDisplay.style.borderRadius = '5px'; parentDiv.appendChild(positionDisplay); const sonarCtx = sonarCanvas.getContext('2d'); sonarCanvas.width = 200; sonarCanvas.height = 200; let sonarAngle = 0; const SONAR_RADIUS = 100; // Sonar display radius in pixels const DETECTION_RADIUS = 50; // Detection radius in world units const loadingScreen = document.createElement('div'); loadingScreen.style.position = 'absolute'; loadingScreen.style.top = '0'; loadingScreen.style.left = '0'; loadingScreen.style.width = '100%'; loadingScreen.style.height = '100%'; loadingScreen.style.backgroundColor = 'rgba(0, 20, 0, 0.95)'; loadingScreen.style.color = '#00ff00'; loadingScreen.style.display = 'flex'; loadingScreen.style.flexDirection = 'column'; loadingScreen.style.justifyContent = 'center'; loadingScreen.style.alignItems = 'center'; loadingScreen.style.fontFamily = 'monospace'; loadingScreen.style.fontSize = '24px'; loadingScreen.style.zIndex = '3000'; const loadingBarContainer = document.createElement('div'); loadingBarContainer.style.width = '300px'; loadingBarContainer.style.height = '20px'; loadingBarContainer.style.border = '2px solid #00ff00'; loadingBarContainer.style.marginTop = '20px'; loadingBarContainer.style.position = 'relative'; loadingBarContainer.style.overflow = 'hidden'; const loadingBar = document.createElement('div'); loadingBar.style.width = '0%'; loadingBar.style.height = '100%'; loadingBar.style.backgroundColor = '#00ff00'; loadingBar.style.transition = 'width 0.3s'; loadingBarContainer.appendChild(loadingBar); const loadingText = document.createElement('div'); loadingText.innerHTML = 'INITIALIZING SYSTEMS...'; loadingText.style.marginBottom = '20px'; loadingText.style.textShadow = '0 0 10px #00ff00'; loadingText.style.lineHeight = '1.5'; loadingText.style.textAlign = 'center'; const scanlines = document.createElement('div'); scanlines.style.position = 'absolute'; scanlines.style.top = '0'; scanlines.style.left = '0'; scanlines.style.width = '100%'; scanlines.style.height = '100%'; scanlines.style.background = 'repeating-linear-gradient(transparent 0px, transparent 1px, rgba(0, 255, 0, 0.03) 2px, transparent 3px)'; scanlines.style.backgroundSize = '100% 3px'; scanlines.style.pointerEvents = 'none'; loadingScreen.appendChild(loadingText); loadingScreen.appendChild(loadingBarContainer); loadingScreen.appendChild(scanlines); parentDiv.appendChild(loadingScreen); // Create debug text element const debugText = document.createElement('div'); debugText.style.position = 'absolute'; debugText.style.bottom = '10px'; debugText.style.left = '50%'; debugText.style.transform = 'translateX(-50%)'; debugText.style.color = '#00ff00'; debugText.style.fontFamily = 'monospace'; debugText.style.fontSize = '12px'; debugText.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; debugText.style.padding = '5px'; debugText.style.borderRadius = '3px'; debugText.style.display = 'none'; debugText.style.zIndex = '1000'; parentDiv.appendChild(debugText); // Import help system import { createHelpOverlay } from 'https://play.rosebud.ai/assets/help.js?N9vR'; const helpOverlay = createHelpOverlay(parentDiv); const textures = { grass: textureLoader.load('https://play.rosebud.ai/assets/3D_playground_grass_diffuse.png?c7Ir', () => { console.log('Grass texture loaded'); assetLoadingStatus.textures.grass = true; }, undefined, (error) => console.error('Error loading grass texture:', error) ), grassNormal: textureLoader.load('https://play.rosebud.ai/assets/3D_playground_grass_normal.png?ZHM7', () => { console.log('Grass normal map loaded'); assetLoadingStatus.textures.grassNormal = true; }, undefined, (error) => console.error('Error loading grass normal map:', error) ), characterColor: textureLoader.load('https://play.rosebud.ai/assets/3D_playground_character_colormap.png?93vn', () => { console.log('Character colormap loaded'); assetLoadingStatus.textures.characterColor = true; }, undefined, (error) => console.error('Error loading character colormap:', error) ), fishTexture: textureLoader.load('https://play.rosebud.ai/assets/abyssfishtexture.png?mxVS', () => { console.log('Fish texture loaded'); assetLoadingStatus.textures.fishTexture = true; }, undefined, (error) => console.error('Error loading fish texture:', error) ), flatfishTexture: textureLoader.load('https://play.rosebud.ai/assets/flatfishtexture.png?nYvl', () => { console.log('Flatfish texture loaded'); assetLoadingStatus.textures.flatfishTexture = true; }, undefined, (error) => console.error('Error loading flatfish texture:', error) ) }; // Scene object management // Initialize scene first const scene = new THREE.Scene(); import { initializeFlatfish, updateFlatfish } from 'https://play.rosebud.ai/assets/flatfishBehavior.js?mcOS'; // Initialize flatfish initializeFlatfish(scene, objLoader, textureLoader); class Fish { constructor(position, material) { this.velocity = new THREE.Vector3(); this.acceleration = new THREE.Vector3(); this.maxSpeed = 1.5; this.maxForce = 0.03; this.neighborRadius = 8; // Reduced radius to match smaller submarine this.alignWeight = 1.0; this.cohesionWeight = 1.0; this.separationWeight = 1.8; // Increased separation for tighter avoidance this.avoidPlayerWeight = 1.0; // Increased avoidance for smaller submarine this.wanderAngle = Math.random() * Math.PI * 2; // Load fish model objLoader.load('https://play.rosebud.ai/assets/anglerfish.obj?5U1h', (object) => { object.traverse((child) => { if (child instanceof THREE.Mesh) { child.material = material; child.scale.set(0.9, 0.9, 0.9); // Doubled from 0.45 } }); this.mesh = object; this.mesh.position.copy(position); scene.add(this.mesh); }); } align(fishes) { let steering = new THREE.Vector3(); let count = 0; fishes.forEach(fish => { if (fish !== this && fish.mesh) { let distance = this.mesh.position.distanceTo(fish.mesh.position); if (distance < this.neighborRadius) { steering.add(fish.velocity); count++; } } }); if (count > 0) { steering.divideScalar(count); steering.sub(this.velocity); steering.clampLength(0, this.maxForce); } return steering; } cohesion(fishes) { let steering = new THREE.Vector3(); let count = 0; fishes.forEach(fish => { if (fish !== this && fish.mesh) { let distance = this.mesh.position.distanceTo(fish.mesh.position); if (distance < this.neighborRadius) { steering.add(fish.mesh.position); count++; } } }); if (count > 0) { steering.divideScalar(count); steering.sub(this.mesh.position); steering.multiplyScalar(0.1); } return steering; } separation(fishes) { let steering = new THREE.Vector3(); let count = 0; fishes.forEach(fish => { if (fish !== this && fish.mesh) { let distance = this.mesh.position.distanceTo(fish.mesh.position); if (distance < this.neighborRadius * 0.5) { let diff = new THREE.Vector3().subVectors(this.mesh.position, fish.mesh.position); diff.normalize(); diff.divideScalar(distance); steering.add(diff); count++; } } }); if (count > 0) { steering.divideScalar(count); steering.multiplyScalar(this.maxSpeed); steering.sub(this.velocity); steering.clampLength(0, this.maxForce); } return steering; } update(deltaTime) { if (!this.mesh) return; const time = performance.now() * 0.0001; const centerX = 30; const centerZ = -20; const currentX = this.mesh.position.x - centerX; const currentZ = this.mesh.position.z - centerZ; const currentAngle = Math.atan2(currentZ, currentX); const radius = Math.sqrt(currentX * currentX + currentZ * currentZ); const newAngle = currentAngle + (0.2 * deltaTime); this.mesh.position.x = centerX + radius * Math.cos(newAngle); this.mesh.position.z = centerZ + radius * Math.sin(newAngle); this.mesh.position.y += Math.sin(time * 2) * 0.05; // Rotate fish to face movement direction if (this.velocity.length() > 0.1) { this.mesh.lookAt(this.mesh.position.clone().add(this.velocity)); } // Keep fish within bounds const bounds = 100; if (this.mesh.position.x > bounds) this.mesh.position.x = -bounds; if (this.mesh.position.x < -bounds) this.mesh.position.x = bounds; if (this.mesh.position.y > bounds) this.mesh.position.y = -bounds; if (this.mesh.position.y < -bounds) this.mesh.position.y = bounds; if (this.mesh.position.z > bounds) this.mesh.position.z = -bounds; if (this.mesh.position.z < -bounds) this.mesh.position.z = bounds; this.acceleration.multiplyScalar(0); } } import { BubbleParticleSystem } from 'https://play.rosebud.ai/assets/bubbleSystem.js?wKzq'; import { createEnvironment } from 'https://play.rosebud.ai/assets/environment.js?i4j5'; // Add bright ambient light (initially off) const brightAmbientLight = new THREE.AmbientLight(0xffffff, 5); // High intensity white light brightAmbientLight.visible = false; // Start disabled scene.add(brightAmbientLight); const world = new CANNON.World(); const camera = new THREE.PerspectiveCamera( 60, // Narrower FOV for underwater feel canvas.offsetWidth / canvas.offsetHeight, 0.1, 35 // Match initial loadingDistance setting ); camera.position.set(0, 10, 15); camera.lookAt(0, 10, 0); camera.add(audioListener); let isEngineRunning = false; let targetEngineVolume = 0; let currentEngineVolume = 0; const volumeTransitionSpeed = 1.0; // Speed of volume change // Import battery system import { createBatterySystem } from 'https://play.rosebud.ai/assets/batterySystem.js?8sBf'; // Initialize battery system const batterySystem = createBatterySystem(parentDiv, audioListener, audioLoader, THREE); const { display: batteryDisplay, level: batteryLevel, text: batteryText } = batterySystem; // Load submarine engine sound audioLoader.load('https://play.rosebud.ai/assets/submarineengine.mp3?vO9D', (buffer) => { engineSound.setBuffer(buffer); engineSound.setLoop(true); engineSound.setVolume(0); }); // Load soundtrack audioLoader.load('https://play.rosebud.ai/assets/submarinesoundtrack.mp3?FnaB', (buffer) => { soundtrackSound.setBuffer(buffer); soundtrackSound.setLoop(true); soundtrackSound.setVolume(0.24); // Increased volume for background music by 60% }); // Load submarine sounds audioLoader.load('https://play.rosebud.ai/assets/submarinesounds.mp3?yDKc', (buffer) => { submarineSound.setBuffer(buffer); submarineSound.setLoop(true); submarineSound.setVolume(0.3); if (!submarineSound.isPlaying) { submarineSound.play(); } }); // Load dark ambient soundtrack audioLoader.load('https://play.rosebud.ai/assets/Unknow Planet - NECROCAPSULA Dark Ambient.mp3?Q7fG', (buffer) => { darkAmbientSound.setBuffer(buffer); darkAmbientSound.setLoop(true); darkAmbientSound.setVolume(0.408); if (!darkAmbientSound.isPlaying) { darkAmbientSound.play(); } // Ensure it keeps playing by checking periodically setInterval(() => { if (!darkAmbientSound.isPlaying && darkAmbientSound.buffer) { darkAmbientSound.play(); } }, 1000); // Check every second }); // Load camera sound audioLoader.load('https://play.rosebud.ai/assets/photocamerasound.mp3?ddOQ', (buffer) => { cameraSound.setBuffer(buffer); cameraSound.setVolume(0.5); }); // Load note sound audioLoader.load('https://play.rosebud.ai/assets/notesound.mp3?vr4D', (buffer) => { noteSound.setBuffer(buffer); noteSound.setVolume(0.5); }); // Load zero battery sound audioLoader.load('https://play.rosebud.ai/assets/zerobattery.mp3?NgI0', (buffer) => { zeroBatterySound.setBuffer(buffer); zeroBatterySound.setVolume(0.5); }); world.gravity.set(0, 0, 0); // No gravity underwater world.defaultContactMaterial.friction = 0.5; // Increased friction for underwater feel world.defaultContactMaterial.restitution = 0.3; // Slight bounce for submarine collisions world.solver.iterations = 10; world.solver.tolerance = 0.001; // Lerp function for smooth rotation function lerp(start, end, amt) { return (1 - amt) * start + amt * end; } function randomBetween(min, max) { return Math.random() * (max - min) + min; } // Define physics materials const groundPhysMaterial = new CANNON.Material('ground'); const clock = new THREE.Clock(); // Initialize the renderer with HDR const renderer = new THREE.WebGLRenderer({ antialias: true, canvas: canvas, powerPreference: 'high-performance', }); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(canvas.offsetWidth, canvas.offsetHeight); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.outputColorSpace = THREE.SRGBColorSpace; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.2; // Initialize post-processing const composer = new EffectComposer(renderer); // Initialize photo system after composer is created const photoSystem = new PhotoSystem(parentDiv, camera, scene, renderer, composer); // Regular scene render pass const renderPass = new RenderPass(scene, camera); composer.addPass(renderPass); // Add anti-aliasing const smaaPass = new SMAAPass( window.innerWidth * renderer.getPixelRatio(), window.innerHeight * renderer.getPixelRatio() ); composer.addPass(smaaPass); // Add PSX pass const psxPass = new ShaderPass(createPSXShader(THREE)); psxPass.renderToScreen = true; composer.addPass(psxPass); // Import VHS effect import { createVHSEffect } from 'https://play.rosebud.ai/assets/VHSEffect.js?a5Kw'; const vhsShader = createVHSEffect(); const vhsPass = new ShaderPass(vhsShader); composer.addPass(vhsPass); // Initialize composer size composer.setSize(parentDiv.clientWidth, parentDiv.clientHeight); // Define sky colors for sky dome const skyColor = new THREE.Color(0x001133); // Dark blue for deep ocean const groundColor = new THREE.Color(0x000819); // Darker blue for ocean floor // Create sky dome const vertexShader = ` varying vec3 vWorldPosition; void main() { vec4 worldPosition = modelMatrix * vec4( position, 1.0 ); vWorldPosition = worldPosition.xyz; gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); } `; const fragmentShader = ` uniform vec3 topColor; uniform vec3 bottomColor; uniform float offset; uniform float exponent; varying vec3 vWorldPosition; void main() { float h = normalize( vWorldPosition + offset ).y; gl_FragColor = vec4( mix( bottomColor, topColor, max( pow( max( h, 0.0 ), exponent ), 0.0 ) ), 1.0 ); } `; const uniforms = { topColor: { value: new THREE.Color(0x001133) }, bottomColor: { value: new THREE.Color(0x000819) }, offset: { value: 33 }, exponent: { value: 0.6 }, }; const skyGeo = new THREE.SphereGeometry(500, 32, 15); const skyMat = new THREE.ShaderMaterial({ uniforms: uniforms, vertexShader: vertexShader, fragmentShader: fragmentShader, side: THREE.BackSide, }); const sky = new THREE.Mesh(skyGeo, skyMat); scene.add(sky); // Setup OrbitControls const controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.05; controls.screenSpacePanning = false; controls.minPolarAngle = 0.1; controls.maxPolarAngle = Math.PI / 2; controls.minDistance = 8; controls.maxDistance = 30; controls.target = new THREE.Vector3(0, 2, 0); // Create flat terrain function createTerrain() { const size = 800; // Increased 4x from 200 // Create simple flat plane for visuals const geometry = new THREE.PlaneGeometry(size, size); const texture = textureLoader.load('https://play.rosebud.ai/assets/groundtexture.png?NlRf'); texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(80, 80); texture.colorSpace = THREE.SRGBColorSpace; const material = new THREE.MeshStandardMaterial({ map: texture, roughness: 0.8, metalness: 0.1, envMapIntensity: 0.6, }); const terrain = new THREE.Mesh(geometry, material); terrain.rotation.x = -Math.PI / 2; terrain.receiveShadow = true; scene.add(terrain); const groundShape = new CANNON.Box(new CANNON.Vec3(size / 2, 0.1, size / 2)); const groundBody = new CANNON.Body({ mass: 0, material: groundPhysMaterial, }); groundBody.addShape(groundShape); groundBody.position.set(0, -0.1, 0); world.addBody(groundBody); return terrain; } // Create submarine lights function createSubmarineLights() { // Secondary lights (bluish ambient) const leftLight = new THREE.PointLight(0x4499ff, 0.75); leftLight.distance = 20; leftLight.decay = 2; const rightLight = new THREE.PointLight(0x4499ff, 0.75); rightLight.distance = 20; rightLight.decay = 2; // Add front spotlight for submarine const frontLight = new THREE.SpotLight(0xffffff, 2.5); // Reduced intensity frontLight.distance = 40; // Reduced distance for more focused light frontLight.angle = Math.PI / 5.14; // Wider cone (35 degrees) frontLight.penumbra = 0.15; // Sharper edge frontLight.decay = 1.8; // Increased decay for more dramatic falloff frontLight.position.set(0, 0, -1); // Moved closer to camera // Position lights relative to camera leftLight.position.set(-2, 2, 2); rightLight.position.set(2, 2, 2); // Create a group to hold all lights const lightsGroup = new THREE.Group(); lightsGroup.add(leftLight); lightsGroup.add(rightLight); lightsGroup.add(frontLight); scene.add(frontLight.target); // Add spotlight target to scene return lightsGroup; } // Declare submarineLights variable let submarineLights; // Setup improved lighting system // Create and initialize submarine lights after scene setup submarineLights = createSubmarineLights(); camera.add(submarineLights); // Attach lights to camera for first-person view scene.add(camera); // Need to add camera to scene when adding children to it // ========================= // Character Integration // ========================= const moveDirection = new THREE.Vector3(); let submarineVelocity = new THREE.Vector3(); const keysPressed = { w: false, s: false, a: false, d: false, space: false, shift: false, m: false, q: false, b: false, p: false, // Camera key n: false, // Next photo key l: false // Battery recharge key }; const submarine = { position: new THREE.Vector3(-162, 30, -145), rotation: new THREE.Euler(0, 0, 0), velocity: new THREE.Vector3(), angularVelocity: new THREE.Vector3(), battery: 100 // Start with full battery }; const submarineConfig = { maxSpeed: 5.5, rotationSpeed: 1.5, acceleration: 5, verticalSpeed: 1, damping: 0.95, width: 1.5, // Halved width height: 1, // Halved height proportionally batteryMax: 100, batteryDrainRate: 0.286, // Battery drain per second (1% every 3.5 seconds) batteryLowThreshold: 25, // Percentage when lights start dimming length: 3, // Halved length mass: 800, // Kept original mass buoyancy: 850, // Kept original buoyancy waterDrag: 0.5, angularDamping: 0.8, maxDepth: 150, crushDepth: 180, safeDepth: 100, }; const characterPhysMaterial = new CANNON.Material('character'); const characterGroundContact = new CANNON.ContactMaterial( characterPhysMaterial, groundPhysMaterial, { friction: 0.01, restitution: 0.0, contactEquationStiffness: 1e8, contactEquationRelaxation: 3, } ); world.addContactMaterial(characterGroundContact); let isAutoNavigating = false; let targetPosition = null; const autoNavigationSpeed = 5; // Create coordinate input elements const coordInput = document.createElement('div'); coordInput.style.position = 'absolute'; coordInput.style.top = '50%'; coordInput.style.left = '50%'; coordInput.style.transform = 'translate(-50%, -50%)'; coordInput.style.backgroundColor = 'rgba(0, 40, 0, 0.9)'; coordInput.style.padding = '20px'; coordInput.style.borderRadius = '10px'; coordInput.style.display = 'none'; coordInput.style.color = '#00ff00'; coordInput.style.fontFamily = 'monospace'; coordInput.style.border = '2px solid #00ff00'; coordInput.innerHTML = `

Enter Coordinates

`; parentDiv.appendChild(coordInput); // Add coordinate submission function to window window.submitCoordinates = () => { const x = parseFloat(document.getElementById('coordX').value); const z = parseFloat(document.getElementById('coordZ').value); if (!isNaN(x) && !isNaN(z)) { // Set navigation target targetPosition = new THREE.Vector3(x, submarine.position.y, z); isAutoNavigating = true; } // Ensure coordinate input is fully hidden // Reset the coordinate input state coordInput.style.display = 'none'; coordInput.style.opacity = '1'; // Small delay before allowing the menu to be shown again setTimeout(() => { coordInput.style.display = 'none'; coordInput.style.opacity = '1'; }, 100); }; // Add cancel function to window window.cancelNavigation = () => { coordInput.style.display = 'none'; coordInput.style.opacity = '0'; isAutoNavigating = false; targetPosition = null; // Reset coordinate input elements document.getElementById('coordX').value = ''; document.getElementById('coordZ').value = ''; }; // Create message overlay const messageOverlay = document.createElement('div'); messageOverlay.style.position = 'absolute'; messageOverlay.style.top = '50%'; messageOverlay.style.left = '50%'; messageOverlay.style.transform = 'translate(-50%, -50%)'; messageOverlay.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; messageOverlay.style.color = '#00ff00'; messageOverlay.style.padding = '20px'; messageOverlay.style.borderRadius = '10px'; messageOverlay.style.maxWidth = '600px'; messageOverlay.style.textAlign = 'center'; messageOverlay.style.fontFamily = 'monospace'; messageOverlay.style.fontSize = '18px'; messageOverlay.style.display = 'none'; messageOverlay.style.zIndex = '1000'; messageOverlay.style.border = '2px solid #00ff00'; parentDiv.appendChild(messageOverlay); // Create briefing overlay // Initialize briefing system // Briefing system already initialized above // Create note input dialog const noteDialog = document.createElement('div'); noteDialog.style.position = 'absolute'; noteDialog.style.top = '50%'; noteDialog.style.left = '50%'; noteDialog.style.transform = 'translate(-50%, -50%)'; noteDialog.style.backgroundColor = 'rgba(0, 40, 0, 0.95)'; noteDialog.style.padding = '20px'; noteDialog.style.borderRadius = '10px'; noteDialog.style.border = '2px solid #00ff00'; noteDialog.style.display = 'none'; noteDialog.style.zIndex = '1000'; noteDialog.style.maxWidth = '400px'; noteDialog.style.width = '90%'; const noteTextArea = document.createElement('textarea'); noteTextArea.style.width = '100%'; noteTextArea.style.height = '100px'; noteTextArea.style.backgroundColor = 'rgba(0, 20, 0, 0.9)'; noteTextArea.style.color = '#00ff00'; noteTextArea.style.border = '1px solid #00ff00'; noteTextArea.style.padding = '10px'; noteTextArea.style.marginBottom = '10px'; noteTextArea.style.fontFamily = 'monospace'; noteTextArea.style.resize = 'none'; const noteButtons = document.createElement('div'); noteButtons.style.display = 'flex'; noteButtons.style.justifyContent = 'space-between'; const saveButton = document.createElement('button'); saveButton.textContent = 'Save Note'; saveButton.style.backgroundColor = '#004400'; saveButton.style.color = '#00ff00'; saveButton.style.border = '1px solid #00ff00'; saveButton.style.padding = '5px 15px'; saveButton.style.cursor = 'pointer'; const noteCancelButton = document.createElement('button'); noteCancelButton.textContent = 'Cancel'; noteCancelButton.style.backgroundColor = '#440000'; noteCancelButton.style.color = '#00ff00'; noteCancelButton.style.border = '1px solid #00ff00'; noteCancelButton.style.padding = '5px 15px'; noteCancelButton.style.cursor = 'pointer'; noteButtons.appendChild(saveButton); noteButtons.appendChild(noteCancelButton); noteDialog.appendChild(noteTextArea); noteDialog.appendChild(noteButtons); parentDiv.appendChild(noteDialog); // Initialize decrypt system const decryptSystem = createDecryptSystem(parentDiv, handleBoxInteraction); // Add event listeners for decrypt panel buttons const decryptDialog = decryptSystem.decryptDialog; // Find all buttons in the decrypt dialog const buttons = Array.from(decryptDialog.getElementsByTagName('button')); // Find ENTER button (spans 2 columns) and Cancel button (full width) const decryptBtn = buttons.find(btn => window.getComputedStyle(btn).gridColumn.includes('span 2') && window.getComputedStyle(btn).padding === '10px' ); const cancelBtn = buttons.find(btn => window.getComputedStyle(btn).width === '100%' && window.getComputedStyle(btn).padding === '5px 15px' ); // Add event listener to ENTER button if (decryptBtn) { decryptBtn.addEventListener('click', () => { const inputs = decryptDialog.querySelectorAll('input'); const code = Array.from(inputs).map(input => { const value = parseInt(input.value.trim()); return isNaN(value) ? -1 : value; }); // Verify all inputs are valid numbers if (code.includes(-1)) { showMessage(messageOverlay, "DECRYPTION FAILED: Invalid input detected", 3000, '#ff0000'); return; } const currentBox = decryptSystem.getCurrentBox(); const validCodes = { 'scifibox': [8, 8, 9, 8], 'futurebox': [5, 3, 8, 2], 'submarinebox': [8, 1, 9, 3] }; if (currentBox && validCodes[currentBox] && code.length === validCodes[currentBox].length && code.every((num, index) => num === validCodes[currentBox][index])) { const message = decryptSystem.getDecryptedMessage(); showMessage(messageOverlay, message, 15000, '#00ff00'); decryptSystem.hideDecryptDialog(); // Handle submarine box decryption success if (currentBox === 'submarinebox') { setTimeout(() => { // Spawn abyss monster after 13 seconds if (window.abyssmonster) { const startPos = new THREE.Vector3(175, 5, 111); const endPos = new THREE.Vector3(125, 5, 185); moveAbyssMonster(startPos, endPos, THREE); } }, 13000); } // Play success sound or show success message for sci-fi box if (currentBox === 'scifibox') { showMessage(messageOverlay, "Data decrypted successfully", 3000, '#00ff00'); } } else { showMessage(messageOverlay, "DECRYPTION FAILED: Invalid key sequence", 3000, '#ff0000'); } }); } // Add event listener to Cancel button if (cancelBtn) { cancelBtn.addEventListener('click', () => { decryptSystem.hideDecryptDialog(); }); } function showNoteDialog(existingNote = '') { noteTextArea.value = existingNote; noteDialog.style.display = 'block'; if (noteSound.buffer) { noteSound.setVolume(0.5); noteSound.play(); } noteTextArea.focus(); isEditingNote = true; // Set editing state to true } function hideNoteDialog() { noteDialog.style.display = 'none'; noteTextArea.value = ''; isEditingNote = false; // Reset editing state } saveButton.addEventListener('click', () => { const currentPhoto = photos[photos.length - 1]; if (isViewingPhotos && currentPhotoIndex >= 0) { // If viewing photos, update the currently viewed photo photos[currentPhotoIndex].note = noteTextArea.value; } else if (currentPhoto) { // If just took a photo, update the most recently added photo currentPhoto.note = noteTextArea.value; } if (noteSound.buffer) { noteSound.setVolume(0.5); noteSound.play(); } hideNoteDialog(); }); noteCancelButton.addEventListener('click', hideNoteDialog); window.addEventListener('keydown', (event) => { // Toggle third person view with T if (event.code === 'KeyT' && !isEditingNote) { isThirdPerson = !isThirdPerson; return; } // Toggle bright ambient light with U if (event.code === 'KeyU') { brightAmbientLight.visible = !brightAmbientLight.visible; return; } // Settings window toggle with G if (event.code === 'KeyG' && !isEditingNote) { settingsWindow.style.display = settingsWindow.style.display === 'none' ? 'block' : 'none'; return; } // Skip intro with F4 if (event.key === 'F4' && isPlayingIntro) { isPlayingIntro = false; batteryDisplay.style.display = 'block'; if (soundtrackSound.buffer && !soundtrackSound.isPlaying) { soundtrackSound.play(); } if (darkAmbientSound.buffer && !darkAmbientSound.isPlaying) { darkAmbientSound.play(); } return; } // Help overlay toggle is now handled by the help system if (event.code === 'KeyH' && !isEditingNote) { helpOverlay.toggle(); return; } // Debug text toggle if (event.key === 'F3') { debugText.style.display = debugText.style.display === 'none' ? 'block' : 'none'; return; } // Ignore movement keys if editing note if (isEditingNote && !['Escape', 'Enter'].includes(event.code)) { return; } switch (event.code) { case 'KeyQ': if (window.scifibox) { const distanceToSciFiBox = submarine.position.distanceTo(window.scifibox.position); if (distanceToSciFiBox < 10) { decryptSystem.showDecryptDialog('scifibox'); return; } } if (window.futurebox) { const distanceToFutureBox = submarine.position.distanceTo(window.futurebox.position); if (distanceToFutureBox < 10) { decryptSystem.showDecryptDialog('futurebox'); return; } } if (window.submarinebox) { const distanceToSubmarineBox = submarine.position.distanceTo(window.submarinebox.position); if (distanceToSubmarineBox < 10) { decryptSystem.showDecryptDialog('submarinebox'); return; } } break; case 'KeyE': if (isViewingPhotos && photos.length > 0) { showNoteDialog(photos[currentPhotoIndex].note); } break; case 'KeyP': keysPressed.p = true; if (!isCameraMode && !isViewingPhotos) { isCameraMode = true; // Take photo after brief delay setTimeout(() => { takePhoto(); isCameraMode = false; }, 500); } break; case 'KeyN': keysPressed.n = true; isViewingPhotos = !isViewingPhotos; if (isViewingPhotos && photos.length > 0) { currentPhotoIndex = (currentPhotoIndex + 1) % photos.length; } break; case 'KeyB': keysPressed.b = true; toggleBriefing(); break; case 'KeyM': keysPressed.m = true; coordInput.style.display = 'block'; coordInput.style.opacity = '1'; break; case 'KeyF': // Variables to track box discoveries and jump scare window.firstBoxDiscovered = window.firstBoxDiscovered || false; window.jumpScareTriggered = window.jumpScareTriggered || false; keysPressed.f = true; // Check distance to each box if (window.boxofdata) { if (handleBoxInteraction('boxOfData', messageOverlay, submarine, window.boxofdata.position, () => { if (!window.firstBoxDiscovered) { window.firstBoxDiscovered = true; setTimeout(() => { if (!window.jumpScareTriggered) { window.jumpScareTriggered = true; triggerJumpScareFish(THREE); } }, 10000); } }, 100)); // Reduced check frequency to every 100ms } if (window.blackboxwithdata) { if (handleBoxInteraction('blackBoxWithData', messageOverlay, submarine, window.blackboxwithdata.position, () => { if (importedSeaMonster) { importedSeaMonster(scene, submarine, camera, textureLoader, objLoader); } })) return; } if (window.blackbox) { if (handleBoxInteraction('blackBox', messageOverlay, submarine, window.blackbox.position, () => { setTimeout(() => { showMessage(messageOverlay, warningMessages.hugeObject, 10000, '#ff0000'); setTimeout(() => { spawnChasingSeaMonster( scene, submarine, camera, audioListener, textureLoader, objLoader, audioLoader, parentDiv ); }, 10000); }, 10000); })) return; } break; case 'KeyW': // Forward keysPressed.w = true; break; case 'KeyS': // Backward keysPressed.s = true; break; case 'KeyA': // Turn left keysPressed.a = true; break; case 'KeyD': // Turn right keysPressed.d = true; break; case 'Space': // Ascend keysPressed.space = true; break; case 'ShiftLeft': // Descend keysPressed.shift = true; break; case 'KeyE': // Note editing if (isViewingPhotos && photos.length > 0) { showNoteDialog(photos[currentPhotoIndex].note); } break; case 'KeyL': // Battery recharge if (window.batterystation) { const distanceToBatteryStation = submarine.position.distanceTo(window.batterystation.position); if (distanceToBatteryStation < 10 && submarine.battery < 100) { // Set recharging state submarine.isRecharging = true; // Play recharge sound only if not already playing if (!submarine.rechargeSound || !submarine.rechargeSound.isPlaying) { submarine.rechargeSound = new THREE.Audio(audioListener); audioLoader.load('https://play.rosebud.ai/assets/rechargebattery.mp3?aJch', (buffer) => { submarine.rechargeSound.setBuffer(buffer); submarine.rechargeSound.setVolume(0.5); submarine.rechargeSound.play(); }); } } } break; } }); window.addEventListener('keyup', (event) => { switch (event.code) { case 'KeyQ': keysPressed.q = false; break; case 'KeyP': keysPressed.p = false; break; case 'KeyN': keysPressed.n = false; break; case 'KeyB': keysPressed.b = false; break; case 'Space': keysPressed.space = false; break; case 'KeyF': keysPressed.f = false; break; default: if (keysPressed.hasOwnProperty(event.key.toLowerCase())) { keysPressed[event.key.toLowerCase()] = false; } break; } }); // Import the submarine model import { createSubmarine } from 'https://play.rosebud.ai/assets/submarineModel.js?KS6s'; const submarineMesh = createSubmarine(scene); const bubbleSystem = new BubbleParticleSystem(scene, THREE); // Create raycaster for collision detection const raycaster = new THREE.Raycaster(); const collisionDistance = 1.5; // Reduced collision distance for tighter movement const numRaycasts = 8; // Increased number of raycasts for better coverage // Function to check collisions // Cache for collidable meshes, updated every 500ms let cachedCollidableMeshes = []; let lastCacheUpdate = 0; function checkCollisions(newPosition) { const currentTime = performance.now(); // Update cache every 500ms if (currentTime - lastCacheUpdate > 500) { cachedCollidableMeshes = []; scene.traverse(function(object) { if (object instanceof THREE.Mesh && object !== submarineMesh && !object.name.includes('terrain') && !object.name.includes('sky')) { cachedCollidableMeshes.push(object); } }); lastCacheUpdate = currentTime; } // Get primary movement direction const moveDir = new THREE.Vector3().subVectors(newPosition, submarine.position).normalize(); let canMove = true; // Cast rays in multiple directions around the submarine for (let i = 0; i < numRaycasts; i++) { // Calculate angle for this raycast const angle = (i / numRaycasts) * Math.PI * 2; // Create direction vector const direction = new THREE.Vector3( Math.cos(angle) * moveDir.x - Math.sin(angle) * moveDir.z, moveDir.y, Math.sin(angle) * moveDir.x + Math.cos(angle) * moveDir.z ).normalize(); raycaster.set(submarine.position, direction); const intersects = raycaster.intersectObjects(cachedCollidableMeshes); if (intersects.length > 0) { const distance = intersects[0].distance; if (distance < collisionDistance) { canMove = false; break; } } } return canMove; } // Update submarine movement function updateSubmarine(deltaTime) { // Don't update submarine if editing note if (isEditingNote) return; // Update abyss predator if it exists if (window.abysspredator) { updateAbyssPredator(window.abysspredator, submarine, scene, deltaTime, performance); } // Update abyss predator if it exists if (window.abysspredator) { updateAbyssPredator(window.abysspredator, submarine, scene, deltaTime, performance); } // Original trigger point check const triggerPoint = new THREE.Vector3(204, 0, -21); const distanceToTrigger = submarine.position.distanceTo(triggerPoint); if (distanceToTrigger < 8 && window.abysspredator && !window.abysspredatorTriggered) { window.abysspredatorTriggered = true; } // Get camera's forward and right vectors for movement control const cameraForward = new THREE.Vector3(); const cameraRight = new THREE.Vector3(); camera.getWorldDirection(cameraForward); cameraForward.y = 0; // Lock movement to horizontal plane cameraForward.normalize(); cameraRight.crossVectors(new THREE.Vector3(0, 1, 0), cameraForward).normalize(); // Handle manual rotation based on camera direction (always active) if (keysPressed.a) submarine.angularVelocity.y += submarineConfig.rotationSpeed * deltaTime; if (keysPressed.d) submarine.angularVelocity.y -= submarineConfig.rotationSpeed * deltaTime; // Handle auto-navigation if (isAutoNavigating && targetPosition) { const navResult = updateAutoNavigation(submarine, targetPosition, isAutoNavigating, autoNavigationSpeed, THREE, engineSound, isEngineRunning); // Update navigation state isAutoNavigating = navResult.isAutoNavigating; targetEngineVolume = navResult.targetEngineVolume; isEngineRunning = navResult.isEngineRunning; if (!isAutoNavigating) { // Clear target immediately when destination is reached targetPosition = null; // Reset coordinate input elements document.getElementById('coordX').value = ''; document.getElementById('coordZ').value = ''; } } // Regular manual control updates // Reset movement direction moveDirection.set(0, 0, 0); // Manual movement controls (only active when not auto-navigating) if (!isAutoNavigating) { // Forward/Backward movement based on camera direction if (keysPressed.w) { moveDirection.add(cameraForward); submarine.velocity.add(moveDirection.multiplyScalar(submarineConfig.acceleration * deltaTime)); } if (keysPressed.s) { moveDirection.sub(cameraForward); submarine.velocity.add(moveDirection.multiplyScalar(submarineConfig.acceleration * deltaTime)); } } // Up/Down movement (applied directly to velocity) if (keysPressed.space) submarine.velocity.y += submarineConfig.verticalSpeed * deltaTime; if (keysPressed.shift) submarine.velocity.y -= submarineConfig.verticalSpeed * deltaTime; // Normalize movement direction if (moveDirection.length() > 0) { moveDirection.normalize(); submarine.velocity.add(moveDirection.multiplyScalar(submarineConfig.acceleration * deltaTime)); // Set target volume based on velocity (increased by 25%) targetEngineVolume = Math.min(0.49, submarine.velocity.length() / submarineConfig.maxSpeed * 0.49); // Start engine sound if not already playing if (!isEngineRunning && engineSound.buffer) { engineSound.play(); isEngineRunning = true; } // Limit maximum speed if (submarine.velocity.length() > submarineConfig.maxSpeed) { submarine.velocity.normalize().multiplyScalar(submarineConfig.maxSpeed); } } else { // Gradually reduce target volume when not moving targetEngineVolume = 0; } // Smoothly transition current volume to target volume currentEngineVolume = THREE.MathUtils.lerp( currentEngineVolume, targetEngineVolume, deltaTime * volumeTransitionSpeed ); // Update engine sound volume if (isEngineRunning) { engineSound.setVolume(currentEngineVolume); // Stop engine sound if volume is near zero if (currentEngineVolume < 0.01 && targetEngineVolume === 0) { engineSound.stop(); isEngineRunning = false; currentEngineVolume = 0; } } // Apply water resistance submarine.velocity.multiplyScalar(1 - submarineConfig.waterDrag * deltaTime); submarine.angularVelocity.multiplyScalar(1 - submarineConfig.angularDamping * deltaTime); // Calculate new position const newPosition = submarine.position.clone().add(submarine.velocity.clone().multiplyScalar(deltaTime)); // Check depth limits (0 to maxDepth) newPosition.y = Math.max(0.1, Math.min(submarineConfig.maxDepth, newPosition.y)); // Apply new position if no collisions or allow sliding along walls if (checkCollisions(newPosition)) { submarine.position.copy(newPosition); } else { // Try to slide along obstacles with improved collision response const currentPos = submarine.position.clone(); const movement = newPosition.clone().sub(currentPos); const distance = movement.length(); if (distance > 0.001) { // Try sliding along X axis const slideX = currentPos.clone(); slideX.x = newPosition.x; // Try sliding along Z axis const slideZ = currentPos.clone(); slideZ.z = newPosition.z; // Check which sliding motion is valid const canSlideX = checkCollisions(slideX); const canSlideZ = checkCollisions(slideZ); if (canSlideX) { submarine.position.x = newPosition.x; submarine.velocity.setX(submarine.velocity.x * 0.8); // Reduce velocity but don't zero it } if (canSlideZ) { submarine.position.z = newPosition.z; submarine.velocity.setZ(submarine.velocity.z * 0.8); // Reduce velocity but don't zero it } // Allow vertical movement regardless of collision submarine.position.y = newPosition.y; } } submarine.rotation.x += submarine.angularVelocity.x * deltaTime; submarine.rotation.y += submarine.angularVelocity.y * deltaTime; submarine.rotation.z += submarine.angularVelocity.z * deltaTime; // Update submarine mesh submarineMesh.position.copy(submarine.position); submarineMesh.rotation.copy(submarine.rotation); // Update camera position to follow submarine if (isThirdPerson) { // Third person camera positioning const cameraOffset = new THREE.Vector3(0, 5, 15); // Position camera above and behind submarine const targetPosition = submarine.position.clone().add(cameraOffset); camera.position.lerp(targetPosition, 0.1); // Smooth transition camera.lookAt(submarine.position); } else { // First person camera camera.position.copy(submarine.position); camera.rotation.copy(submarine.rotation); } } // Create initial scene const terrain = createTerrain(); // Initialize environment createEnvironment(scene, objLoader, textureLoader, THREE); // Create container group at x:152 z:-213 // Update environment // Create school of anglerfish const fishSchool = []; const fishMaterial = new THREE.MeshStandardMaterial({ map: textureLoader.load('https://play.rosebud.ai/assets/anglerfishtecture.png?opDm'), metalness: 0.2, roughness: 0.8 }); // Create 20 fish in random positions // Import and setup the abyss monster system import { createAbyssMonster, moveAbyssMonster } from 'https://play.rosebud.ai/assets/abyssMonsterSystem.js?rwrQ'; createAbyssMonster(scene, gltfLoader).then(() => { console.log('Abyss monster loaded successfully'); }).catch(error => { console.error('Failed to load abyss monster:', error); }); for (let i = 0; i < 5; i++) { // Reduced from 10 to 5 fish const angle = (Math.PI * 2 * i) / 5; // Evenly space fish around coral const radius = 15 + Math.random() * 5; // Random radius between 15-20 units const height = 15 + Math.random() * 10; // Increased height range to 15-25 units const position = new THREE.Vector3( 30 + Math.cos(angle) * radius, // Center X of coral barrier is 30 height, -20 + Math.sin(angle) * radius // Center Z of coral barrier is -20 ); // Load and setup the wreck submarine const wreckSubTexture = textureLoader.load('https://play.rosebud.ai/assets/wrecksubtexture.png?3viU', (texture) => { texture.flipY = false; texture.colorSpace = THREE.SRGBColorSpace; texture.needsUpdate = true; } ); const wreckSubMaterial = new THREE.MeshStandardMaterial({ map: wreckSubTexture, metalness: 0.7, roughness: 0.8, side: THREE.DoubleSide, needsUpdate: true }); objLoader.load('https://play.rosebud.ai/assets/wrecksub.obj?kwuB', (object) => { object.traverse((child) => { if (child instanceof THREE.Mesh) { child.material = wreckSubMaterial; child.castShadow = true; child.receiveShadow = true; } }); object.scale.set(32, 32, 32); // Quadrupled from 8 to 32 object.position.set(150, 5, 135); // Moved wreck to new position and coordinates object.rotation.y = Math.PI * 0.3; scene.add(object); window.wrecksub = object; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading wreck submarine:', error); } ); // Import and load submarines import('https://play.rosebud.ai/assets/submarineLoader.js?gUAR') .then(module => { module.loadSubmarines(scene, gltfLoader); }) .catch(error => { console.error('Error loading submarines:', error); }); const fish = new Fish(position, fishMaterial); fishSchool.push(fish); } // Load and setup skeletons at specific positions gltfLoader.load('https://play.rosebud.ai/assets/skeleton.glb?att4', (gltf) => { // First skeleton const skeleton1 = gltf.scene.clone(); skeleton1.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); skeleton1.scale.set(1, 1, 1); skeleton1.position.set(103, 0.2, 89); scene.add(skeleton1); // Second skeleton const skeleton2 = gltf.scene.clone(); skeleton2.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); skeleton2.scale.set(1, 1, 1); skeleton2.position.set(153, 0.2, 132); scene.add(skeleton2); // Third skeleton const skeleton3 = gltf.scene.clone(); skeleton3.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); skeleton3.scale.set(1, 1, 1); skeleton3.position.set(202, 0.2, 37); scene.add(skeleton3); }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading skeleton:', error); } ); // Load and setup the abyss predator gltfLoader.load('https://play.rosebud.ai/assets/abysspredator.glb?o4BK', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(2, 2, 2); // Doubled size gltf.scene.position.set(195, 1.5, 53); scene.add(gltf.scene); window.abysspredator = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading abyss predator:', error); } ); // Load and setup the abyssfish objLoader.load('https://play.rosebud.ai/assets/abyssfish.obj?u2Uq', (object) => { // Apply material to all mesh children object.traverse((child) => { if (child instanceof THREE.Mesh) { child.material = fishMaterial; child.castShadow = true; child.receiveShadow = true; } }); // Scale and position the fish object.scale.set(1.75, 1.75, 1.75); // Doubled from 0.875 object.position.set(-2, 10, 17); // Add to scene scene.add(object); // Store reference for animation window.abyssfish = object; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading fish:', error); } ); // Load and setup the black box gltfLoader.load('https://play.rosebud.ai/assets/black box detailed.glb?6al7', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(1.4, 1.4, 1.4); // Reduced by 30% from 2 gltf.scene.position.set(-250, 0.1, -250); // New position for black box scene.add(gltf.scene); window.blackbox = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading black box:', error); } ); // Load and setup the box of data gltfLoader.load('https://play.rosebud.ai/assets/box of data.glb?QOrl', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(1, 1, 1); // Half size (default size is 2) gltf.scene.position.set(198, 0.1, 58); scene.add(gltf.scene); window.boxofdata = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading box of data:', error); } ); // Load and setup the black box with data gltfLoader.load('https://play.rosebud.ai/assets/black box with data.glb?X64v', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(1, 1, 1); // Reduced from 2 to 1 (half size) gltf.scene.position.set(-54, 0.1, 50); scene.add(gltf.scene); window.blackboxwithdata = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading black box with data:', error); } ); // Load battery texture const batteryTexture = textureLoader.load('https://play.rosebud.ai/assets/batterytexture.png?1cYU', (texture) => { texture.flipY = false; texture.colorSpace = THREE.SRGBColorSpace; texture.needsUpdate = true; } ); const batteryMaterial = new THREE.MeshStandardMaterial({ map: batteryTexture, metalness: 0.7, roughness: 0.3, side: THREE.DoubleSide }); // Load and setup the battery station objLoader.load('https://play.rosebud.ai/assets/battery.obj?waun', (object) => { object.traverse((child) => { if (child instanceof THREE.Mesh) { child.material = batteryMaterial; child.castShadow = true; child.receiveShadow = true; } }); object.scale.set(4, 4, 4); object.position.set(-155, 1.5, -155); // Near new starting position, slightly elevated scene.add(object); window.batterystation = object; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading battery station:', error); } ); // Load and setup the future box gltfLoader.load('https://play.rosebud.ai/assets/future box.glb?i8CM', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(1, 1, 1); gltf.scene.position.set(154, 0.1, -206); // Updated position for future box scene.add(gltf.scene); window.futurebox = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading future box:', error); } ); // Load and setup submarine text gltfLoader.load('https://play.rosebud.ai/assets/submarinetext.glb?A67m', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(6, 6, 6); // 6x the size (doubled from previous) gltf.scene.position.set(-7, 0.5, -86); // Set to specified coordinates scene.add(gltf.scene); window.submarinetext = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading submarine text:', error); } ); // Load and setup 8898 box gltfLoader.load('https://play.rosebud.ai/assets/8898box.glb?hdCF', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(1, 1, 1); gltf.scene.position.set(160, 0.5, 120); // Keep same position gltf.scene.rotation.y = Math.PI / 2; // Rotate 90 degrees around Y axis scene.add(gltf.scene); window.box8898 = gltf.scene; } ); // Load and setup the submarine box gltfLoader.load('https://play.rosebud.ai/assets/submarine box.glb?oIQk', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(1, 1, 1); gltf.scene.position.set(147.2, 0.1, 137.8); // New position for submarine box scene.add(gltf.scene); window.submarinebox = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading submarine box:', error); } ); // Load and setup the sci-fi box gltfLoader.load('https://play.rosebud.ai/assets/sci-fi box.glb?DNb5', (gltf) => { gltf.scene.traverse((child) => { if (child instanceof THREE.Mesh) { child.castShadow = true; child.receiveShadow = true; } }); gltf.scene.scale.set(1, 1, 1); gltf.scene.position.set(315, 0.1, -40); scene.add(gltf.scene); window.scifibox = gltf.scene; }, (xhr) => { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, (error) => { console.error('Error loading sci-fi box:', error); } ); // For FPS calculation let lastTime = performance.now(); let frameCount = 0; let lastFpsUpdate = performance.now(); let currentFps = 0; function animate() { // Scene updates requestAnimationFrame(animate); // Update VHS shader time uniform if (vhsPass && vhsPass.material.uniforms.time) { vhsPass.material.uniforms.time.value = performance.now() * 0.001; } // Update FPS counter every 1000ms (1 second) const currentTime = performance.now(); frameCount++; // Reset frame counter and update FPS every second if (currentTime - lastFpsUpdate >= 1000) { currentFps = frameCount; frameCount = 0; lastFpsUpdate = currentTime; // Update debug text if visible if (debugText.style.display === 'block') { const memory = window.performance.memory ? `Memory: ${Math.round(window.performance.memory.usedJSHeapSize / 1048576)}MB / ${Math.round(window.performance.memory.jsHeapSizeLimit / 1048576)}MB` : 'Memory: N/A'; const frameInfo = `Frame Count: ${renderer.info.render.frame}`; debugText.textContent = `FPS: ${currentFps} | ${frameInfo} | ${memory} | Draw calls: ${renderer.info.render.calls}`; } } // Calculate delta time at the start const deltaTime = Math.min(clock.getDelta(), 0.1); // Update flatfish updateFlatfish(deltaTime, submarine, window); // Update sonar if (assetsLoaded && !isPlayingIntro) { // Update position display positionDisplay.innerHTML = `X: ${submarine.position.x.toFixed(1)}
Z: ${submarine.position.z.toFixed(1)}`; // Clear sonar canvas with proper clearing sonarCtx.clearRect(0, 0, sonarCanvas.width, sonarCanvas.height); // Draw direction triangle in center const triangleSize = 8; sonarCtx.save(); sonarCtx.translate(SONAR_RADIUS, SONAR_RADIUS); // Get the direction vector from submarine to target during auto-navigation let rotationAngle; if (isAutoNavigating && targetPosition) { const direction = new THREE.Vector3().subVectors(targetPosition, submarine.position).normalize(); rotationAngle = Math.atan2(direction.x, direction.z) + Math.PI / 2; } else { // Use submarine's actual rotation when not auto-navigating const euler = new THREE.Euler().setFromQuaternion(submarineMesh.quaternion); rotationAngle = -euler.y + Math.PI; } sonarCtx.rotate(rotationAngle); sonarCtx.beginPath(); sonarCtx.moveTo(0, triangleSize * 3); sonarCtx.lineTo(-triangleSize * 0.3, -triangleSize * 0.5); sonarCtx.lineTo(triangleSize * 0.3, -triangleSize * 0.5); sonarCtx.closePath(); sonarCtx.fillStyle = '#00ff00'; sonarCtx.fill(); // Draw auto-navigation target triangle if active and target position exists if (isAutoNavigating && targetPosition && submarine.position.distanceTo(targetPosition) > 1) { const smallTriangleSize = triangleSize * 0.5; // Half the size of main triangle const borderDistance = SONAR_RADIUS - 15; // Position near the border, leaving 15px margin sonarCtx.beginPath(); sonarCtx.moveTo(0, borderDistance); sonarCtx.lineTo(-smallTriangleSize * 0.3, borderDistance - smallTriangleSize * 2); sonarCtx.lineTo(smallTriangleSize * 0.3, borderDistance - smallTriangleSize * 2); sonarCtx.closePath(); sonarCtx.fillStyle = '#00aa00'; // Slightly darker green sonarCtx.fill(); } sonarCtx.restore(); // Draw sonar circle sonarCtx.beginPath(); sonarCtx.strokeStyle = '#00ff00'; sonarCtx.lineWidth = 1; sonarCtx.arc(SONAR_RADIUS, SONAR_RADIUS, SONAR_RADIUS - 10, 0, Math.PI * 2); sonarCtx.stroke(); // Draw scanning line sonarCtx.beginPath(); sonarCtx.moveTo(SONAR_RADIUS, SONAR_RADIUS); sonarCtx.lineTo( SONAR_RADIUS + Math.cos(sonarAngle) * (SONAR_RADIUS - 10), SONAR_RADIUS + Math.sin(sonarAngle) * (SONAR_RADIUS - 10) ); sonarCtx.stroke(); // Draw blips for nearby objects const objectsToCheck = [{ pos: window.abyssfish?.position, name: 'fish' }, { pos: window.scifibox?.position, name: 'scifibox' }, { pos: window.futurebox?.position, name: 'futurebox' }, { pos: window.submarinebox?.position, name: 'submarinebox' }, { pos: window.batterystation?.position, name: 'batterystation' }]; objectsToCheck.forEach(obj => { if (obj.pos) { const distance = submarine.position.distanceTo(obj.pos); if (distance <= DETECTION_RADIUS) { // Calculate relative position const relX = obj.pos.x - submarine.position.x; const relZ = obj.pos.z - submarine.position.z; // Convert to sonar coordinates const sonarX = SONAR_RADIUS + (relX / DETECTION_RADIUS) * (SONAR_RADIUS - 10); const sonarY = SONAR_RADIUS + (relZ / DETECTION_RADIUS) * (SONAR_RADIUS - 10); // Draw blip sonarCtx.beginPath(); sonarCtx.fillStyle = '#00ff00'; sonarCtx.arc(sonarX, sonarY, 3, 0, Math.PI * 2); sonarCtx.fill(); } } }); // Update scan angle sonarAngle += 0.03; if (sonarAngle >= Math.PI * 2) { sonarAngle = 0; } } // Update battery system if (submarine.battery <= 25 && submarine.battery > 24.9) { batterySystem.showLowBatteryAlert(); } if (submarine.battery === 0 && !submarine.criticalBatteryTriggered) { batterySystem.showCriticalBatteryAlert(); submarine.criticalBatteryTriggered = true; setTimeout(() => { batterySystem.triggerSystemFailure(THREE); }, 3000); // Trigger game over sequence after system failure effects setTimeout(() => { triggerGameOver(); }, 4000); // 1 second after system failure effects (3000 + 1000) } // Update submarine lights intensity based on battery if (submarineLights) { let lightIntensityFactor = 1.0; // Drain battery when lights are on and engine is running if (isEngineRunning || submarine.velocity.length() > 0.1) { submarine.battery -= submarineConfig.batteryDrainRate * deltaTime; submarine.battery = Math.max(0, submarine.battery); // Check for critical battery level (0%) if (submarine.battery === 0 && !submarine.criticalBatteryTriggered) { submarine.criticalBatteryTriggered = true; batterySystem.showCriticalBatteryAlert(); // Trigger system failure after 3 seconds setTimeout(() => { batterySystem.triggerSystemFailure(THREE); // Trigger game over sequence after system failure effects setTimeout(() => { triggerGameOver(); }, 4000); // 1 second after system failure effects }, 3000); } // Show low battery alert at 25% if (submarine.battery <= 25 && submarine.battery > 24.9) { batterySystem.showLowBatteryAlert(); } // Play zero battery warning sound at 2% if (submarine.battery <= 2 && submarine.battery > 1.9 && zeroBatterySound.buffer && !zeroBatterySound.isPlaying) { zeroBatterySound.play(); } } // Handle battery recharging if (submarine.isRecharging && window.batterystation) { const distanceToBatteryStation = submarine.position.distanceTo(window.batterystation.position); if (distanceToBatteryStation < 10 && submarine.battery < 100) { // Recharge at 20% per second submarine.battery += 20 * deltaTime; submarine.battery = Math.min(100, submarine.battery); // Stop recharging when full if (submarine.battery >= 100) { submarine.isRecharging = false; if (submarine.rechargeSound) { submarine.rechargeSound.stop(); } } } else { // Stop recharging if moved away from station submarine.isRecharging = false; if (submarine.rechargeSound) { submarine.rechargeSound.stop(); } } } // Update battery display batteryLevel.style.width = `${submarine.battery}%`; batteryText.textContent = `${Math.round(submarine.battery)}%`; // Adjust light intensity based on battery level with more dramatic dimming if (submarine.battery <= submarineConfig.batteryLowThreshold) { // Exponential dimming for more dramatic effect const batteryFactor = Math.pow(submarine.battery / submarineConfig.batteryLowThreshold, 2); lightIntensityFactor *= batteryFactor; // Add flickering effect when battery is below 15% if (submarine.battery < 15) { lightIntensityFactor *= 0.5 + (Math.random() * 0.5); } } // Update each light in the group submarineLights.children.forEach((light) => { if (light.isPointLight) { // Set base ambient light intensity light.intensity = 0.75 * lightIntensityFactor; } else if (light.isSpotLight) { // Set base spotlight intensity light.intensity = 2.5 * lightIntensityFactor; // Create target object 50 units in front of camera const targetPos = new THREE.Vector3(0, 0, -50); targetPos.applyMatrix4(camera.matrixWorld); light.target.position.copy(targetPos); } }); } // Add depth effects const currentDepth = -camera.position.y; const pressureEffect = Math.min(currentDepth / submarineConfig.maxDepth, 1); // Set subtle constant fisheye effect values if (vhsPass && vhsPass.material.uniforms.fisheyeStrength) { vhsPass.material.uniforms.fisheyeStrength.value = 0.15; vhsPass.material.uniforms.fisheyeScale.value = 0.6; } // Fog effect removed // Apply crushing pressure effect if (currentDepth > submarineConfig.crushDepth) { // Game over - pressure crush console.log("Submarine crushed by pressure!"); } // Apply visibility reduction based on depth // Update abyssfish movement if (window.abyssfish) { updateAbyssFishBehavior(window.abyssfish, performance); } if (assetsLoaded && !isPlayingIntro) { // Start soundtrack and ambient sounds if not already playing if (!soundtrackSound.isPlaying) { soundtrackSound.play(); } if (!submarineSound.isPlaying && submarineSound.buffer) { submarineSound.play(); } // Update bubble particles bubbleSystem.update(deltaTime); // Emit bubbles periodically when moving (reduced frequency) if (submarine.velocity.length() > 0.1) { // Emit fewer bubbles based on velocity const bubbleCount = Math.floor(submarine.velocity.length() * 0.2); // Reduced multiplier if (Math.random() < 0.15) { // Reduced chance for (let i = 0; i < bubbleCount && i < 3; i++) { // Added max limit bubbleSystem.emit(submarine.position, submarine.velocity); } } } else if (Math.random() < 0.02) { // Reduced stationary emission chance bubbleSystem.emit(submarine.position, submarine.velocity); } // Handle depth-based effects const currentDepth = -submarine.position.y; const crushDepthRatio = currentDepth / submarineConfig.crushDepth; // Flickering lights near crush depth if (crushDepthRatio > 0.8) { submarineLights.children.forEach(light => { if (light.intensity > 0.1) { light.intensity *= 0.85 + Math.random() * 0.3; } }); } updateSubmarine(deltaTime); // Update fish school fishSchool.forEach(fish => { fish.update(deltaTime); }); // Check for nearby boxes and show prompt let nearBox = false; if (window.boxofdata) { const distanceToBox = submarine.position.distanceTo(window.boxofdata.position); if (distanceToBox < 10) nearBox = true; } if (window.blackboxwithdata) { const distanceToBlackBox = submarine.position.distanceTo(window.blackboxwithdata.position); if (distanceToBlackBox < 10) nearBox = true; } if (window.blackbox) { const distanceToDetailedBox = submarine.position.distanceTo(window.blackbox.position); if (distanceToDetailedBox < 10) nearBox = true; } if (window.futurebox) { const distanceToFutureBox = submarine.position.distanceTo(window.futurebox.position); if (distanceToFutureBox < 10) nearBox = true; } if (window.submarinebox) { const distanceToSubmarineBox = submarine.position.distanceTo(window.submarinebox.position); if (distanceToSubmarineBox < 10) nearBox = true; } // Clear HUD canvas at the start of each frame hudCtx.clearRect(0, 0, hudCanvas.width, hudCanvas.height); // Check for battery station proximity if (window.batterystation) { const distanceToBatteryStation = submarine.position.distanceTo(window.batterystation.position); if (distanceToBatteryStation < 10 && submarine.battery < 100) { hudCtx.fillStyle = 'rgba(0, 255, 0, 0.75)'; hudCtx.font = '20px monospace'; hudCtx.fillText('Press L to recharge battery', hudCanvas.width / 2 - 100, hudCanvas.height - 80); } } drawHUD(submarine, isAutoNavigating, targetPosition); // Draw camera overlay when in camera mode if (isCameraMode) { hudCtx.strokeStyle = '#00ff00'; hudCtx.lineWidth = 2; // Draw camera frame const frameSize = Math.min(hudCanvas.width, hudCanvas.height) * 0.8; const x = (hudCanvas.width - frameSize) / 2; const y = (hudCanvas.height - frameSize) / 2; hudCtx.strokeRect(x, y, frameSize, frameSize); // Draw crosshair const center = { x: hudCanvas.width / 2, y: hudCanvas.height / 2 }; hudCtx.beginPath(); hudCtx.moveTo(center.x - 20, center.y); hudCtx.lineTo(center.x + 20, center.y); hudCtx.moveTo(center.x, center.y - 20); hudCtx.lineTo(center.x, center.y + 20); hudCtx.stroke(); } // Display current photo if viewing if (isViewingPhotos && photos.length > 0) { const photoData = photos[currentPhotoIndex]; const photo = photoData.image; const padding = 20; const maxWidth = hudCanvas.width * 0.6; const maxHeight = hudCanvas.height * 0.6; const scale = Math.min(maxWidth / photo.width, maxHeight / photo.height); const width = photo.width * scale; const height = photo.height * scale; // Calculate center position const x = (hudCanvas.width - width) / 2; const y = (hudCanvas.height - height) / 2; // Create VHS effect hudCtx.save(); // Draw black background for the photo area hudCtx.fillStyle = 'rgba(0, 0, 0, 0.7)'; hudCtx.fillRect(x - 5, y - 5, width + 10, height + 10); // Draw the photo with vertical flip hudCtx.scale(1, -1); hudCtx.drawImage(photo, x, -(y + height), width, height); hudCtx.scale(1, -1); // Reset scale transformation // Add VHS scanlines (reduced effect) hudCtx.globalAlpha = 0.05; for (let i = y; i < y + height; i += 3) { // Increased spacing between lines hudCtx.fillStyle = '#000000'; hudCtx.fillRect(x, i, width, 1); } // Add color aberration effect (reduced) hudCtx.globalCompositeOperation = 'screen'; hudCtx.globalAlpha = 0.05; hudCtx.drawImage(photo, x + 1, y, width, height); // Red channel (reduced offset) hudCtx.drawImage(photo, x - 1, y, width, height); // Blue channel (reduced offset) hudCtx.restore(); // Draw retro border hudCtx.strokeStyle = '#00ff00'; hudCtx.lineWidth = 2; hudCtx.strokeRect(x - 5, y - 5, width + 10, height + 10); // Draw inner border hudCtx.strokeStyle = '#004400'; hudCtx.strokeRect(x - 2, y - 2, width + 4, height + 4); // Add date stamp style text with +122 years const date = new Date(); const futureYear = date.getFullYear() + 122; hudCtx.fillStyle = '#00ff00'; hudCtx.font = '16px monospace'; hudCtx.fillText( `${futureYear}.${(date.getMonth()+1).toString().padStart(2,'0')}.${date.getDate().toString().padStart(2,'0')} ${date.getHours().toString().padStart(2,'0')}:${date.getMinutes().toString().padStart(2,'0')}`, x, y + height + 25 ); // Draw photo counter below date hudCtx.font = '18px monospace'; hudCtx.fillText( `PHOTO ${currentPhotoIndex + 1}/${photos.length}`, x, y + height + 50 ); // Draw note if it exists if (photoData.note) { const noteY = y + height + 75; const maxWidth = width; // Draw note background hudCtx.fillStyle = 'rgba(0, 40, 0, 0.8)'; hudCtx.fillRect(x, noteY, maxWidth, 60); // Draw note border hudCtx.strokeStyle = '#004400'; hudCtx.strokeRect(x, noteY, maxWidth, 60); // Draw note text hudCtx.fillStyle = '#00ff00'; hudCtx.font = '14px monospace'; // Word wrap the note const words = photoData.note.split(' '); let line = ''; let lineY = noteY + 20; words.forEach(word => { const testLine = line + word + ' '; const metrics = hudCtx.measureText(testLine); if (metrics.width > maxWidth - 20) { hudCtx.fillText(line, x + 10, lineY); line = word + ' '; lineY += 20; } else { line = testLine; } }); hudCtx.fillText(line, x + 10, lineY); } // Draw edit note prompt hudCtx.fillStyle = '#00ff00'; hudCtx.font = '12px monospace'; hudCtx.fillText('Press E to edit note', x, y + height + 145); } } // Apply graphics settings if (vhsPass) { vhsPass.enabled = graphicsSettings.vhsEffect; if (psxPass) { psxPass.enabled = graphicsSettings.psxEffect; } if (vhsPass.material.uniforms.fisheyeStrength) { vhsPass.material.uniforms.fisheyeStrength.value = graphicsSettings.fisheyeEffect ? 0.15 : 0; } } if (smaaPass) { smaaPass.enabled = graphicsSettings.antialiasing; } composer.render(); } // Function to take a photo function takePhoto() { // Play camera sound if (cameraSound.buffer) { cameraSound.setVolume(0.5); cameraSound.play(); } // Create a new render target const renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat } ); // Render the scene to the render target composer.renderTarget1.setSize(window.innerWidth, window.innerHeight); renderer.setRenderTarget(renderTarget); renderer.render(scene, camera); renderer.setRenderTarget(null); // Create a new canvas to store the photo const photoCanvas = document.createElement('canvas'); photoCanvas.width = window.innerWidth; photoCanvas.height = window.innerHeight; const ctx = photoCanvas.getContext('2d'); // Read pixels from render target and draw to canvas const pixels = new Uint8Array(window.innerWidth * window.innerHeight * 4); renderer.readRenderTargetPixels( renderTarget, 0, 0, window.innerWidth, window.innerHeight, pixels ); const imageData = new ImageData( new Uint8ClampedArray(pixels), window.innerWidth, window.innerHeight ); // Flip the image vertically ctx.scale(1, -1); ctx.translate(0, -window.innerHeight); ctx.putImageData(imageData, 0, 0); // Reset transformation ctx.setTransform(1, 0, 0, 1, 0, 0); // Create an image from the canvas const img = new Image(); img.src = photoCanvas.toDataURL(); // Add to photos array img.onload = () => { // Create photo object with image and empty note photos.push({ image: img, note: '', date: new Date() }); if (currentPhotoIndex === -1) currentPhotoIndex = 0; // Show note input dialog showNoteDialog(); }; // Clean up renderTarget.dispose(); } // HUD functionality moved to external script // Handle window resize function onWindowResize() { const width = parentDiv.clientWidth; const height = parentDiv.clientHeight; // Update sonar canvas size while maintaining aspect ratio const sonarSize = Math.min(width, height) * 0.2; // 20% of the smallest dimension sonarCanvas.style.width = `${sonarSize}px`; sonarCanvas.style.height = `${sonarSize}px`; // Update position display width to match sonar positionDisplay.style.width = `${sonarSize}px`; // Update camera camera.aspect = width / height; camera.updateProjectionMatrix(); // Update HUD canvas size // Update HUD canvas size hudCanvas.width = width; hudCanvas.height = height; // Update renderer and composer renderer.setSize(width, height); composer.setSize(width, height); // Update PSX resolution if (psxPass) { psxPass.uniforms.resolution.value.set(width, height); } // Update post-processing passes smaaPass.setSize(width, height); } // Add event listeners window.addEventListener('resize', onWindowResize); const resizeObserver = new ResizeObserver(onWindowResize); resizeObserver.observe(parentDiv); // Start animation // Function to spawn jump scare fish function triggerJumpScareFish(THREE) { spawnJumpScareFish( scene, submarine, camera, objLoader, textureLoader, THREE ); } let importedSeaMonster; import('three').then(THREE => { return import('https://play.rosebud.ai/assets/shadowyMonster.js?LOCX').then(module => { importedSeaMonster = module.spawnShadowySeaMonster; }); }); // Function to handle game over sequence function triggerGameOver() { // Fade out all music if (soundtrackSound.isPlaying) { const fadeOut = setInterval(() => { if (soundtrackSound.getVolume() > 0.01) { soundtrackSound.setVolume(soundtrackSound.getVolume() * 0.9); } else { soundtrackSound.stop(); clearInterval(fadeOut); } }, 100); } if (darkAmbientSound.isPlaying) { const darkFadeOut = setInterval(() => { if (darkAmbientSound.getVolume() > 0.01) { darkAmbientSound.setVolume(darkAmbientSound.getVolume() * 0.9); } else { darkAmbientSound.stop(); clearInterval(darkFadeOut); } }, 100); } if (submarineSound.isPlaying) { const submarineFadeOut = setInterval(() => { if (submarineSound.getVolume() > 0.01) { submarineSound.setVolume(submarineSound.getVolume() * 0.9); } else { submarineSound.stop(); clearInterval(submarineFadeOut); } }, 100); } // Create fade out overlay const fadeOverlay = document.createElement('div'); fadeOverlay.style.position = 'absolute'; fadeOverlay.style.top = '0'; fadeOverlay.style.left = '0'; fadeOverlay.style.width = '100%'; fadeOverlay.style.height = '100%'; fadeOverlay.style.backgroundColor = 'black'; fadeOverlay.style.opacity = '0'; fadeOverlay.style.transition = 'opacity 3s'; fadeOverlay.style.display = 'flex'; fadeOverlay.style.justifyContent = 'center'; fadeOverlay.style.alignItems = 'center'; fadeOverlay.style.color = '#ff0000'; fadeOverlay.style.fontFamily = 'monospace'; fadeOverlay.style.fontSize = '20px'; fadeOverlay.style.textAlign = 'center'; fadeOverlay.style.padding = '20px'; fadeOverlay.style.zIndex = '2000'; fadeOverlay.innerHTML = `You were sent to uncover the truth.
Instead, you've awakened the abyss.
As the crushing darkness surrounds you, your final thought is the realization...
Some secrets should remain buried.`; parentDiv.appendChild(fadeOverlay); // Trigger fade in immediately but keep the transition effect setTimeout(() => { fadeOverlay.style.opacity = '1'; }, 100); } // Import sea monster functions import { spawnChasingSeaMonster } from 'https://play.rosebud.ai/assets/seaMonster.js?GpFs'; // Add event listeners for settings document.getElementById('applySettings').addEventListener('click', () => { // Update settings object graphicsSettings.vhsEffect = document.getElementById('vhsEffect').checked; graphicsSettings.psxEffect = document.getElementById('psxEffect').checked; graphicsSettings.antialiasing = document.getElementById('antialiasing').checked; graphicsSettings.loadingDistance = parseInt(document.getElementById('loadingDistance').value); // Save settings to local storage localStorage.setItem('submarineGraphicsSettings', JSON.stringify(graphicsSettings)); // Update camera far value based on loading distance camera.far = graphicsSettings.loadingDistance; camera.updateProjectionMatrix(); }); document.getElementById('closeSettings').addEventListener('click', () => { settingsWindow.style.display = 'none'; }); // Load saved settings on startup const savedSettings = localStorage.getItem('submarineGraphicsSettings'); if (savedSettings) { const parsedSettings = JSON.parse(savedSettings); // Only load non-enforced settings graphicsSettings.loadingDistance = parsedSettings.loadingDistance || 35; // Enforce required settings graphicsSettings.vhsEffect = true; graphicsSettings.antialiasing = true; graphicsSettings.psxEffect = true; graphicsSettings.fisheyeEffect = true; // Update UI to match enforced settings document.getElementById('vhsEffect').checked = true; document.getElementById('psxEffect').checked = true; document.getElementById('antialiasing').checked = true; document.getElementById('loadingDistance').value = graphicsSettings.loadingDistance.toString(); } animate();