// Import necessary modules import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { ColonyThresholdEvents } from 'https://play.rosebud.ai/assets/colonyThresholdEvents.js?d9j8'; import { oceanicLandingNarrative } from 'https://play.rosebud.ai/assets/oceanicLandingNarrative.js?iqVt'; import { ColonyBaseEvents } from 'https://play.rosebud.ai/assets/colonyBaseEvents.js?t3ia'; import { hazardicyEvents } from 'https://play.rosebud.ai/assets/hazardicyEvents.js?7GRY'; import { hazardvolcanicEvents } from 'https://play.rosebud.ai/assets/hazardvolcanicEvents.js?p01z'; import { hazardoceanicEvents } from 'https://play.rosebud.ai/assets/hazardoceanicEvents.js?Ngqq'; import { CatastrophicEvents } from 'https://play.rosebud.ai/assets/catastrophicEvents.js?IglN'; import { planetaryEvents } from 'https://play.rosebud.ai/assets/planetaryEvents.js?iiac'; import { UniversalEvents } from 'https://play.rosebud.ai/assets/universalEvents.js?q1uv'; 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 { RenderPass } from 'three/addons/postprocessing/RenderPass.js'; import { UnrealBloomPass } from 'three/addons/postprocessing/UnrealBloomPass.js'; import { SMAAPass } from 'three/addons/postprocessing/SMAAPass.js'; // Define UI Theme System locally instead of importing const theme = { colors: { primary: '#00f6ff', background: { panel: '#081830', dark: '#040c18' }, text: { primary: '#ffffff', secondary: '#a0a0a0', error: '#ff4444' }, button: { primary: '#00f6ff', secondary: '#081830' }, borders: { line: '#00f6ff' }, success: '#4CAF50' }, spacing: { xs: '4px', sm: '8px', md: '16px', lg: '24px', xl: '32px' }, typography: { mono: { family: 'Square, "Courier New", monospace' }, small: { size: '12px' } }, borders: { width: { thin: '1px' } }, effects: { glow: { subtle: '0 0 10px rgba(0, 246, 255, 0.2)' } } }; const styles = { container: ` padding: ${theme.spacing.md}; color: ${theme.colors.text.primary}; font-family: ${theme.typography.mono.family}; max-height: 100vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: ${theme.colors.primary} ${theme.colors.background.dark}; `, panel: ` background: ${theme.colors.background.panel}; border: ${theme.borders.width.thin} solid ${theme.colors.borders.line}; padding: ${theme.spacing.md}; margin-bottom: ${theme.spacing.md}; box-shadow: ${theme.effects.glow.subtle}; transition: all 0.3s ease; max-height: 80vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: ${theme.colors.primary} ${theme.colors.background.dark}; &:hover { border-color: ${theme.colors.primary}; box-shadow: 0 0 15px rgba(0, 246, 255, 0.3); } `, title: ` color: ${theme.colors.primary}; font-size: 24px; margin-bottom: ${theme.spacing.md}; `, subtitle: ` color: ${theme.colors.primary}; font-size: 18px; margin-bottom: ${theme.spacing.sm}; `, text: ` color: ${theme.colors.text.primary}; margin: ${theme.spacing.xs} 0; `, description: ` color: ${theme.colors.text.secondary}; font-size: ${theme.typography.small.size}; margin: ${theme.spacing.xs} 0; `, button: ` background: ${theme.colors.button.secondary}; color: ${theme.colors.primary}; border: ${theme.borders.width.thin} solid ${theme.colors.borders.line}; padding: ${theme.spacing.sm} ${theme.spacing.md}; margin: ${theme.spacing.sm} 0; cursor: pointer; font-family: ${theme.typography.mono.family}; transition: all 0.3s ease; &:hover { background: ${theme.colors.primary}; color: ${theme.colors.button.secondary}; } `, greenButton: ` background: ${theme.colors.success}; color: ${theme.colors.text.primary}; border: none; padding: ${theme.spacing.sm} ${theme.spacing.md}; margin: ${theme.spacing.sm} 0; cursor: pointer; font-family: ${theme.typography.mono.family}; transition: all 0.3s ease; &:hover { filter: brightness(1.2); } `, upgradeItem: ` background: ${theme.colors.background.panel}; border: ${theme.borders.width.thin} solid ${theme.colors.borders.line}; padding: ${theme.spacing.md}; margin-bottom: ${theme.spacing.md}; box-shadow: ${theme.effects.glow.subtle}; `, overlay: ` position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; padding: ${theme.spacing.xl}; overflow-y: auto; backdrop-filter: blur(3px); ` }; const baseTemplates = { button: (text, onClick, style = 'button') => ` `, panel: (title, content) => `

${title}

${content}

` }; const UI = Object.assign({}, { theme: theme || { colors: { primary: '#00f6ff', background: { panel: '#081830', dark: '#040c18' }, text: { primary: '#ffffff', secondary: '#a0a0a0', error: '#ff4444' }, button: { primary: '#00f6ff', secondary: '#081830' }, borders: { line: '#00f6ff' }, success: '#4CAF50' }, spacing: { xs: '4px', sm: '8px', md: '16px', lg: '24px', xl: '32px' }, typography: { mono: { family: 'Square, "Courier New", monospace' }, small: { size: '12px' } }, borders: { width: { thin: '1px' } }, effects: { glow: { subtle: '0 0 10px rgba(0, 246, 255, 0.2)' } } }, styles, templates: Object.assign({}, baseTemplates, { button: (text, onClick, style = 'button') => ` `, panel: (title, content) => `

${title}

${content}

`, statDisplay: (label, value) => `

${label}: ${value}

`, resourceDisplay: (resources) => ` ${UI.templates.panel('Resources', Object.entries(resources) .map(([key, value]) => UI.templates.statDisplay(key.charAt(0).toUpperCase() + key.slice(1), value)) .join('') )}`, upgradeItem: (title, level, description, onClick, cost) => `

${title} (Level ${level})

${description}

${UI.templates.button(`Upgrade (Cost: ${cost} materials)`, onClick)}

`, landingSequence: (title, narrative, buttonText, onClick) => `

${title}

${narrative}

