2f:I[658291,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"GameFullscreenButton"] 31:I[207804,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"default"] 33:I[658291,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"default"] 34:I[866595,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"default"] 35:I[299351,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"default"] 37:I[490838,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"default"] 38:I[637783,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"default"] 3a:I[473975,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/1xlq_7d850v2i.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/2qplmqvlso4hl.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/0o3_gi9_ejcv7.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/2vz_ixqs76_25.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/3ehu6fzlcv_6q.js"],"default"] 26:["$","$L17",null,{"href":"/play","className":"rbTextLink rbTextLink--variant_back rbTextLink--iconSize_sm","children":[["$","svg",null,{"width":"16","height":"16","viewBox":"0 0 6 10","fill":"currentColor","xmlns":"http://www.w3.org/2000/svg","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.66663 9.66663L5.66663 8.33329L4.33329 8.33329L4.33329 9.66663L5.66663 9.66663ZM2.99996 6.99996L2.99996 8.33329L4.33329 8.33329L4.33329 6.99996L2.99996 6.99996ZM1.66663 5.66663L1.66663 6.99996L2.99996 6.99996L2.99996 5.66663L1.66663 5.66663ZM1.66663 4.33329L0.333292 4.33329L0.333292 5.66663L1.66663 5.66663L1.66663 4.33329ZM2.99996 2.99996L2.99996 4.33329L1.66663 4.33329L1.66663 2.99996L2.99996 2.99996ZM2.99996 2.99996L4.33329 2.99996L4.33329 1.66663L2.99996 1.66663L2.99996 2.99996ZM5.66663 0.333293L5.66663 1.66663L4.33329 1.66663L4.33329 0.333293L5.66663 0.333293Z","fill":"currentColor"}]}],["$","span",null,{"children":"All games"}]]}] 27:["$","div",null,{"className":"rbGamePage__stageHeaderActions d_flex ai_center flex-sh_0 [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:pointer-events_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:bg-c_surface.scrim [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:bd-c_border.glass [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:c_text.primary [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:bx-sh_elevation.card","role":"group","aria-label":"Game stage actions","children":["$","$L2f",null,{"variant":"toolbar"}]}] 30:T58e,rbGamePage__gameContainer pos_relative w_full asp_16_/_9 max-h_[var(--game-fit-height)] max-w_[var(--game-fit-width)] m_[0_auto] bg-c_black d_flex flex-d_column ov_hidden bd-w_1px border-style_solid bd-c_border.glass border-top-style_none border-bottom-style_none bdr_[0] [&:fullscreen,_&:-webkit-full-screen]:asp_auto [&:fullscreen,_&:-webkit-full-screen]:w_full [&:fullscreen,_&:-webkit-full-screen]:h_full [&:fullscreen,_&:-webkit-full-screen]:max-w_full [&:fullscreen,_&:-webkit-full-screen]:max-h_[100vh] [&:fullscreen,_&:-webkit-full-screen]:bdr_[0] [&:fullscreen,_&:-webkit-full-screen]:border-style_none [@media_(max-width:_575px)_and_(orientation:_portrait)]:h_[var(--game-fit-height)] [@media_(max-width:_575px)_and_(orientation:_portrait)]:asp_auto [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-w_[none] [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-h_[none] [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:flex_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:w_full [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:min-h_0 [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:h_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:max-w_[none] [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:max-h_[none] [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:asp_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:border-style_none32:T18763,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();28:["$","div",null,{"id":"game-container","className":"$30","children":["$","$L31",null,{"files":[{"id":"cad190d3-16fc-4e83-bc2b-870b6f33b47c","name":"main.js","path":"/","permissions":"rw","metadata":{},"content":"$32","created":"2025-01-23T10:04:26.177332Z","modified":"2025-01-23T10:04:26.177344Z"}],"projectId":"902d96cb-996d-41da-8d0c-eb0c9f9b2733","revisionId":"9c31c196-c532-4549-b32f-0b4eaf57c020","mode":"ThreeJS","gameName":"DEEP DESCENT"}]}] 29:["$","header",null,{"className":"rbGamePage__gameHeader d_flex flex-wrap_wrap ai_center gap_0.55rem_0.85rem w_full cq-t_inline-size cq-n_game-header max-w_[var(--game-fit-width)] m_[0_auto] p_0.65rem_0.85rem bg-c_surface bd-w_1px border-style_solid bd-c_border.glass border-top-style_none bdr_[0] [@media_(min-width:_576px)_and_(min-height:_40rem)]:p_0.65rem [@media_(min-width:_576px)_and_(min-height:_40rem)]:bdr-bl_md [@media_(min-width:_576px)_and_(min-height:_40rem)]:bdr-br_md [@media_(min-width:_992px)_and_(min-height:_40rem)]:bdr-bl_lg [@media_(min-width:_992px)_and_(min-height:_40rem)]:bdr-br_lg [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-w_[none] [@media_(max-width:_575px)_and_(orientation:_portrait)]:m_[0] [@media_(max-width:_575px)_and_(orientation:_portrait)]:border-bottom-style_none [[data-game-page-main][data-game-page-height='very-short']_&]:ai_flex-start [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:d_none","data-game-page-header":true,"children":[["$","div",null,{"className":"rbGamePage__identity d_contents","children":["$","h1",null,{"className":"rbGamePage__gameTitle grid-area_title flex_[1_1_14rem] m_[0] min-w_0 ff_display fw_700 fs_xl lh_tight c_text.primary ov-wrap_anywhere [@container_game-header_(min-width:_44rem)]:ov_hidden [@container_game-header_(min-width:_44rem)]:tov_ellipsis [@container_game-header_(min-width:_44rem)]:white-space_nowrap","title":"DEEP DESCENT","data-game-page-title":true,"children":"DEEP DESCENT"}]}],["$","$L33",null,{"projectId":"902d96cb-996d-41da-8d0c-eb0c9f9b2733","creatorId":"414cc12d-273e-40d0-b524-68021869ac28","creatorUsername":"PlasmatorGames","assetReferenceMode":"legacy_lookup","isRemixable":false,"tipsEnabled":true,"canReceiveTips":false,"isDeprecated":true,"likesCount":2,"commentsCount":0}]]}] 2a:["$","section",null,{"className":"rbGamePage__aboutSection w_full p_var(--game-page-section-gap)_0_0 [@media_(max-width:_575px)_and_(orientation:_portrait)]:p_0 [[data-game-page-main][data-game-page-height='very-short']_&]:p_0 [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:d_none","children":["$","div",null,{"className":"rbGamePage__aboutInner max-w_[var(--game-fit-width)] w_full m_[0_auto] d_flex flex-d_column gap_0.75rem [@media_(min-width:_576px)]:gap_1rem [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-w_[none] [@media_(max-width:_575px)_and_(orientation:_portrait)]:m_[0] [@media_(max-width:_575px)_and_(orientation:_portrait)]:gap_0","children":["$","$L34",null,{"summary":[["$","h2",null,{"className":"rbGamePage__sectionHeading pos_absolute w_[1px] h_[1px] p_0 m_[-1px] ov_hidden clip_rect(0,_0,_0,_0) white-space_nowrap border-style_none","children":["About ","DEEP DESCENT"]}],["$","div",null,{"className":"rbGamePage__compactMeta d_flex flex-wrap_wrap gap_0.45rem rg_0.25rem ov_hidden ff_var(--font-source-code-pro) fs_sm fw_700 c_text.secondary white-space_normal [&_span]:min-w_0 [&_span]:flex_[0_1_auto] [&_span]:max-w_full [&_span]:ov_hidden [&_span]:tov_ellipsis [&_span]:white-space_nowrap [&_span]:[&::after]:content_'•' [&_span]:[&::after]:pl_0.45rem [&_span]:[&::after]:c_text.disabled [&_span]:[&:last-child::after]:content_none [&_span]:[&:last-child::after]:pl_0","aria-label":"Game metadata","children":[["$","span",null,{"children":["By ","PlasmatorGames"]}],["$","span",null,{"children":["3.2K"," plays"]}],["$","span",null,{"children":["5"," remixes"]}],["$","span",null,{"children":"Horror / 3D"}]]}],["$","$L35",null,{"description":"Dive into the abyss as you pilot the Nautilus-03, investigating the mysterious disappearance of humanity's largest deep-sea vessel. Navigate through ancient ruins and decode cryptic messages, but beware - in these depths, you're not alone"}]],"children":[["$","p",null,{"className":"rbGamePage__aboutDescription max-w_[58rem] ff_var(--font-source-code-pro) fs_base lh_base c_text.secondary white-space_pre-wrap","children":"Dive into the abyss as you pilot the Nautilus-03, investigating the mysterious disappearance of humanity's largest deep-sea vessel. Navigate through ancient ruins and decode cryptic messages, but beware - in these depths, you're not alone"}],["$","ul",null,{"className":"rbGamePage__detailList li-t_none p_0 m_[0] ff_var(--font-source-code-pro) fs_md c_text.secondary d_flex flex-d_column gap_0.4rem [@media_(min-width:_576px)]:fs_base [&_li]:d_grid [&_li]:grid-tc_[5.5rem_1fr] [&_li]:cg_0.75rem [&_li]:ai_baseline [&_strong]:c_text.primary [&_strong]:fw_700 [&_li_>_span]:min-w_0 [&_li_>_span]:ov-wrap_anywhere","children":[["$","li",null,{"children":[["$","strong",null,{"children":"Developer:"}],["$","span",null,{"children":["$","$L17",null,{"href":"/profile/414cc12d-273e-40d0-b524-68021869ac28","className":"rbTextLink rbTextLink--variant_creator rbTextLink--iconSize_sm","children":"PlasmatorGames"}]}]]}],["$","li",null,{"children":[["$","strong",null,{"children":"Plays:"}],["$","span",null,{"children":"3,178"}]]}],["$","li",null,{"children":[["$","strong",null,{"children":"Remixes:"}],["$","span",null,{"children":["$","$L17",null,{"href":"/search?source_project=902d96cb-996d-41da-8d0c-eb0c9f9b2733","className":"rbTextLink rbTextLink--variant_creator rbTextLink--iconSize_sm","children":"5"}]}]]}],["$","li",null,{"children":[["$","strong",null,{"children":"Categories:"}],["$","span",null,{"children":[["$","$1","Horror",{"children":[["$","$L17",null,{"href":"/play/c/horror","className":"rbTextLink rbTextLink--variant_creator rbTextLink--iconSize_sm","children":"Horror"}],", "]}],["$","$1","3D",{"children":[["$","$L17",null,{"href":"/play/c/3d","className":"rbTextLink rbTextLink--variant_creator rbTextLink--iconSize_sm","children":"3D"}],""]}]]}]]}],"$L36"]}]]}]}]}] 2b:["$","$L37",null,{"projectId":"902d96cb-996d-41da-8d0c-eb0c9f9b2733","initialCommentsCount":0}] 2c:["$","section",null,{"className":"rbGamePage__relatedSection w_[calc(100%_-_var(--game-page-inline-padding)_-_var(--game-page-inline-padding))] max-w_[var(--game-fit-width)] m_[0_auto] p_0","children":["$","div",null,{"className":"rbGamePage__relatedInner d_flex flex-d_column gap_0.75rem max-w_[none] w_full m_[0] [@media_(min-width:_576px)]:gap_1rem","children":["$","$L38",null,{"title":"Other games like this","games":[{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/8ee4b881-356f-4838-9b43-21947de4ad02/","mode":"Universal","asset_reference_mode":"path_v2","description":"Observe the creatures, get close, but don't die!","name":"Backrooms: Stay Alive","id":"8ee4b881-356f-4838-9b43-21947de4ad02","clones_count":263,"plays_count":21343,"likes_count":173,"comments_count":22,"source_project":{"id":"0c8cfaf7-d9a2-4b8d-b842-2b5b36cf025d","name":"Multiplayer Hangout Template (v4)","is_template":false,"template_role":null},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/8ee4b881-356f-4838-9b43-21947de4ad02.png?v=1782910361.166879","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Page","Horror","3D","Rosebud Mobile App","Play Featured"],"is_remixable":true,"published_name":"backrooms-break-in"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/1a37a20e-bafd-465d-b822-8dcee16fb3da/","mode":"Universal","asset_reference_mode":"path_v2","description":"A single-player convenience-store horror game that combines survival simulation, identity verification, and anomaly spotting. Serve impatient customers, maintain the store, compare faces and answers with county records, and use your sidearm only when you are certain a skinwalker is not human. Inspired by Shift at Midnight.","name":"Six Midnight Shifts - Skinwalker Horror!","id":"1a37a20e-bafd-465d-b822-8dcee16fb3da","clones_count":151,"plays_count":89921,"likes_count":169,"comments_count":13,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/1a37a20e-bafd-465d-b822-8dcee16fb3da.png?v=1786633506.990978","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Page","Horror"],"is_remixable":true,"published_name":"six-midnight-shifts-skinwalker-horror"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/c0f6210f-eaf2-4838-8b7f-dfb069ef5b39/","mode":"Universal","asset_reference_mode":"path_v2","description":"Play **Dead ATM** online, a single-player first-person horror slot-machine roguelite inspired by **Clover Pit-like games**. Spin reels, earn cash, pay off ATM-13, buy risky upgrades, and survive six escalating debt rounds inside a haunted 24-hour convenience store. Play free in your browser with **no download** and **no sign up** on mobile or PC.","name":"DEAD ATM","id":"c0f6210f-eaf2-4838-8b7f-dfb069ef5b39","clones_count":0,"plays_count":8573,"likes_count":73,"comments_count":11,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/c0f6210f-eaf2-4838-8b7f-dfb069ef5b39.png?v=1785162900.737886","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Page","Horror","RPG","Play Featured"],"is_remixable":false,"published_name":"dead-atm"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/33ac1fa2-5e30-46ac-89d5-da86008723ff/","mode":"Universal","asset_reference_mode":"path_v2","description":"From no slop hackathon","name":"Dead Air","id":"33ac1fa2-5e30-46ac-89d5-da86008723ff","clones_count":33,"plays_count":1778,"likes_count":10,"comments_count":2,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/Screenshot_2026-04-30_at_10.08.03AM.png?v=1778476984.889085","preview_video":null,"creator_username":"sanghyunleeee.Xm1T","creator_id":"42e91605-2162-4f64-bdb9-7d7cf50378ab","tags":["Play Page","Horror"],"is_remixable":true,"published_name":"static-sentinel"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/291f82f4-c89c-456a-ae76-0412e8bc26bf/","mode":"Universal","asset_reference_mode":"path_v2","description":"DON'T LOOK IN THE MIRROR is a first-person psychological horror game set inside an abandoned hotel at night. The player wakes up alone in the building and must explore realistically detailed rooms to find the items/keys needed to unlock the locked basement entrance, then reach the basement and verify the scene to conclude what happened. The tone is quiet, realistic, unsettling, and grounded—no supernatural entity yet, and no major jump scares.","name":"DON'T LOOK IN THE MIRROR","id":"291f82f4-c89c-456a-ae76-0412e8bc26bf","clones_count":19,"plays_count":1968,"likes_count":16,"comments_count":2,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/291f82f4-c89c-456a-ae76-0412e8bc26bf-thumbnail.jpg?v=1787058549.918897","preview_video":null,"creator_username":"ks8361039.Dlxr","creator_id":"a75ae98a-6c87-4fa1-a4dd-1c4d715147df","tags":["Play Page","Horror"],"is_remixable":true,"published_name":"dont-look-in-the-mirror"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/415467d7-1ad3-404d-95ab-2c65760ea834/","mode":"Universal","asset_reference_mode":"path_v2","description":"Eres el vigilante de un Farmatodo embrujado por 4 animatrónicos que representan algunos de los miedos de un venezolano: El silbón, la sayona, la vieja de la junta comunal y un cobrador de Cashea.\r\n\r\nSobrevive 5 noches y vas a ser el chivo que más mea 👑","name":"5 Noches en Farmatodo","id":"415467d7-1ad3-404d-95ab-2c65760ea834","clones_count":15,"plays_count":1414,"likes_count":19,"comments_count":2,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/415467d7-1ad3-404d-95ab-2c65760ea834.jpg?v=1784601522.238191","preview_video":null,"creator_username":"Universo_Ultra","creator_id":"91a630c7-3210-4c51-9032-1e7b3180fa5b","tags":["Horror","Play Page"],"is_remixable":true,"published_name":"noches-en-farmatodo"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/c5fa1ce2-c188-4ca1-9cb5-6fff46c19e1d/","mode":"Universal","asset_reference_mode":"path_v2","description":"Find a hiding spot and paint yourself to blend in. Hide from the hunter!","name":"Camo Chameleon","id":"c5fa1ce2-c188-4ca1-9cb5-6fff46c19e1d","clones_count":0,"plays_count":27270,"likes_count":171,"comments_count":25,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/c5fa1ce2-c188-4ca1-9cb5-6fff46c19e1d.png?v=1783501952.376438","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Featured","Play Page","Multiplayer","Horror"],"is_remixable":false,"published_name":"camo-chameleon-1"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/dbc17c7f-4d73-42dc-9ce0-762c7caf41c1/","mode":"Universal","asset_reference_mode":"path_v2","description":"Play with Mini Max ©️ on several Mini Games! Can you beat the clock? 🕒 Grab Itens to help, find stars, run from snow and more! - by MaxxiimGames","name":"Mini Max - Mini Games!","id":"dbc17c7f-4d73-42dc-9ce0-762c7caf41c1","clones_count":0,"plays_count":5807,"likes_count":15,"comments_count":0,"source_project":{"id":"515cad10-e5fe-4bf3-825e-5de168d3fa8f","name":"Ice Voxel World","is_template":false,"template_role":null},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/dbc17c7f-4d73-42dc-9ce0-762c7caf41c1.png?v=1785219336.827138","preview_video":null,"creator_username":"MaxxiimGames","creator_id":"b08a135f-6441-4ff5-b322-3d83254e18c9","tags":["Play Page","Sandbox","3D","Adventure"],"is_remixable":false,"published_name":"mini-max-mini-games"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/00725225-0bc4-4fc3-ab36-bfd1eaf8a115/","mode":"Universal","asset_reference_mode":"path_v2","description":"Keep the can flying with precise shots, gather coins, activate special helpers, and climb to extreme heights!","name":"Can Bounce?","id":"00725225-0bc4-4fc3-ab36-bfd1eaf8a115","clones_count":0,"plays_count":3526,"likes_count":31,"comments_count":2,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/00725225-0bc4-4fc3-ab36-bfd1eaf8a115.png?v=1781270668.062714","preview_video":null,"creator_username":"errevangelius.iYtU","creator_id":"f0744cec-c23b-44e8-96e1-7a3433a032a7","tags":["Play Page","Mini Games","Mobile-Friendly",""],"is_remixable":false,"published_name":"can-bounce-trickshot"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/1a6bb8f0-423c-4cda-937c-9c773dce4fdf/","mode":"Universal","asset_reference_mode":"path_v2","description":"Mini Max ©️ - Velvet Velocity is a Endless Synthwave Road where you grab power ups and coins to buy new car and NEON with real time weather changing and generative road! Can you unlock all features? Lets run!\r\n\r\nMade by @MaxxiimGames channel","name":"Mini Max Velvet Velocity","id":"1a6bb8f0-423c-4cda-937c-9c773dce4fdf","clones_count":3,"plays_count":10998,"likes_count":56,"comments_count":0,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/1a6bb8f0-423c-4cda-937c-9c773dce4fdf.jpg?v=1782287412.55631","preview_video":null,"creator_username":"MaxxiimGames","creator_id":"b08a135f-6441-4ff5-b322-3d83254e18c9","tags":["Play Page","Racing","3D",""],"is_remixable":false,"published_name":"mini-max-velvet-velocity"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/41fbfdca-7225-44b3-a869-8c0363ff09a7/","mode":"Universal","asset_reference_mode":"path_v2","description":"THIS PUPPY HAS GOTTA GO !UPPY\r\n\r\nADDICTIVE AND A MEGA TIME DESTROYER\r\n\r\nTry get to the top of the leader board ... if you can","name":"!UPPY","id":"41fbfdca-7225-44b3-a869-8c0363ff09a7","clones_count":216,"plays_count":9862,"likes_count":33,"comments_count":3,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/41fbfdca-7225-44b3-a869-8c0363ff09a7.png?v=1781270623.319141","preview_video":null,"creator_username":"Mikieb","creator_id":"74ee0bc0-f4bf-4737-9192-dfc82ff04612","tags":["Play Page","2D","Platformer","Multiplayer",""],"is_remixable":true,"published_name":"cloud-climber-legends"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/c423abd5-a93b-4d64-8982-1585c839591c/","mode":"Universal","asset_reference_mode":"path_v2","description":"Survive a physics-driven plane crash, dodge debris and disasters, grab other passengers, and outlast the wreck in this free browser survival game. Inspired by upcoming game Dear Passengers!","name":"ATTENTION PASSENGERS - Plane Crash Survival Game","id":"c423abd5-a93b-4d64-8982-1585c839591c","clones_count":90,"plays_count":7062,"likes_count":64,"comments_count":20,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/c423abd5-a93b-4d64-8982-1585c839591c.webp?v=1786633565.811603","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Page","Simulation","3D","Multiplayer","Play Featured"],"is_remixable":true,"published_name":"attention-passengers-plane-crash-survival-game"}],"flushPadding":true,"belowGrid":true,"recommendationFilters":[{"label":"All","active":true},{"label":"Horror"},{"label":"3D"}],"intro":"$L39"}]}]}] 2d:["$","div",null,{"className":"rbGamePage__footerSlot w_full","children":["$","$L3a",null,{}]}] 3b:T41a,{"@context":"https://schema.org","@graph":[{"@type":["VideoGame","WebApplication"],"name":"DEEP DESCENT","description":"Dive into the abyss as you pilot the Nautilus-03, investigating the mysterious disappearance of humanity's largest deep-sea vessel. Navigate through ancient ruins and decode cryptic messages, but beware - in these depths, you're not alone","url":"https://rosebud.ai/play/902d96cb-996d-41da-8d0c-eb0c9f9b2733","image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/902d96cb-996d-41da-8d0c-eb0c9f9b2733.png?v=1774053644.932083","applicationCategory":"GameApplication","operatingSystem":"Web browser","genre":"Horror, Play Page, 3D","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"author":{"@type":"Person","name":"PlasmatorGames"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Play","item":"https://rosebud.ai/play"},{"@type":"ListItem","position":2,"name":"DEEP DESCENT","item":"https://rosebud.ai/play/902d96cb-996d-41da-8d0c-eb0c9f9b2733"}]}]}2e:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$3b"}}]

About DEEP DESCENT

Other games like this