` }) }); // Initialize audio system window.audioSystem = { clickSound: new Audio('https://play.rosebud.ai/assets/clickaudio.mp3?sFJU'), hazardSound: new Audio('https://play.rosebud.ai/assets/hazardaudio.mp3?reQW'), baseSound: new Audio('https://play.rosebud.ai/assets/baseaudio.mp3?yMeC'), planetarySound: new Audio('https://play.rosebud.ai/assets/planetaryaudio.mp3?pp2m'), apocalypseSound: new Audio('https://play.rosebud.ai/assets/apocalypseaudio.mp3?TjNm'), backgroundMusic: new Audio('https://play.rosebud.ai/assets/ost.mp3?pk1k'), backgroundMusic: new Audio('https://play.rosebud.ai/assets/ost.mp3?pk1k'), init: function() { this.backgroundMusic.loop = true; this.backgroundMusic.volume = 0.3; // Set to 30% volume this.backgroundMusic.play().catch(e => console.log('BGM autoplay prevented:', e)); }, playSound: async function(type) { switch (type) { case 'click': this.clickSound.currentTime = 0; this.clickSound.play(); break; case 'hazard': this.hazardSound.currentTime = 0; this.hazardSound.play(); break; case 'base': this.baseSound.currentTime = 0; this.baseSound.play(); break; case 'planetary': case 'universal': this.planetarySound.currentTime = 0; this.planetarySound.play(); break; case 'apocalypse': this.apocalypseSound.currentTime = 0; this.apocalypseSound.play(); break; } } }; // Initialize loading manager and audio const loadingManager = new THREE.LoadingManager(); window.audioSystem.init(); const textureLoader = new THREE.TextureLoader(loadingManager); const gltfLoader = new GLTFLoader(loadingManager); const objLoader = new OBJLoader(loadingManager); let assetsLoaded = false; // Optionally, add URL remapping if needed loadingManager.setURLModifier((url) => { if (url.includes('Textures/colormap.png')) { return 'https://play.rosebud.ai/assets/3D_playground_character_colormap.png?FaX8'; } return url; }); const parentDiv = document.getElementById('renderDiv'); // Create two columns const leftColumn = document.createElement('div'); leftColumn.style.width = '30%'; leftColumn.style.height = '100%'; leftColumn.style.position = 'absolute'; leftColumn.style.left = '0'; leftColumn.style.top = '0'; const styleSheet = document.createElement('style'); styleSheet.textContent = ` @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); filter: blur(5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } @keyframes glitch { 0% { transform: translate(0); filter: hue-rotate(0deg); } 10% { transform: translate(-2px, 2px); filter: hue-rotate(20deg); } 20% { transform: translate(2px, -2px); filter: hue-rotate(-20deg); } 30% { transform: translate(-2px, -2px); filter: hue-rotate(0deg); } 40% { transform: translate(2px, 2px); filter: hue-rotate(20deg); } 50% { transform: translate(0); filter: hue-rotate(0deg); } 100% { transform: translate(0); filter: hue-rotate(0deg); } } @keyframes staticNoise { 0%, 100% { opacity: 0.05; background-position: 0 0; } 50% { opacity: 0.1; background-position: 100% 100%; } } @keyframes verticalDistortion { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-1px); } 100% { transform: scaleY(1) translateY(0); } } @keyframes scanline { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } @keyframes screenFlicker { 0% { opacity: 1; } 50% { opacity: 0.96; } 100% { opacity: 1; } } @keyframes noise { 0%, 100% { background-position: 0 0; } 10% { background-position: -5% -10%; } 20% { background-position: -15% 5%; } 30% { background-position: 7% -25%; } 40% { background-position: 20% 25%; } 50% { background-position: -25% 10%; } 60% { background-position: 15% 5%; } 70% { background-position: 0% 15%; } 80% { background-position: 25% 35%; } 90% { background-position: -10% 10%; } } @keyframes glow { 0% { box-shadow: 0 0 5px rgba(0, 246, 255, 0.2), inset 0 0 10px rgba(0, 246, 255, 0.1); } 50% { box-shadow: 0 0 20px rgba(0, 246, 255, 0.4), inset 0 0 30px rgba(0, 246, 255, 0.2); } 100% { box-shadow: 0 0 5px rgba(0, 246, 255, 0.2), inset 0 0 10px rgba(0, 246, 255, 0.1); } } @keyframes scanline { 0% { transform: translateY(-100%); background: linear-gradient(to bottom, rgba(0, 246, 255, 0) 0%, rgba(0, 246, 255, 0.1) 50%, rgba(0, 246, 255, 0) 100% ); } 100% { transform: translateY(100%); background: linear-gradient(to bottom, rgba(0, 246, 255, 0) 0%, rgba(0, 246, 255, 0.1) 50%, rgba(0, 246, 255, 0) 100% ); } } @keyframes pulseHolo { 0% { border-color: rgba(0, 246, 255, 0.3); background: rgba(0, 246, 255, 0.05); } 50% { border-color: rgba(0, 246, 255, 0.5); background: rgba(0, 246, 255, 0.1); } 100% { border-color: rgba(0, 246, 255, 0.3); background: rgba(0, 246, 255, 0.05); } } @keyframes nasaGlow { 0% { border-top-color: rgba(255, 123, 55, 0.5); box-shadow: 0 0 15px rgba(0, 98, 190, 0.3); } 50% { border-top-color: rgba(255, 123, 55, 0.8); box-shadow: 0 0 25px rgba(0, 98, 190, 0.5); } 100% { border-top-color: rgba(255, 123, 55, 0.5); box-shadow: 0 0 15px rgba(0, 98, 190, 0.3); } } `; document.head.appendChild(styleSheet); leftColumn.style.cssText = ` width: 30%; height: 100%; position: absolute; left: 0; top: 0; padding: ${UI.theme.spacing.md}; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: ${UI.theme.colors.primary} ${UI.theme.colors.background.dark}; background: ${UI.theme.colors.background.panel}; background-image: linear-gradient(0deg, rgba(8, 24, 48, 0.95) 0%, rgba(4, 12, 24, 0.98) 100%), linear-gradient(90deg, rgba(0, 246, 255, 0.03) 1px, transparent 1px), linear-gradient(0deg, rgba(0, 246, 255, 0.03) 1px, transparent 1px); background-size: 100% 100%, 20px 20px, 20px 20px; color: ${UI.theme.colors.text.primary}; padding: ${UI.theme.spacing.lg}; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: ${UI.theme.colors.primary} ${UI.theme.colors.background.dark}; backdrop-filter: blur(10px); border-right: ${UI.theme.borders.width.thin} solid rgba(0, 246, 255, 0.2); box-shadow: inset 0 0 50px rgba(0, 246, 255, 0.05); `; leftColumn.style.boxSizing = 'border-box'; leftColumn.style.overflowY = 'auto'; leftColumn.style.overflowX = 'hidden'; leftColumn.style.scrollbarWidth = 'thin'; leftColumn.style.scrollbarColor = `${UI.theme.colors.primary} ${UI.theme.colors.background.dark}`; leftColumn.id = 'leftColumn'; const rightColumn = document.createElement('div'); rightColumn.style.width = '70%'; rightColumn.style.height = '100%'; rightColumn.style.position = 'absolute'; rightColumn.style.right = '0'; rightColumn.style.top = '0'; rightColumn.id = 'rightColumn'; // Add tech button container // Create button container const buttonContainer = document.createElement('div'); buttonContainer.style.cssText = ` position: absolute; top: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 1000; `; // Common button styles const commonButtonStyle = ` width: 40px; height: 40px; background: ${UI.theme.colors.button.secondary}; border: ${UI.theme.borders.width.thin} solid rgba(0, 246, 255, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 24px; transition: all 0.3s ease; box-shadow: ${UI.theme.effects.glow.subtle}; `; // Tech button const techButton = document.createElement('div'); techButton.innerHTML = '::'; techButton.style.cssText = commonButtonStyle + 'font-family: "Courier New", monospace;'; techButton.onclick = () => { audioSystem.playSound('click'); openTechMenu(); }; // Info button const infoButton = document.createElement('div'); infoButton.innerHTML = '⚬'; infoButton.style.cssText = commonButtonStyle + 'font-family: "Courier New", monospace;'; infoButton.onclick = () => { audioSystem.playSound('click'); }; // Build button const buildButton = document.createElement('div'); buildButton.innerHTML = '⚀'; buildButton.style.cssText = commonButtonStyle + 'font-family: "Courier New", monospace;'; buildButton.onclick = () => { audioSystem.playSound('click'); openBuildMenu(); }; // Add buttons to container buttonContainer.appendChild(infoButton); buttonContainer.appendChild(techButton); buttonContainer.appendChild(buildButton); // Add container to right column rightColumn.appendChild(buttonContainer); parentDiv.appendChild(leftColumn); parentDiv.appendChild(rightColumn); let canvas = document.getElementById('threeRenderCanvas'); if (!canvas) { canvas = document.createElement('canvas'); canvas.id = 'threeRenderCanvas'; canvas.style.width = '100%'; canvas.style.height = '100%'; rightColumn.appendChild(canvas); } // Create loading screen const loadingScreen = document.createElement('div'); loadingScreen.style.position = 'absolute'; loadingScreen.style.top = '0'; loadingScreen.style.right = '0'; loadingScreen.style.width = '70%'; // Match right column width loadingScreen.style.height = '100%'; loadingScreen.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; loadingScreen.style.color = 'white'; loadingScreen.style.display = 'flex'; loadingScreen.style.justifyContent = 'center'; loadingScreen.style.alignItems = 'center'; loadingScreen.style.fontSize = '24px'; loadingScreen.innerHTML = 'Loading... 0%'; parentDiv.appendChild(loadingScreen); // Loading manager events loadingManager.onProgress = function(url, itemsLoaded, itemsTotal) { const progress = ((itemsLoaded / itemsTotal) * 100).toFixed(0); loadingScreen.innerHTML = `Loading... ${progress}%`; }; loadingManager.onLoad = function() { assetsLoaded = true; loadingScreen.style.display = 'none'; }; loadingManager.onError = function(url) { console.error('Error loading:', url); console.error('Loading manager error details:', { itemsLoaded: loadingManager.itemsLoaded, itemsTotal: loadingManager.itemsTotal, url: url }); }; // Initialize the scene const scene = new THREE.Scene(); // Global rotation speed variable for planet models const planetRotationSpeed = 0.001; // Very slow rotation speed const world = new CANNON.World(); world.gravity.set(0, -20, 0); world.defaultContactMaterial.friction = 0.01; // Reduced global friction world.defaultContactMaterial.restitution = 0; // No bounce by default world.solver.iterations = 10; world.solver.tolerance = 0.001; 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 camera const camera = new THREE.PerspectiveCamera( 75, canvas.offsetWidth / canvas.offsetHeight, 0.1, 1000 ); // Adjusted camera position camera.position.set(0, 15, 30); camera.lookAt(0, 0, 0); // Camera settings for character following const cameraSettings = { offset: new THREE.Vector3(0, 5, 15), smoothSpeed: 0.1, rotationSpeed: 0.5, minPolarAngle: 0.1, maxPolarAngle: Math.PI / 2, minDistance: 8, maxDistance: 30, minFollowDistance: 12, }; // 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.colorSpace = THREE.SRGBColorSpace; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.0; // Reduced from 1.5 // Initialize post-processing const composer = new EffectComposer(renderer); // Regular scene render pass const renderPass = new RenderPass(scene, camera); composer.addPass(renderPass); // Add subtle bloom effect const bloomPass = new UnrealBloomPass( new THREE.Vector2(window.innerWidth, window.innerHeight), 0.5, // Reduced bloom strength from 0.8 0.4, // Slightly reduced radius from 0.5 0.3 // Increased threshold from 0.2 for less bloom effect ); composer.addPass(bloomPass); // Add anti-aliasing const smaaPass = new SMAAPass( window.innerWidth * renderer.getPixelRatio(), window.innerHeight * renderer.getPixelRatio() ); composer.addPass(smaaPass); // Initialize composer size composer.setSize(parentDiv.clientWidth, parentDiv.clientHeight); // Define sky colors for environmental lighting const skyColor = new THREE.Color(0x87ceeb); // Bright sky blue const groundColor = new THREE.Color(0xffffff); // White ground reflection // Set pitch black background scene.background = new THREE.Color(0x000000); // Modify OrbitControls setup const controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.05; controls.screenSpacePanning = false; controls.minPolarAngle = cameraSettings.minPolarAngle; controls.maxPolarAngle = cameraSettings.maxPolarAngle; controls.minDistance = cameraSettings.minDistance; controls.maxDistance = cameraSettings.maxDistance; controls.target = new THREE.Vector3(0, 2, 0); // Create flat terrain function createTerrain() { let terrain; // Load icy texture const texture = textureLoader.load('https://play.rosebud.ai/assets/icytexture.png?wXoT'); texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(1, 1); // Reduced repeat to show more detail texture.colorSpace = THREE.SRGBColorSpace; texture.anisotropy = renderer.capabilities.getMaxAnisotropy(); texture.minFilter = THREE.LinearMipmapLinearFilter; texture.magFilter = THREE.LinearFilter; texture.generateMipmaps = true; // Create material with improved settings const material = new THREE.MeshStandardMaterial({ map: texture, roughness: 0.4, // Reduced roughness for more reflectivity metalness: 0.3, // Increased metalness for more sheen envMapIntensity: 1.5, // Increased environment map intensity normalScale: new THREE.Vector2(1, 1), side: THREE.FrontSide, flatShading: false, }); // Load icy planet model console.log('Loading icy planet model...'); objLoader.load( 'https://play.rosebud.ai/assets/icyplanet.obj?rX1d', (object) => { console.log('OBJ Model loaded successfully:', object); // Modify planet model based on planet type const config = planetConfig[planetType]; object.traverse((child) => { if (child instanceof THREE.Mesh) { child.material = material; child.receiveShadow = true; child.castShadow = true; } }); object.scale.set(...config.modelSettings.scale); object.position.y = config.modelSettings.position.y; object.rotation.y = config.modelSettings.rotation.y; terrain = object; scene.add(terrain); }, // Progress callback (xhr) => { console.log('Loading progress:', (xhr.loaded / xhr.total * 100) + '% loaded'); }, // Error callback (error) => { console.error('Error loading model:', error); } ); // Create physics ground plane const groundShape = new CANNON.Plane(); const groundBody = new CANNON.Body({ mass: 0, material: groundPhysMaterial, }); groundBody.addShape(groundShape); groundBody.quaternion.setFromEuler(-Math.PI / 2, 0, 0); // Rotate the ground plane groundBody.position.set(0, -5, 0); world.addBody(groundBody); return terrain; } // Setup improved lighting system const sunLight = new THREE.DirectionalLight(skyColor, 2.5); // Reduced from 4.0 sunLight.position.set(-50, 100, -50); sunLight.castShadow = true; sunLight.shadow.mapSize.width = 4096; sunLight.shadow.mapSize.height = 4096; sunLight.shadow.camera.near = 10; sunLight.shadow.camera.far = 400; sunLight.shadow.camera.left = -100; sunLight.shadow.camera.right = 100; sunLight.shadow.camera.top = 100; sunLight.shadow.camera.bottom = -100; sunLight.shadow.bias = -0.0005; scene.add(sunLight); // Add hemisphere light to simulate sky and ground bounce light const hemiLight = new THREE.HemisphereLight(skyColor, groundColor, 1.0); // Reduced from 1.6 scene.add(hemiLight); // Add ambient light for better base illumination const ambientLight = new THREE.AmbientLight(0xffffff, 0.3); // Slightly increased from 0.2 scene.add(ambientLight); // ========================= // Character Integration // ========================= // Camera controls update function function updateCamera() { controls.update(); } // ========================= // End of Character Integration // ========================= // Import planet configuration import { planetConfig } from 'https://play.rosebud.ai/assets/planetConfig.js?Gtkk'; let currentPlanet = null; let currentPlanetType = 'icy'; // Default planet function loadPlanetModel(planetType) { if (currentPlanet) { scene.remove(currentPlanet); } const planetData = planetConfig[planetType]; const texture = textureLoader.load(planetData.textureUrl); texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(1, 1); texture.colorSpace = THREE.SRGBColorSpace; texture.anisotropy = renderer.capabilities.getMaxAnisotropy(); const material = new THREE.MeshStandardMaterial({ map: texture, roughness: 0.4, metalness: 0.3, envMapIntensity: 1.5, normalScale: new THREE.Vector2(1, 1), side: THREE.FrontSide, flatShading: false, }); return new Promise((resolve) => { objLoader.load( planetData.modelUrl, (object) => { object.traverse((child) => { if (child instanceof THREE.Mesh) { child.material = material; child.receiveShadow = true; child.castShadow = true; } }); object.scale.set(15, 15, 15); object.position.y = -5; object.rotation.y = Math.PI; currentPlanet = object; scene.add(currentPlanet); updatePlanetInfo(planetType); resolve(object); }, null, (error) => console.error('Error loading planet:', error) ); }); } function updatePlanetInfo(planetType) { const planetData = planetConfig[planetType]; const statsDiv = document.getElementById('planetStats'); statsDiv.innerHTML = `

Temperature: ${planetData.characteristics.temperature}°C

Resources: ${planetData.characteristics.resources.join(', ')}

Challenges: ${planetData.characteristics.challenges.join(', ')}

`; } // Add this to window scope for button onclick handlers window.selectPlanet = function(planetType) { currentPlanetType = planetType; loadPlanetModel(planetType); }; // Create initial scene with default planet loadPlanetModel(currentPlanetType); function animate() { requestAnimationFrame(animate); const deltaTime = Math.min(clock.getDelta(), 0.1); if (assetsLoaded) { world.step(deltaTime); // Rotate the current planet model if it exists if (currentPlanet) { currentPlanet.rotation.y += planetRotationSpeed; } updateCamera(); // Update camera controls } composer.render(); } // Handle window resize function onWindowResize() { const width = rightColumn.clientWidth; const height = rightColumn.clientHeight; // Update camera camera.aspect = width / height; camera.updateProjectionMatrix(); // Update renderer and composer renderer.setSize(width, height); composer.setSize(width, height); // Update post-processing passes bloomPass.resolution.set(width, height); smaaPass.setSize(width, height); } // Add event listeners window.addEventListener('resize', onWindowResize); const resizeObserver = new ResizeObserver(onWindowResize); resizeObserver.observe(rightColumn); // Game state management let gameState = { phase: 'setup', // setup, planetSelection, landing, gameplay dayTimer: null, isPaused: false, lastTimestamp: null, eventSystem: { thresholdEvents: new ColonyThresholdEvents().getEvents(), catastrophicEvents: new CatastrophicEvents().getEvents(), planetaryEvents: planetaryEvents, hazardEvents: { icy: Object.values(hazardicyEvents), volcanic: hazardvolcanicEvents, oceanic: Object.values(hazardoceanicEvents) } }, resourceFlow: { foodPerColonist: 1, // food units consumed per colonist per day (halved from 2) waterPerColonist: 1.5, // water units consumed per colonist per day (halved from 3) baseProduction: { food: 100, // base food production per day water: 150, // base water production per day materials: 5 // base materials production per day }, productionMultiplier: { food: 1, water: 1, materials: 1 } }, colony: { name: '', population: 100, resources: { food: 2000, water: 2000, materials: 600 }, upgrades: { lifeSupportLevel: 1, constructionLevel: 1, researchLevel: 1, emergencyLevel: 1 } }, selectedPlanet: null, currentEvent: null, eventHistory: [], daysPassed: 0, colonyStatus: { morale: 100, infrastructure: 100, research: 0 } }; // Narrative Event System const eventSystem = { // Threshold events are now loaded from external class thresholdEvents: new ColonyThresholdEvents().getEvents(), checkRequirement: function(requirement) { if (requirement.type === 'upgrade') { return gameState.colony.upgrades[requirement.system] >= requirement.level; } return false; }, eventState: { lastEventDay: 0, cooldownDays: 10, activeEvents: new Set(), completedEvents: new Set(), baseEventsHistory: [], // Track last 3 base events resetBaseEventsAfter: 5, // Reset base events history after this many events lastEventType: null, // Track the type of the last event consecutiveEventTypes: 0 // Track how many times same type events occurred }, // Add default threshold values for colony status checks thresholdValues: { morale: 30, infrastructure: 40, research: 75, researchComplete: 100 }, isEventCooldownComplete: function() { const daysSinceLastEvent = gameState.daysPassed - this.eventState.lastEventDay; // Always allow events on 10-day marks or if enough days have passed return gameState.daysPassed % 10 === 0 || daysSinceLastEvent >= this.eventState.cooldownDays; }, generateEvent: function() { console.log('[Event Generation] Starting event generation'); console.log('[Event Generation] Current day:', gameState.daysPassed); console.log('[Event Generation] Active events:', Array.from(this.eventState.activeEvents)); console.log('[Event Generation] Completed events:', Array.from(this.eventState.completedEvents)); console.log('[Event Generation] Base events history:', this.eventState.baseEventsHistory); // Remove cooldown check to allow forced events if (!gameState.selectedPlanet) { console.log('[Event Generation] No planet selected, aborting'); return null; } // Prioritize catastrophic event check if (gameState.daysPassed === 293) { console.log('[Event Generation] Checking for catastrophic event'); const catastrophicEvent = gameState.eventSystem.catastrophicEvents[gameState.selectedPlanet]; if (catastrophicEvent && !this.eventState.completedEvents.has(catastrophicEvent.id)) { console.log('[Event Generation] Catastrophic event found and triggered'); this.eventState.activeEvents.add(catastrophicEvent.id); // Force other events to wait this.eventState.lastEventDay = gameState.daysPassed; return catastrophicEvent; } else { console.log('[Event Generation] No eligible catastrophic event found or already completed'); } } // Create weighted pools for different event types let eventPools = { threshold: [], planetary: [], base: [], hazard: [] }; // Add threshold events const thresholdEvents = gameState.eventSystem.thresholdEvents; for (const [key, event] of Object.entries(thresholdEvents)) { if (event.threshold && gameState.colonyStatus[key] <= event.threshold && !this.eventState.activeEvents.has(event.id) && (!this.eventState.completedEvents.has(event.id) || gameState.daysPassed - this.eventState.lastEventDay > 20)) { eventPools.threshold.push(event); } } // Add hazard events for current planet type console.log('[Event Generation] Selected planet:', gameState.selectedPlanet); const hazardEvents = gameState.eventSystem.hazardEvents[gameState.selectedPlanet]; console.log('[Event Generation] Processing hazard events for planet type:', gameState.selectedPlanet); console.log('[Event Generation] Available hazard events:', hazardEvents); if (Array.isArray(hazardEvents) && hazardEvents.length > 0) { hazardEvents.forEach(event => { if (!this.eventState.activeEvents.has(event.id)) { eventPools.hazard.push(event); console.log('[Event Generation] Added hazard event to pool:', event.id); } }); } else { console.log('[Event Generation] Converting hazard events object to array for planet:', gameState.selectedPlanet); const hazardEventsArray = Object.values(hazardEvents || {}); hazardEventsArray.forEach(event => { if (!this.eventState.activeEvents.has(event.id)) { eventPools.hazard.push(event); console.log('[Event Generation] Added hazard event to pool:', event.id); } }); } // Add planetary events with proper filtering // Access planetary events from the event system instead of planet types console.log('[Universal Events] Loading universal events pool'); console.log('[Universal Events] Available universal events:', Object.keys(UniversalEvents).length); console.log('[Universal Events] Universal events:', UniversalEvents); const planetaryEventList = [ ...gameState.eventSystem.planetaryEvents[gameState.selectedPlanet], ...Object.values(UniversalEvents) ]; console.log('[Universal Events] Combined event list length:', planetaryEventList.length); console.log('[Universal Events] Planet specific events:', gameState.eventSystem.planetaryEvents[gameState.selectedPlanet]); if (planetaryEventList && Array.isArray(planetaryEventList)) { planetaryEventList.forEach(event => { if (!this.eventState.completedEvents.has(event.id) && !this.eventState.activeEvents.has(event.id) && !gameState.eventHistory.some(hist => hist.id === event.id)) { eventPools.planetary.push(event); } }); } // Base events are now loaded from external class const baseEventsInstance = new ColonyBaseEvents(); const currentBaseEvents = baseEventsInstance.getEventsForPlanet(gameState.selectedPlanet); if (currentBaseEvents.length > 0) { currentBaseEvents.forEach(event => { // Allow event if it's not in recent history and not active if (!this.eventState.baseEventsHistory.includes(event.id) && !this.eventState.activeEvents.has(event.id)) { eventPools.base.push(event); } }); // If no base events available, reset history if (eventPools.base.length === 0 && this.eventState.baseEventsHistory.length > 0) { this.eventState.baseEventsHistory = []; const baseEventsInstance = new ColonyBaseEvents(); const planetBaseEvents = baseEventsInstance.getEventsForPlanet(gameState.selectedPlanet) || []; planetBaseEvents.forEach(event => { if (!this.eventState.activeEvents.has(event.id)) { eventPools.base.push(event); } }); console.log('[Event Generation] Reset base events history due to no available events'); } } console.log('[Event Generation] Available events in pools:', { threshold: eventPools.threshold.length, planetary: eventPools.planetary.length, base: eventPools.base.length, hazard: eventPools.hazard.length }); // Select event type based on priority and random chance let selectedEvent = null; const eventWeights = { threshold: 5, // 5% chance if available hazard: 55, // 55% chance if available (reduced by 5%) planetary: 20, // 20% chance if available (increased by 5%) base: 20 // 20% chance if available }; // Calculate total weight of available event types let totalWeight = 0; Object.entries(eventPools).forEach(([type, pool]) => { if (pool.length > 0) { totalWeight += eventWeights[type]; } }); // If there are available events, select one based on weights if (totalWeight > 0) { // Log the pools and their contents console.log('[Event Generation] Detailed pool contents:', { threshold: eventPools.threshold.map(e => e.id), hazard: eventPools.hazard.map(e => e.id), planetary: eventPools.planetary.map(e => e.id), base: eventPools.base.map(e => e.id) }); // First, try to select a hazard event with higher priority if (eventPools.hazard.length > 0 && Math.random() < 0.60) { // 60% chance to pick hazard selectedEvent = eventPools.hazard[Math.floor(Math.random() * eventPools.hazard.length)]; console.log('[Event Generation] Selected hazard event:', selectedEvent.id); } else { // If no hazard event selected, use the weighted selection for other types const roll = Math.random() * (totalWeight - eventWeights.hazard); // Remove hazard weight let accumulator = 0; for (const [type, pool] of Object.entries(eventPools)) { if (type !== 'hazard' && pool.length > 0) { // Skip hazard pool in regular selection accumulator += eventWeights[type]; if (roll <= accumulator) { selectedEvent = pool[Math.floor(Math.random() * pool.length)]; break; } } } } } if (selectedEvent) { console.log('[Event Generation] Selected event:', selectedEvent.id, 'from pool type:', selectedEvent === eventPools.threshold[0] ? 'threshold' : selectedEvent === eventPools.planetary[0] ? 'planetary' : 'base'); this.eventSystem.activeEvents.add(selectedEvent.id); return selectedEvent; } console.log('[Event Generation] No eligible events found'); return null; }, processOutcome: function(choice, event) { if (!choice || !choice.outcome) { return { text: "An error occurred processing the outcome.", success: false }; } const requirement = choice.requirement || null; const meetsRequirement = requirement ? this.checkRequirement(requirement) : true; // If requirements are not met and there's no failure outcome, return a default failure if (!meetsRequirement && !choice.outcome.failure) { return { text: `The colony's ${requirement.system} level is insufficient for this action. The attempt fails, resulting in wasted resources and reduced morale.`, success: false, effects: { morale: -10, resources: { materials: -50, water: -25, food: -25 } } }; } const outcome = meetsRequirement ? choice.outcome.success : choice.outcome.failure; // Only apply effects if the requirements are met or there's no failure outcome // Always process effects regardless of requirements if (outcome.effects) { console.log('[Event System] Processing effects:', outcome.effects); // Process upgrade changes if (outcome.effects.upgrades) { Object.entries(outcome.effects.upgrades).forEach(([system, increase]) => { gameState.colony.upgrades[system] += increase; console.log(`[Event System] Upgrade ${system} increased by ${increase}. New level: ${gameState.colony.upgrades[system]}`); }); } // Process resource changes if (outcome.effects.resources) { Object.entries(outcome.effects.resources).forEach(([resource, amount]) => { const currentValue = gameState.colony.resources[resource] || 0; gameState.colony.resources[resource] = Math.max(0, currentValue + amount); console.log(`[Event System] Resource ${resource} changed by ${amount}. New value: ${gameState.colony.resources[resource]}`); }); } // Process population changes if (typeof outcome.effects.population !== 'undefined') { const currentPop = gameState.colony.population || 0; gameState.colony.population = Math.max(0, currentPop + outcome.effects.population); console.log(`[Event System] Population changed by ${outcome.effects.population}. New value: ${gameState.colony.population}`); } // Process status changes ['morale', 'infrastructure', 'research'].forEach(stat => { if (typeof outcome.effects[stat] !== 'undefined') { const currentValue = gameState.colonyStatus[stat] || 0; gameState.colonyStatus[stat] = Math.min(100, Math.max(0, currentValue + outcome.effects[stat])); console.log(`[Event System] Status ${stat} changed by ${outcome.effects[stat]}. New value: ${gameState.colonyStatus[stat]}`); } }); } // Store the changes (deltas) in outcome for display outcome.effects = { morale: (outcome.effects && outcome.effects.morale) || 0, infrastructure: (outcome.effects && outcome.effects.infrastructure) || 0, research: (outcome.effects && outcome.effects.research) || 0, resources: { food: (outcome.effects && outcome.effects.resources && outcome.effects.resources.food) || 0, water: (outcome.effects && outcome.effects.resources && outcome.effects.resources.water) || 0, materials: (outcome.effects && outcome.effects.resources && outcome.effects.resources.materials) || 0 }, population: (outcome.effects && outcome.effects.population) || 0 }; return { text: outcome.text, success: meetsRequirement }; } }; function updateLeftPanel() { if (gameState.phase === 'setup') { leftColumn.innerHTML = `

Colony Configuration

Colony Name:

Initial Population: ${gameState.colony.population}

Starting Upgrades

${UI.templates.panel('Life Support Systems', `

Current Level: ${gameState.colony.upgrades.lifeSupportLevel}

${UI.templates.button(`Upgrade (Cost: ${gameState.colony.upgrades.lifeSupportLevel * 100} materials)`, "upgradeSystem('lifeSupportLevel')")} `)}

${UI.templates.panel('Construction Equipment', `

Current Level: ${gameState.colony.upgrades.constructionLevel}

${UI.templates.button(`Upgrade (Cost: ${gameState.colony.upgrades.constructionLevel * 100} materials)`, "upgradeSystem('constructionLevel')")} `)}

${UI.templates.panel('Research Facilities', `

Current Level: ${gameState.colony.upgrades.researchLevel}

${UI.templates.button(`Upgrade (Cost: ${gameState.colony.upgrades.researchLevel * 100} materials)`, "upgradeSystem('researchLevel')")} `)}

${UI.templates.panel('Emergency Systems', `

Current Level: ${gameState.colony.upgrades.emergencyLevel}

${UI.templates.button(`Upgrade (Cost: ${gameState.colony.upgrades.emergencyLevel * 100} materials)`, "upgradeSystem('emergencyLevel')")} `)}

Available Resources

Food: ${gameState.colony.resources.food}

Water: ${gameState.colony.resources.water}

Materials: ${gameState.colony.resources.materials}

`; // Add event listeners document.getElementById('colonyName').addEventListener('input', (e) => { gameState.colony.name = e.target.value; }); document.getElementById('populationSlider').addEventListener('input', (e) => { gameState.colony.population = parseInt(e.target.value); updateLeftPanel(); }); } else if (gameState.phase === 'planetSelection') { leftColumn.innerHTML = `

Select Your New Home

${UI.templates.panel('Icy Planet', `

A frozen world with vast fields of ice and mineral deposits. Extreme cold presents challenges, but abundant water resources and rare elements trapped in the ice make it a promising candidate for colonization.

${UI.templates.button('Select Icy Planet', "selectPlanet('icy')", 'button')} `)} ${UI.templates.panel('Oceanic Planet', `

A water world covered in vast oceans. Rich marine resources and potential for aquaculture, but powerful storms and high pressure zones require advanced engineering solutions.

${UI.templates.button('Select Oceanic Planet', "selectPlanet('oceanic')", 'button')} `)} ${UI.templates.panel('Volcanic Planet', `

A molten world pulsing with geothermal energy. Abundant power generation potential and valuable rare minerals, but extreme heat and volatile surface conditions pose significant risks.

${UI.templates.button('Select Volcanic Planet', "selectPlanet('volcanic')", 'button')} `)}

`; } } // Add these functions to window scope for button onclick handlers window.upgradeSystem = function(system) { // Check if we're in setup phase if (gameState.phase !== 'setup') { return; } // Maximum upgrade level during setup const maxSetupLevel = 4; // Check if already at max level if (gameState.colony.upgrades[system] >= maxSetupLevel) { alert('Maximum setup level reached!'); return; } const cost = gameState.colony.upgrades[system] * 100; if (gameState.colony.resources.materials >= cost) { gameState.colony.resources.materials -= cost; gameState.colony.upgrades[system]++; updateLeftPanel(); } else { alert('Not enough materials for upgrade!'); } }; window.proceedToPlanetSelection = function() { if (!gameState.colony.name) { alert('Please name your colony!'); return; } gameState.phase = 'planetSelection'; updateLeftPanel(); }; function processEffectsSummary(effects) { if (!effects) return 'No changes occurred.'; let summary = ''; const addSign = (value) => value > 0 ? '+' + value : value; // Process status changes if (effects.morale !== 0) { summary += `

Colony Morale: ${addSign(effects.morale)}%

`; } if (effects.infrastructure !== 0) { summary += `

Infrastructure: ${addSign(effects.infrastructure)}%

`; } if (effects.research !== 0) { summary += `

Research Progress: ${addSign(effects.research)}%

`; } // Process resource changes if (effects.resources) { Object.entries(effects.resources).forEach(([resource, amount]) => { if (amount !== 0) { summary += `

${resource.charAt(0).toUpperCase() + resource.slice(1)}: ${addSign(amount)}

`; } }); } // Process population changes if (effects.population !== 0) { summary += `

Population: ${addSign(effects.population)}

`; } return summary || 'No significant changes occurred.'; return summary || '

No significant changes to report.

'; } function startEventCycle() { // Initialize event system if not exists if (!eventSystem.eventSystem) { eventSystem.eventSystem = { lastEventDay: 0, cooldownDays: 10, activeEvents: new Set(), completedEvents: new Set() }; } // Clear any existing timers if (window.eventInterval) clearInterval(window.eventInterval); if (window.eventTimeout) clearTimeout(window.eventTimeout); console.log('[Event Cycle] Started with configuration:', { lastEventDay: eventSystem.eventSystem.lastEventDay, cooldownDays: eventSystem.eventSystem.cooldownDays, activeEvents: Array.from(eventSystem.eventSystem.activeEvents), completedEvents: Array.from(eventSystem.eventSystem.completedEvents) }); } async function displayEvent(event) { console.log('[Event Display] Attempting to display event:', event.id); // Play appropriate sound based on event type if (event.type === 'hazard') { audioSystem.playSound('hazard'); } else if (event.type === 'base') { audioSystem.playSound('base'); } else if (event.type === 'planetary' || event.type === 'universal') { audioSystem.playSound('planetary'); } else if (event.type === 'catastrophic') { audioSystem.playSound('apocalypse'); } const existingEvent = document.querySelector('.event-overlay'); if (existingEvent) { console.log('[Event Display] Removing existing event overlay'); existingEvent.remove(); } const eventDiv = document.createElement('div'); eventDiv.className = 'event-overlay'; eventDiv.style = UI.styles.overlay; eventDiv.style.display = 'flex'; eventDiv.style.flexDirection = 'column'; eventDiv.style.alignItems = 'center'; // Add "Do nothing" option only for base and planetary events let eventChoices = [...event.choices]; if (event.type === 'base' || event.type === 'planetary') { eventChoices.push({ text: 'Do nothing', outcome: { success: { text: 'You decide to take no action.', effects: {} // No effects } } }); } // Create initial structure with empty content areas eventDiv.innerHTML = `

${eventChoices.map((choice, index) => ` `).join('')}

`; document.body.appendChild(eventDiv); // Get references to the elements we'll animate const titleElement = document.getElementById('eventTitle'); const descriptionElement = document.getElementById('eventDescription'); const choicesElement = document.getElementById('eventChoices'); // Type out title and description sequentially titleElement.innerHTML = event.title; descriptionElement.innerHTML = event.description; // Show choices immediately choicesElement.style.opacity = '1'; document.body.appendChild(eventDiv); // Add to window scope for button onclick handlers window.makeChoice = function(choiceIndex) { // Click sound now handled by button template console.log('[Event Choice] Processing choice:', choiceIndex); if (choiceIndex < 0 || choiceIndex >= eventChoices.length) { console.error('[Event Choice] Invalid choice index:', choiceIndex); return; } pauseGame(); // Ensure game is paused while showing choice outcome const choice = eventChoices[choiceIndex]; if (!choice) { console.error('Choice not found for index:', choiceIndex); return; } const outcome = eventSystem.processOutcome(choice, event); // Ensure outcome.effects exists with default values outcome.effects = outcome.effects || { infrastructure: gameState.colonyStatus.infrastructure || 0, morale: gameState.colonyStatus.morale || 0, research: gameState.colonyStatus.research || 0, resources: { food: gameState.colony.resources.food || 0, water: gameState.colony.resources.water || 0, materials: gameState.colony.resources.materials || 0 } }; // Immediately update the colony status display updateColonyStatus(); // Show outcome with status changes const effectsSummary = processEffectsSummary(outcome.effects); eventDiv.innerHTML = `

${UI.templates.panel('Event Outcome', `

${outcome.text}

`)} ${UI.templates.panel('Mission Log Analysis', `

Colony Systems: ${ gameState.colonyStatus.infrastructure <= 25 ? 'CRITICAL ALERT: Multiple system failures detected. Emergency protocols activated. Immediate repairs required to prevent catastrophic breakdown.' : gameState.colonyStatus.infrastructure <= 50 ? 'WARNING: System stability compromised. Major maintenance required. Operating at reduced efficiency.' : gameState.colonyStatus.infrastructure <= 75 ? 'System performance at acceptable levels. Routine maintenance recommended to address minor issues.' : 'All systems operating at optimal efficiency. Preventive maintenance schedule in effect.' }

Crew Status: ${ gameState.colonyStatus.morale <= 25 ? 'EMERGENCY: Widespread panic and unrest. Multiple reports of severe psychological distress. Crisis intervention teams deployed.' : gameState.colonyStatus.morale <= 50 ? 'ALERT: Significant stress levels observed. Increased reports of anxiety and conflicts. Implementing additional support measures.' : gameState.colonyStatus.morale <= 75 ? 'Moderate stress levels noted. Community engagement programs showing positive results.' : 'Colony morale excellent. Strong community bonds and positive outlook maintained.' }

Resource Management: ${ (gameState.colony.resources.food < gameState.colony.population * 2 || gameState.colony.resources.water < gameState.colony.population * 3) ? 'CRITICAL: Severe resource shortages detected. Emergency rationing protocols implemented.' : (gameState.colony.resources.food < gameState.colony.population * 5 || gameState.colony.resources.water < gameState.colony.population * 7) ? 'WARNING: Resource levels below recommended threshold. Conservation measures advised.' : (gameState.colony.resources.food < gameState.colony.population * 10 || gameState.colony.resources.water < gameState.colony.population * 12) ? 'Resource levels stable but monitoring advised. Implementing efficiency measures.' : 'Resource distribution optimal. Storage facilities maintaining healthy surplus levels.' }

Research Progress: ${ gameState.colonyStatus.research <= 25 ? `Initial research phase (${gameState.colonyStatus.research}%). Gathering preliminary data on planetary conditions.` : gameState.colonyStatus.research <= 50 ? `Research advancing (${gameState.colonyStatus.research}%). Key breakthroughs in adaptation technologies emerging.` : gameState.colonyStatus.research <= 75 ? `Significant progress (${gameState.colonyStatus.research}%). Advanced colonization techniques being developed.` : `Research nearing completion (${gameState.colonyStatus.research}%). Revolutionary discoveries transforming colony capabilities.` }

`)} ${UI.templates.button('Continue', 'closeEvent()', 'greenButton')}

`; // Update event tracking with proper cleanup eventSystem.eventState.activeEvents.delete(event.id); // Track event completion and type if (outcome.success) { // Only add non-base events to completed events if (event.type !== 'base') { eventSystem.eventState.completedEvents.add(event.id); } // Track event type patterns if (event.type === eventSystem.eventState.lastEventType) { eventSystem.eventState.consecutiveEventTypes++; // Reset completed events if too many of the same type if (eventSystem.eventState.consecutiveEventTypes >= 3) { eventSystem.eventState.completedEvents.clear(); eventSystem.eventState.consecutiveEventTypes = 0; } } else { eventSystem.eventState.lastEventType = event.type; eventSystem.eventState.consecutiveEventTypes = 1; } } // Clear completed events periodically to allow reuse if (gameState.daysPassed % 30 === 0) { eventSystem.eventState.completedEvents.clear(); } eventSystem.eventState.lastEventDay = gameState.daysPassed; // Add event to history with more detailed tracking gameState.eventHistory.push({ id: event.id, day: gameState.daysPassed, type: event.type || 'base', outcome: outcome, success: outcome.success }); console.log('[Event System] Event completed:', { id: event.id, day: gameState.daysPassed, success: outcome.success, activeEvents: Array.from(eventSystem.eventSystem.activeEvents), completedEvents: Array.from(eventSystem.eventSystem.completedEvents) }); // Update the game state display updateLeftPanel(); }; window.closeEvent = function() { console.log('[Event Close] Closing current event'); const eventDiv = document.querySelector('.event-overlay'); if (eventDiv) { eventDiv.remove(); console.log('[Event Close] Event overlay removed'); resumeGame(); // Resume game only after event overlay is removed } // Clear the current event and update game state gameState.currentEvent = null; eventSystem.lastGeneratedEventDay = gameState.daysPassed; // Force an immediate update of the colony status display updateColonyStatus(); console.log('[Event System] Event completed, game state updated'); console.log('[Event System] Current colony status:', gameState.colonyStatus); console.log('[Event System] Current resources:', gameState.colony.resources); }; } window.selectPlanet = function(planetType) { gameState.selectedPlanet = planetType; currentPlanetType = planetType; loadPlanetModel(planetType).then(() => { startLandingSequence(planetType); }); }; function startLandingSequence(planetType) { gameState.phase = 'landing'; const planetData = planetConfig[planetType]; // Create landing sequence overlay const landingDiv = document.createElement('div'); landingDiv.className = 'landing-overlay'; landingDiv.style = UI.styles.overlay; // Landing narrative based on planet type const narratives = { icy: oceanicLandingNarrative.icy, oceanic: oceanicLandingNarrative.oceanic, volcanic: oceanicLandingNarrative.volcanic }; let currentNarrative = 0; const planetNarrative = narratives[planetType]; async function updateNarrative() { const currentNarrativeData = planetNarrative[currentNarrative]; if (!currentNarrativeData) return; landingDiv.innerHTML = `

${UI.templates.button('Skip Landing Sequence', 'window.skipLanding()', 'button')}

${UI.templates.panel(`Landing Sequence: ${planetData.name}`, `

`)}

`; const titleElement = document.getElementById('narrativeTitle'); const textElement = document.getElementById('narrativeText'); const buttonElement = document.getElementById('narrativeButton'); // Hide button while typing buttonElement.style.opacity = '0'; // Type title await typeText(titleElement, currentNarrativeData.title, 40); // Type main text await typeText(textElement, currentNarrativeData.text, 16); // Show button with animation after text is complete buttonElement.innerHTML = currentNarrative < planetNarrative.length - 1 ? UI.templates.button('Continue Landing Sequence', 'nextNarrative()', 'button') : UI.templates.button('Initialize Colony', 'beginColony()', 'greenButton'); buttonElement.style.opacity = '1'; } // Add control functions to window scope function typeText(element, text, speed = 30) { return new Promise(resolve => { let i = 0; element.innerHTML = ''; const timer = setInterval(() => { if (i < text.length) { element.innerHTML += text.charAt(i); i++; } else { clearInterval(timer); resolve(); } }, speed); }); } window.nextNarrative = function() { currentNarrative++; updateNarrative(); }; window.skipLanding = function() { const landingOverlay = document.querySelector('.landing-overlay'); if (landingOverlay) { document.body.removeChild(landingOverlay); } window.beginColony(); }; window.beginColony = function() { const landingOverlay = document.querySelector('.landing-overlay'); if (landingOverlay) { document.body.removeChild(landingOverlay); } gameState.phase = 'gameplay'; // Initialize gameplay by starting event cycle and day timer setTimeout(() => { startEventCycle(); startDayTimer(); }, 1000); // Small delay to ensure UI is updated first // Update UI for gameplay phase leftColumn.innerHTML = `

${gameState.colony.name} Colony

${UI.templates.button('Upgrade Colony Systems', 'openUpgradeMenu()', 'button')}

LIVE FEED: ${gameState.selectedPlanet.toUpperCase()} SECTOR

DAY ${gameState.daysPassed}

Colony Status

Day ${gameState.daysPassed}

Population: ${gameState.colony.population}

Morale: ${gameState.colonyStatus.morale}%

Infrastructure: ${gameState.colonyStatus.infrastructure}%

Research: ${gameState.colonyStatus.research}%

Resources

Food: ${gameState.colony.resources.food}

Water: ${gameState.colony.resources.water}

Materials: ${gameState.colony.resources.materials}

Colony Systems

Life Support: Level ${gameState.colony.upgrades.lifeSupportLevel}

Construction: Level ${gameState.colony.upgrades.constructionLevel}

Research: Level ${gameState.colony.upgrades.researchLevel}

Emergency: Level ${gameState.colony.upgrades.emergencyLevel}

`; }; document.body.appendChild(landingDiv); updateNarrative(); } // Initialize the interface updateLeftPanel(); // Function to update colony status display function updateColonyStatus() { if (gameState.phase === 'gameplay') { const statusDiv = document.getElementById('colonyStatus'); if (statusDiv) { statusDiv.innerHTML = `

Colony Status

${UI.templates.statDisplay('Day', gameState.daysPassed)} ${UI.templates.statDisplay('Population', gameState.colony.population)} ${UI.templates.statDisplay('Morale', gameState.colonyStatus.morale + '%')} ${UI.templates.statDisplay('Infrastructure', gameState.colonyStatus.infrastructure + '%')} ${UI.templates.statDisplay('Research', gameState.colonyStatus.research + '%')}

`; } const resourcesDiv = document.getElementById('resources'); if (resourcesDiv) { resourcesDiv.innerHTML = `

Resources

Food: ${gameState.colony.resources.food}

Water: ${gameState.colony.resources.water}

Materials: ${gameState.colony.resources.materials}

`; } const upgradesDiv = document.getElementById('upgrades'); if (upgradesDiv) { upgradesDiv.innerHTML = `

Colony Systems

${Object.entries(gameState.colony.upgrades) .map(([key, value]) => `

${ key.replace(/Level$/, '').charAt(0).toUpperCase() + key.slice(1).replace(/Level$/, '')}: Level ${value}

` ).join('')}

`; } } } function startDayTimer() { gameState.lastTimestamp = Date.now(); gameState.lastEventTime = Date.now(); gameState.dayTimer = setInterval(() => { if (!gameState.isPaused) { const currentTime = Date.now(); const timeSinceLastEvent = currentTime - gameState.lastEventTime; gameState.daysPassed++; console.log(`[Event Timing] Day ${gameState.daysPassed} started at ${new Date().toISOString()}`); console.log(`[Event Timing] Time since last event: ${Math.floor(timeSinceLastEvent/1000)}s`); // Force event check every 10 days if (gameState.daysPassed % 10 === 0 && !document.querySelector('.event-overlay')) { console.log('[Event Timing] Force check triggered'); console.log('[Event Timing] Day count:', gameState.daysPassed); console.log('[Event Timing] Last event was', gameState.daysPassed - eventSystem.eventState.lastEventDay, 'days ago'); const checkStart = performance.now(); // Reset event tracking periodically to prevent stagnation if (eventSystem.eventState.baseEventsHistory.length >= eventSystem.eventState.resetBaseEventsAfter) { eventSystem.eventState.baseEventsHistory = []; console.log('[Event Cycle] Reset base events history'); } // Clear active events to prevent blocking eventSystem.eventState.activeEvents.clear(); const newEvent = eventSystem.generateEvent(); if (newEvent) { console.log('[Event Cycle] Forced new event generated:', newEvent.id); gameState.currentEvent = newEvent; // Track base events if (newEvent.type === 'base') { eventSystem.eventState.baseEventsHistory.push(newEvent.id); } displayEvent(newEvent); } else { console.log('[Event Cycle] No eligible events available for forced generation'); // If no events available, reset completed events to allow reuse if (eventSystem.eventState.completedEvents.size > 0) { eventSystem.eventState.completedEvents.clear(); console.log('[Event Cycle] Reset completed events due to no available events'); } } } // Process daily resource consumption and production const totalFoodConsumption = gameState.colony.population * gameState.resourceFlow.foodPerColonist; const totalWaterConsumption = gameState.colony.population * gameState.resourceFlow.waterPerColonist; // Calculate base modifiers const infrastructureModifier = gameState.colonyStatus.infrastructure / 100; const lifeSupportBonus = 1 + (gameState.colony.upgrades.lifeSupportLevel * 0.2); // +20% per level // Apply technology effects first Object.values(technologies).forEach(tech => { if (tech.unlocked && typeof tech.applyEffect === 'function') { try { tech.applyEffect(gameState); } catch (error) { console.error(`Error applying tech effect for ${tech.name}:`, error); } } }); // Calculate technology bonuses for resources const techBonuses = Object.values(technologies).reduce((acc, tech) => { if (tech.unlocked && tech.productionBonus) { acc.food += tech.productionBonus.food || 0; acc.water += tech.productionBonus.water || 0; acc.materials += tech.productionBonus.materials || 0; } return acc; }, { food: 0, water: 0, materials: 0 }); // Apply nanorobot repair effect if unlocked if (technologies.nanoRobots.unlocked) { gameState.colonyStatus.infrastructure = Math.min( 100, gameState.colonyStatus.infrastructure + 1 ); } // Calculate final production with all modifiers const foodProduction = Math.floor( (gameState.resourceFlow.baseProduction.food + techBonuses.food) * infrastructureModifier * lifeSupportBonus * gameState.resourceFlow.productionMultiplier.food ); const waterProduction = Math.floor( (gameState.resourceFlow.baseProduction.water + techBonuses.water) * infrastructureModifier * lifeSupportBonus * gameState.resourceFlow.productionMultiplier.water ); const materialsProduction = Math.floor( (gameState.resourceFlow.baseProduction.materials + techBonuses.materials) * infrastructureModifier * lifeSupportBonus * gameState.resourceFlow.productionMultiplier.materials ); // Apply consumption and production gameState.colony.resources.food = Math.max(0, gameState.colony.resources.food + foodProduction - totalFoodConsumption ); gameState.colony.resources.water = Math.max(0, gameState.colony.resources.water + waterProduction - totalWaterConsumption ); gameState.colony.resources.materials = Math.max(0, gameState.colony.resources.materials + materialsProduction ); // Check for resource depletion effects independently let totalMoralePenalty = 0; let totalPopulationLoss = 0; // Food depletion effects if (gameState.colony.resources.food === 0) { totalMoralePenalty += 5; const foodCasualties = Math.ceil(gameState.colony.population * 0.08); // 8% population loss from starvation totalPopulationLoss += foodCasualties; console.log('[Resource Crisis] Food depletion caused', foodCasualties, 'casualties'); } // Water depletion effects if (gameState.colony.resources.water === 0) { totalMoralePenalty += 5; const waterCasualties = Math.ceil(gameState.colony.population * 0.12); // 12% population loss from dehydration totalPopulationLoss += waterCasualties; console.log('[Resource Crisis] Water depletion caused', waterCasualties, 'casualties'); } // Apply cumulative effects if (totalMoralePenalty > 0 || totalPopulationLoss > 0) { gameState.colonyStatus.morale = Math.max(0, gameState.colonyStatus.morale - totalMoralePenalty); gameState.colony.population = Math.max(0, gameState.colony.population - totalPopulationLoss); console.log('[Resource Crisis] Total casualties:', totalPopulationLoss, 'Morale penalty:', totalMoralePenalty); } // Check win/lose conditions if (gameState.colony.population <= 0) { console.log('[Game Over] Colony has been lost - population reached 0'); clearInterval(gameState.dayTimer); showGameOverScreen(false); return; } if (gameState.colony.population >= 200) { console.log('[Game Over] Colony has achieved victory - population reached 200'); clearInterval(gameState.dayTimer); showGameOverScreen(true); return; } // Adjust production multipliers based on planet type switch (gameState.selectedPlanet) { case 'icy': gameState.resourceFlow.productionMultiplier.water = 1.5; // More water from ice gameState.resourceFlow.productionMultiplier.food = 0.8; // Harder to grow food gameState.resourceFlow.productionMultiplier.materials = 1.2; // More materials from mining ice break; case 'oceanic': gameState.resourceFlow.productionMultiplier.water = 2.0; // Abundant water gameState.resourceFlow.productionMultiplier.food = 1.2; // Better for aquaculture gameState.resourceFlow.productionMultiplier.materials = 0.9; // Harder to mine underwater break; case 'volcanic': gameState.resourceFlow.productionMultiplier.water = 0.7; // Water scarce gameState.resourceFlow.productionMultiplier.food = 0.9; // Harder to grow food gameState.resourceFlow.productionMultiplier.materials = 1.5; // Abundant minerals from volcanic activity break; } // No population growth bonus from technology updateColonyStatus(); console.log('[Day Timer] Day:', gameState.daysPassed); // Check for catastrophic events on day 293 // Force check for catastrophic event if (gameState.daysPassed === 293 && !gameState.currentEvent) { console.log('[Event Cycle] Day 27 - Forcing catastrophic event check'); const planetType = gameState.selectedPlanet; const catastrophicEventsInstance = new CatastrophicEvents(); const catastrophicEvent = catastrophicEventsInstance.getEvents()[planetType]; if (catastrophicEvent) { console.log('[Event Cycle] Catastrophic event found - forcing display'); // Clear any pending events eventSystem.eventState.activeEvents.clear(); // Set the catastrophic event gameState.currentEvent = catastrophicEvent; // Force display displayEvent(catastrophicEvent); // Prevent other events from triggering eventSystem.eventState.lastEventDay = gameState.daysPassed; return; // Skip all other event processing } else { console.log('[Event Cycle] No catastrophic event available for planet type:', planetType); } } // Check for event generation based on days passed if (!gameState.currentEvent && !document.querySelector('.event-overlay') && eventSystem.isEventCooldownComplete()) { console.log('[Event Cycle] Checking for new events on day:', gameState.daysPassed); console.log('[Event Cycle] Days since last event:', gameState.daysPassed - eventSystem.lastGeneratedEventDay); const checkStart = performance.now(); // Define checkStart before generating event const newEvent = eventSystem.generateEvent(); if (newEvent) { const generationTime = performance.now() - checkStart; console.log('[Event Timing] Event generation took:', generationTime.toFixed(2), 'ms'); console.log('[Event Timing] New event generated:', newEvent.id, newEvent.title); console.log('[Event Timing] Previous event was at day:', eventSystem.eventState.lastEventDay); console.log('[Event Timing] Days between events:', gameState.daysPassed - eventSystem.eventState.lastEventDay); gameState.currentEvent = newEvent; gameState.lastEventDay = gameState.daysPassed; gameState.lastEventTime = Date.now(); displayEvent(newEvent); } else { console.log('[Event Cycle] No eligible events available'); } } } }, 1000); // 1 second = 1 day } function pauseGame() { console.log('[Game] Pausing game'); gameState.isPaused = true; } function resumeGame() { console.log('[Game] Resuming game'); gameState.isPaused = false; } // Modify event display to pause the game const originalDisplayEvent = displayEvent; displayEvent = function(event) { pauseGame(); originalDisplayEvent(event); }; // Modify event close to resume the game const originalCloseEvent = window.closeEvent; window.closeEvent = function() { originalCloseEvent(); }; // Start animation animate(); // Add upgrade menu functionality window.openUpgradeMenu = function() { pauseGame(); const upgradeDiv = document.createElement('div'); upgradeDiv.className = 'upgrade-overlay'; upgradeDiv.style = UI.styles.overlay; const calculateUpgradeCost = (currentLevel) => { return Math.floor(currentLevel * 150); }; const upgrades = [{ id: 'lifeSupportLevel', title: 'Life Support Systems', description: 'Improves resource production efficiency and colonist survival' }, { id: 'constructionLevel', title: 'Construction Equipment', description: 'Enhances building and repair capabilities' }, { id: 'researchLevel', title: 'Research Facilities', description: 'Improves research capabilities and technological advancement' }, { id: 'emergencyLevel', title: 'Emergency Systems', description: 'Enhances colony survival during critical events' }]; upgradeDiv.innerHTML = `

Upgrade Colony Systems

${upgrades.map(upgrade => UI.templates.upgradeItem( upgrade.title, gameState.colony.upgrades[upgrade.id], upgrade.description, `performUpgrade('${upgrade.id}')`, calculateUpgradeCost(gameState.colony.upgrades[upgrade.id]) ) ).join('')} ${UI.templates.button('Close', 'closeUpgradeMenu()', 'greenButton')}

`; document.body.appendChild(upgradeDiv); }; window.closeUpgradeMenu = function() { const upgradeDiv = document.querySelector('.upgrade-overlay'); if (upgradeDiv) { upgradeDiv.remove(); resumeGame(); } }; function showGameOverScreen(isWin) { pauseGame(); // Play apocalypse sound for game over audioSystem.playSound('apocalypse'); const gameOverDiv = document.createElement('div'); gameOverDiv.style = UI.styles.overlay; // Generate narrative based on planet type and win/loss condition let title, message, details; if (isWin) { title = 'A New Era Begins'; switch (gameState.selectedPlanet) { case 'icy': message = `Against the howling winds and bitter cold of this frozen world, the ${gameState.colony.name} colony has not merely survived - it has flourished. From the initial ${gameState.daysPassed} challenging days to reaching ${gameState.colony.population} colonists, your people have mastered the art of living among the ice fields, transforming crystalline caves into thriving habitats and harvesting the planet's frozen bounty.`; break; case 'oceanic': message = `Rising from the endless seas like a beacon of human perseverance, the ${gameState.colony.name} colony has grown from a precarious floating outpost to a marvel of aquatic engineering. ${gameState.colony.population} souls now call these waters home, their floating cities and underwater habitats a testament to humanity's adaptability.`; break; case 'volcanic': message = `In the shadow of endless volcanic activity, your colony of ${gameState.colony.population} brave souls has forged a new civilization. The ${gameState.colony.name} colony stands as an impossibility made real - a thriving community amid rivers of molten rock, harnessing the raw power of this world to fuel humanity's next great leap.`; break; } details = `Your leadership has guided ${gameState.colony.name} through ${gameState.daysPassed} days of challenges and triumphs. Each passing day brought new obstacles, yet your colonists persevered, their determination unwavering. Research teams have made groundbreaking discoveries, reaching ${gameState.colonyStatus.research}% completion in their initiatives, while the colony's infrastructure evolved and adapted to this alien environment. As your community grew stronger, reaching ${gameState.colony.population} souls, the impossible dream of establishing a permanent human presence on this distant world became reality. The success of ${gameState.colony.name} marks a pivotal moment in human history, proving that with courage, ingenuity, and unity, there are no limits to what we can achieve. The stars themselves seem to shine brighter now, beckoning humanity toward countless new horizons. The legacy of ${gameState.colony.name} will forever stand as a testament to the indomitable spirit of human exploration and determination.`; } else { title = 'The Final Log Entry'; let causeOfFail = ''; // Determine cause of failure based on resource states if (gameState.colony.resources.food === 0 && gameState.colony.resources.water === 0) { causeOfFail = 'critical resource depletion'; } else if (gameState.colony.resources.food === 0) { causeOfFail = 'starvation'; } else if (gameState.colony.resources.water === 0) { causeOfFail = 'dehydration'; } else if (gameState.colonyStatus.infrastructure < 20) { causeOfFail = 'catastrophic system failure'; } else { causeOfFail = 'mounting catastrophes'; } switch (gameState.selectedPlanet) { case 'icy': message = `The bitter cold of this frozen world has claimed its final victims. After ${gameState.daysPassed} days of struggle, the ${gameState.colony.name} colony has fallen silent. The last transmissions spoke of ${causeOfFail}, as the relentless ice slowly reclaimed our structures. The remaining emergency beacons flash weakly across the frozen wasteland, marking the final resting place of humanity's ambitious dream.`; break; case 'oceanic': message = `Beneath the endless waves, the ${gameState.colony.name} colony's lights have gone dark. ${gameState.daysPassed} days of fighting against the crushing depths ended in ${causeOfFail}. The ocean's constant motion now rocks empty habitats, while automated distress signals echo unanswered through the vast waters, a memorial to those who dared to make these depths their home.`; break; case 'volcanic': message = `In the end, the fury of this volcanic hell proved unsurmountable. The ${gameState.colony.name} colony, after ${gameState.daysPassed} days of defying the impossible, succumbed to ${causeOfFail}. The last colony structures stand as obsidian tombstones, slowly being consumed by the ever-flowing rivers of molten rock, a stark reminder of the thin line between ambition and hubris.`; break; } // Get the last event from history const lastEvent = gameState.eventHistory[gameState.eventHistory.length - 1] || { id: 'unknown_catastrophe', type: 'catastrophic', outcome: { text: 'The final moments of the colony were lost to history.' } }; let finalMoments; if (lastEvent.type === 'catastrophic') { finalMoments = lastEvent.outcome.text; } else { finalMoments = `The colony's final challenge - ${lastEvent.outcome.text}`; } details = `Emergency Beacon Recording - Final Log Entry [Day ${gameState.daysPassed}, ${(gameState.daysPassed % 24).toString().padStart(2, '0')}:00 Colony Time] The last transmissions from ${gameState.colony.name} tell a story of resilience and determination. ${finalMoments} In our final moments, as the emergency systems failed one by one, we realized that even our best preparations couldn't guarantee survival in this harsh environment. The dream of establishing ${gameState.colony.name} may have ended, but the data we've collected, the lessons we've learned, will be invaluable for future missions. To those who find this record: Learn from our experiences. The stars still beckon, and humanity must continue to reach for them, despite the risks. Our sacrifice was not in vain if it helps pave the way for future colonies. May our story serve as both a warning and an inspiration for those who follow. Final transmission ends. [Emergency Beacon Alpha-${Math.floor(Math.random() * 999).toString().padStart(3, '0')} continues broadcasting]`; } gameOverDiv.innerHTML = `

${UI.templates.panel(title, `

${message}

Mission Report

${details}

${UI.templates.button('Begin New Expedition', 'window.location.reload()', 'greenButton')} `)}

`; document.body.appendChild(gameOverDiv); } window.performUpgrade = function(system) { // Click sound now handled by button template const currentLevel = gameState.colony.upgrades[system]; const cost = Math.floor(currentLevel * 150); // Same cost calculation as display if (gameState.colony.resources.materials >= cost) { gameState.colony.resources.materials -= cost; gameState.colony.upgrades[system]++; // Update the upgrade menu to show new levels and costs openUpgradeMenu(); // Update the main game display updateColonyStatus(); } else { alert('Not enough materials for upgrade!'); } }; // Define technologies const technologies = { culturalCenters: { id: 'culturalCenters', name: 'Cultural Centers', description: 'Community spaces that promote social interaction and cultural expression.', effect: 'Increases colony morale by 1% per day', requirements: { researchProgress: 30, materials: 250 }, applyEffect: function(gameState) { if (this.unlocked) { gameState.colonyStatus.morale = Math.min( 100, gameState.colonyStatus.morale + 1 ); } }, unlocked: false }, cloningTech: { id: 'cloningTech', name: 'Cloning Technology', description: 'Advanced biological replication systems for population growth.', effect: 'Increases colony population by 1% per day', requirements: { researchProgress: 100, materials: 600 }, applyEffect: function(gameState) { if (this.unlocked) { // Calculate population increase (1% of current population) const populationIncrease = Math.ceil(gameState.colony.population * 0.005); // Check if we have enough resources to support population growth const canSupportGrowth = gameState.colony.resources.food >= populationIncrease * gameState.resourceFlow.foodPerColonist * 2 && gameState.colony.resources.water >= populationIncrease * gameState.resourceFlow.waterPerColonist * 2; // Only increase population if we can support it and haven't reached victory condition if (canSupportGrowth && gameState.colony.population < 200) { gameState.colony.population += populationIncrease; console.log(`[Population Growth] Added ${populationIncrease} colonists. New population: ${gameState.colony.population}`); } } }, unlocked: false }, nanoRobots: { id: 'nanoRobots', name: 'Nanorobot Assembler', description: 'Self-replicating nanobots that continuously repair colony infrastructure.', effect: 'Repairs 1% of infrastructure health per day', requirements: { researchProgress: 70, materials: 400 }, unlocked: false } }; window.openTechMenu = function() { pauseGame(); const techDiv = document.createElement('div'); techDiv.className = 'tech-overlay'; techDiv.style = `${UI.styles.overlay}; display: flex; justify-content: center; align-items: flex-start; padding: 40px 20px;`; techDiv.innerHTML = `

Colony Technologies

${Object.values(technologies).map(tech => `

${tech.name}

${tech.description}

Effect: ${tech.effect}

Requirements:

Materials: ${tech.requirements.materials}
Research Progress: ${tech.requirements.researchProgress}%

${tech.unlocked ? `

Technology Unlocked

` : `` }

`).join('')} ${UI.templates.button('Close', 'closeTechMenu()', 'greenButton')}

`; document.body.appendChild(techDiv); }; window.closeTechMenu = function() { const techDiv = document.querySelector('.tech-overlay'); if (techDiv) { techDiv.remove(); resumeGame(); } }; function checkTechRequirements(tech) { return ( gameState.colony.resources.materials >= tech.requirements.materials && gameState.colonyStatus.research >= tech.requirements.researchProgress ); } window.openBuildMenu = function() { pauseGame(); const buildDiv = document.createElement('div'); buildDiv.className = 'build-overlay'; buildDiv.style = UI.styles.overlay; const repairCost = 150; const repairAmount = 10; const canRepair = gameState.colony.resources.materials >= repairCost && gameState.colonyStatus.infrastructure < 100; buildDiv.innerHTML = `

${UI.templates.panel('Colony Infrastructure', `

Current Infrastructure Health: ${gameState.colonyStatus.infrastructure}%

Repair 10% of infrastructure health for 150 materials.

${canRepair ? UI.templates.button('Repair Infrastructure', 'repairInfrastructure()', 'button') : `

${gameState.colonyStatus.infrastructure >= 100 ? 'Infrastructure is at maximum health.' : 'Not enough materials for repairs.'}

` } `)} ${UI.templates.button('Close', 'closeBuildMenu()', 'greenButton')}

`; document.body.appendChild(buildDiv); }; window.closeBuildMenu = function() { const buildDiv = document.querySelector('.build-overlay'); if (buildDiv) { buildDiv.remove(); resumeGame(); } }; window.repairInfrastructure = function() { const repairCost = 150; const repairAmount = 10; if (gameState.colony.resources.materials >= repairCost && gameState.colonyStatus.infrastructure < 100) { gameState.colony.resources.materials -= repairCost; gameState.colonyStatus.infrastructure = Math.min( 100, gameState.colonyStatus.infrastructure + repairAmount ); // Play sound and update displays audioSystem.playSound('base'); updateColonyStatus(); openBuildMenu(); // Refresh the build menu } }; window.unlockTechnology = function(techId) { const tech = technologies[techId]; if (!tech || tech.unlocked || !checkTechRequirements(tech)) return; gameState.colony.resources.materials -= tech.requirements.materials; tech.unlocked = true; // Apply production bonuses immediately if they exist if (tech.productionBonus) { if (tech.productionBonus.food) { gameState.resourceFlow.productionMultiplier.food += tech.productionBonus.food; } if (tech.productionBonus.water) { gameState.resourceFlow.productionMultiplier.water += tech.productionBonus.water; } if (tech.productionBonus.materials) { gameState.resourceFlow.productionMultiplier.materials += tech.productionBonus.materials; } } audioSystem.playSound('planetary'); openTechMenu(); // Refresh the menu updateColonyStatus(); // Update the main display };