import * as THREE from 'three'; import { ResourceManager } from 'resourceLogic'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { MainMenu } from 'mainMenu'; import { ColonyThresholdEvents } from 'colonyThresholdEvents'; import { oceanicLandingNarrative } from 'oceanicLandingNarrative'; import { ColonyBaseEvents } from 'colonyBaseEvents'; import { ResultWindow } from 'ResultWindow'; import { hazardicyEvents } from 'hazardicyEvents'; import { hazardvolcanicEvents } from 'hazardvolcanicEvents'; import { hazardoceanicEvents } from 'hazardoceanicEvents'; import { CatastrophicEvents } from 'catastrophicEvents'; import { planetaryEvents } from 'planetaryEvents'; import { UniversalEvents } from 'universalEvents'; import moraleEvents from 'moraleEvents'; 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'; import { theme } from 'uiTheme'; class UISystem { constructor() { // Update theme with Tomorrow Light font this.theme = { ...theme, typography: { ...theme.typography, mono: { ...theme.typography.mono, family: "'Tomorrow Light', 'Courier New', monospace" }, base: { ...theme.typography.base, family: "'Tomorrow Light', 'Courier New', monospace" } } }; this.styles = this.initStyles(); this.templates = this.initTemplates(); } initStyles() { return { container: ` padding: ${theme.spacing.md}; color: ${theme.colors.text.primary}; font-family: 'Tomorrow Light', ${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: 'Tomorrow Light', ${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: 'Tomorrow Light', ${theme.typography.mono.family}; transition: all 0.3s ease; &:hover { filter: brightness(1.2); } `, 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); ` }; } initTemplates() { return { button: (text, onClick, style = 'button') => ` `, panel: (title, content) => `

${title}

${content}

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

${label}: ${value}

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

${title} (Level ${level})

${description}

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

`, planetScreen: (selectedPlanet, daysPassed) => `

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

DAY ${daysPassed}

` }; } createStyleSheet() { 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%, 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%, 100% { opacity: 1; } 50% { opacity: 0.96; } } `; return styleSheet; } renderGameplayScreen(gameState, leftColumn) { leftColumn.innerHTML = `

${gameState.colony.name} Colony

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

${this.templates.planetScreen(gameState.selectedPlanet, gameState.daysPassed)} ${this.templates.panel('Colony Status', ` ${this.templates.statDisplay('Day', gameState.daysPassed)} ${this.templates.statDisplay('Population', gameState.colony.population)} ${this.templates.statDisplay('Morale', gameState.colonyStatus.morale + '%')} ${this.templates.statDisplay('Infrastructure', gameState.colonyStatus.infrastructure + '%')} ${this.templates.statDisplay('Research', gameState.colonyStatus.research + '%')} `)} ${this.templates.resourceDisplay(gameState.colony.resources)} ${this.templates.panel('Colony Systems', Object.entries(gameState.colony.upgrades) .map(([key, value]) => this.templates.statDisplay( key.replace(/Level$/, '').charAt(0).toUpperCase() + key.slice(1).replace(/Level$/, ''), `Level ${value}` )).join('') )}

`; } } const UI = new UISystem(); import audioSystem from 'AudioSystem'; window.audioSystem = audioSystem; // Load and play background soundtrack const backgroundMusic = new Audio('https://play.rosebud.ai/assets/soundtrack.mp3?mKXg'); backgroundMusic.loop = true; backgroundMusic.volume = 0.3; // Set to 30% volume to not overpower sound effects backgroundMusic.addEventListener('canplaythrough', () => { console.log('[Audio] Background soundtrack loaded and ready'); }); // Add music controls to window for global access window.backgroundMusic = backgroundMusic; // Start music after user interaction (to comply with autoplay policies) document.addEventListener('click', function startMusicOnInteraction() { if (backgroundMusic.paused) { backgroundMusic.play().catch(err => { console.warn('[Audio] Could not play background music:', err); }); } // Remove listener after first interaction document.removeEventListener('click', startMusicOnInteraction); }, { once: true }); const loadingManager = new THREE.LoadingManager(); const textureLoader = new THREE.TextureLoader(loadingManager); const gltfLoader = new GLTFLoader(loadingManager); const objLoader = new OBJLoader(loadingManager); let assetsLoaded = false; 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'); 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 = ` @font-face { font-family: 'Tomorrow Light'; src: url('https://play.rosebud.ai/assets/Tomorrow-Light.ttf?hVw8') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } body { font-family: 'Tomorrow Light', 'Courier New', monospace; } @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'; // Create fullscreen toggle button in bottom left corner const fullscreenToggleBtn = document.createElement('div'); fullscreenToggleBtn.id = 'fullscreenToggleBtn'; fullscreenToggleBtn.innerHTML = '⛶'; // Unicode fullscreen icon fullscreenToggleBtn.style.cssText = ` position: fixed; bottom: 15px; right: 15px; 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; font-family: 'Tomorrow Light', ${UI.theme.typography.mono.family}; transition: all 0.3s ease; box-shadow: ${UI.theme.effects.glow.subtle}; z-index: 1001; `; fullscreenToggleBtn.onclick = () => { audioSystem.playSound('click'); toggleFullScreen(); }; document.body.appendChild(fullscreenToggleBtn); 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'; const buttonContainer = document.createElement('div'); buttonContainer.style.cssText = ` position: absolute; top: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 1000; `; 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; font-family: 'Tomorrow Light', ${UI.theme.typography.mono.family}; transition: all 0.3s ease; box-shadow: ${UI.theme.effects.glow.subtle}; `; const techButton = document.createElement('div'); techButton.innerHTML = '::'; techButton.style.cssText = commonButtonStyle; techButton.onclick = () => { audioSystem.playSound('click'); openTechMenu(); }; const repairButton = document.createElement('div'); repairButton.innerHTML = '⚙'; repairButton.style.cssText = commonButtonStyle; repairButton.onclick = () => { audioSystem.playSound('click'); openRepairMenu(); }; const infoButton = document.createElement('div'); infoButton.innerHTML = '⚬'; infoButton.style.cssText = commonButtonStyle; infoButton.onclick = () => { audioSystem.playSound('click'); }; buttonContainer.appendChild(infoButton); buttonContainer.appendChild(repairButton); buttonContainer.appendChild(techButton); 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); } const loadingScreen = document.createElement('div'); loadingScreen.style.position = 'absolute'; loadingScreen.style.top = '0'; loadingScreen.style.right = '0'; loadingScreen.style.width = '70%'; // Match right column widt 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); 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 }); }; import { SceneSetup } from 'SceneSetup'; const planetRotationSpeed = 0.001; const world = new CANNON.World(); world.gravity.set(0, -20, 0); world.defaultContactMaterial.friction = 0.01; world.defaultContactMaterial.restitution = 0; world.solver.iterations = 10; world.solver.tolerance = 0.001; function randomBetween(min, max) { return Math.random() * (max - min) + min; } const groundPhysMaterial = new CANNON.Material('ground'); const clock = new THREE.Clock(); // Initialize scene setup const sceneSetup = new SceneSetup(canvas); const { scene, camera, renderer, composer } = sceneSetup; function updateCamera() { controls.update(); } import { planetConfig } from 'planetConfig'; 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: planetData.materialSettings.roughness, metalness: planetData.materialSettings.metalness, envMapIntensity: planetData.materialSettings.envMapIntensity, normalScale: new THREE.Vector2(1, 1), side: THREE.FrontSide, flatShading: false, }); // Special texture handling for gas giant if (planetType === 'gas') { // Complete texture configuration for gas giant texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(2, 1); texture.offset.set(0, 0); texture.center.set(0.5, 0.5); texture.rotation = Math.PI / 4; // 45-degree rotation material.transparent = true; material.opacity = 0.95; material.envMapIntensity = 2.5; material.roughness = 0.2; material.metalness = 0.5; } 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(', ')}

`; } window.selectPlanet = function(planetType) { // Keep planetType consistent for both display and events currentPlanetType = planetType === 'gasGiant' ? 'gas' : planetType; gameState.selectedPlanet = currentPlanetType; loadPlanetModel(currentPlanetType); }; 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; } sceneSetup.update(); } sceneSetup.render(); } // Handle window resize // Remove the onWindowResize function and its event listeners since they're now handled in SceneSetup import gameState from 'GameState'; // Narrative Event System const eventSystem = { // Threshold events are now loaded from external class thresholdEvents: new ColonyThresholdEvents().getEvents(), checkRequirement: function(requirement) { // Check for both types of requirements (with or without type field) if (requirement.type === 'upgrade' || requirement.system) { const systemName = requirement.system; const requiredLevel = requirement.level; // Ensure the system exists in gameState upgrades if (systemName && typeof gameState.colony.upgrades[systemName] !== 'undefined') { return gameState.colony.upgrades[systemName] >= requiredLevel; } } // Default to false if no valid requirement check could be performed 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'); } } // Check for morale events first as a priority const moraleEvent = moraleEvents.checkForTriggerableEvents(gameState); if (moraleEvent && !this.eventState.activeEvents.has(moraleEvent.id)) { console.log('[Event Generation] Morale event triggered with priority:', moraleEvent.id); this.eventState.activeEvents.add(moraleEvent.id); return moraleEvent; } // 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); // Import and add gas giant hazard events if not already present if (!gameState.eventSystem.hazardEvents.gasGiant) { gameState.eventSystem.hazardEvents.gasGiant = Object.values(hazardgasGiantEvents); } // Standardize gas giant planet type name const planetType = gameState.selectedPlanet === 'gas' ? 'gasGiant' : gameState.selectedPlanet; const hazardEvents = gameState.eventSystem.hazardEvents[planetType]; 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); // Safely handle planetary events let planetaryEventList = []; // Get planet-specific events if they exist const planetEvents = gameState.eventSystem.planetaryEvents[gameState.selectedPlanet]; if (planetEvents && Array.isArray(planetEvents)) { planetaryEventList = [...planetEvents]; } // Add universal events if (UniversalEvents) { planetaryEventList = [...planetaryEventList, ...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: 40, // 40% chance if available (reduced to make room for morale) planetary: 25, // 25% chance if available base: 20, // 20% chance if available morale: 10 // 10% chance for morale events }; // 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) { // Validate input parameters if (!choice || !choice.outcome) { console.error('[Event System] Invalid choice or missing outcome:', choice); return { text: "An error occurred processing the outcome.", success: false }; } // Check if there's a requirement for this choice const requirement = choice.requirement || null; // Determine if requirements are met using the fixed checkRequirement function const meetsRequirement = requirement ? this.checkRequirement(requirement) : true; console.log('[Event System] Processing choice with requirement:', requirement); console.log('[Event System] Requirements met:', meetsRequirement); // If requirements are met, always use success outcome // If not met, use failure outcome if available let outcome; let isSuccess = meetsRequirement; if (isSuccess) { // When requirements are met, always use success outcome outcome = choice.outcome.success; console.log('[Event System] Using success outcome'); } else if (choice.outcome.failure) { // When requirements are not met and there's a failure outcome outcome = choice.outcome.failure; console.log('[Event System] Using failure outcome'); } else { // When requirements are not met and there's no failure outcome // Return a default failure with appropriate messaging console.log('[Event System] No failure outcome defined, using default'); return { text: `The colony's ${requirement ? requirement.system + ' level' : 'technology'} 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 } } }; } // Process effects from the selected outcome if (outcome.effects) { console.log('[Event System] Applying outcome effects:', 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() { // Check if we're in the main menu const mainMenuElement = document.getElementById('mainMenuContainer'); if (mainMenuElement) { return; // Don't update left panel when main menu is active } if (gameState.phase === 'setup') { leftColumn.innerHTML = `

Colony Configuration

Colony Name:

Initial Population: 100

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; }); // Set population to fixed 100 gameState.colony.population = 100; } 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')} `)} ${UI.templates.panel('Desertic Planet', `

A harsh desert world with endless dunes and rocky outcrops. Solar power potential is immense, but extreme temperature fluctuations and scarce water resources present significant survival challenges.

${UI.templates.button('Select Desertic Planet', "selectPlanet('desertic')", 'button')} `)} ${UI.templates.panel('Gas Giant', `

A massive planet with dense atmospheric layers rich in valuable gases. Floating cities harvest abundant energy and exotic materials, but extreme pressures and violent storms create constant dangers.

${UI.templates.button('Select Gas Giant', "selectPlanet('gas')", '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) { // Add visual indicator instead of alert const nameInput = document.getElementById('colonyName'); nameInput.style.border = '2px solid #ff4c4c'; nameInput.style.boxShadow = '0 0 8px rgba(255, 76, 76, 0.7)'; // Add error message const errorMsg = document.getElementById('colonyNameError'); if (!errorMsg) { const msg = document.createElement('div'); msg.id = 'colonyNameError'; msg.style.color = '#ff4c4c'; msg.style.fontSize = '14px'; msg.style.marginTop = '5px'; msg.innerHTML = 'Colony name required!'; nameInput.parentNode.appendChild(msg); } // Play error sound audioSystem.playSound('click'); // Remove error styling after 3 seconds setTimeout(() => { nameInput.style.border = ''; nameInput.style.boxShadow = ''; const errorMsg = document.getElementById('colonyNameError'); if (errorMsg) errorMsg.remove(); }, 3000); return; } gameState.phase = 'planetSelection'; updateLeftPanel(); }; // Remove the processEffectsSummary function as it's now handled by ResultWindow 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) { 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); // Immediately update the colony status display updateColonyStatus(); // Use the new ResultWindow class to display the outcome const resultWindow = new ResultWindow(UI, gameState, audioSystem); resultWindow.displayOutcome(outcome, eventDiv); // 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(() => { // Keep the planetType as is for the landing sequence 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, desertic: oceanicLandingNarrative.desertic, gas: oceanicLandingNarrative.gasGiant }; 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', 'window.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 window.updateColonyStatus = function() { if (gameState.phase === 'gameplay') { UI.renderGameplayScreen(gameState, leftColumn); } } 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'); } } } // 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); } } }); // Apply nanorobot repair effect if unlocked if (technologies.nanoRobots.unlocked) { gameState.colonyStatus.infrastructure = Math.min( 100, gameState.colonyStatus.infrastructure + 1 ); } // Only check for morale events if one wasn't already triggered in event generation // This serves as a fallback if the main event generation didn't pick a morale event if (gameState.colonyStatus.morale < 30 && !document.querySelector('.event-overlay') && !gameState.currentEvent) { const moraleEvent = moraleEvents.checkForTriggerableEvents(gameState); if (moraleEvent) { console.log('[Morale System] Triggering critical morale event:', moraleEvent.id); gameState.currentEvent = moraleEvent; gameState.lastEventTime = Date.now(); displayEvent(moraleEvent); pauseGame(); } } // Process resources using ResourceManager const resourceManager = new ResourceManager(gameState); const crisisEffects = resourceManager.processDailyResources(); // Apply crisis effects if any if (crisisEffects.moralePenalty > 0 || crisisEffects.populationLoss > 0) { gameState.colonyStatus.morale = Math.max(0, gameState.colonyStatus.morale - crisisEffects.moralePenalty); gameState.colony.population = Math.max(0, gameState.colony.population - crisisEffects.populationLoss); if (crisisEffects.populationLoss > 0) { console.log('[Resource Crisis] Total casualties:', crisisEffects.populationLoss, 'Morale penalty:', crisisEffects.moralePenalty); } } // 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; } // 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 293 - 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; } window.pauseGame = pauseGame; function resumeGame() { console.log('[Game] Resuming game'); gameState.isPaused = false; } window.resumeGame = resumeGame; // 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(); }; // Auto toggle full screen on startup function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen().catch(err => { console.error(`Error attempting to enable full-screen mode: ${err.message}`); }); // Update button to show "exit fullscreen" icon when in fullscreen const fullscreenBtn = document.getElementById('fullscreenToggleBtn'); if (fullscreenBtn) fullscreenBtn.innerHTML = '⛶'; } else { if (document.exitFullscreen) { document.exitFullscreen().catch(err => { console.error(`Error attempting to exit full-screen mode: ${err.message}`); }); // Update button to show "enter fullscreen" icon when not in fullscreen const fullscreenBtn = document.getElementById('fullscreenToggleBtn'); if (fullscreenBtn) fullscreenBtn.innerHTML = '⛶'; } } } // Attempt to enter full screen after user interaction document.addEventListener('click', function fullScreenOnClick() { toggleFullScreen(); // Remove the event listener after first click to avoid repeated attempts document.removeEventListener('click', fullScreenOnClick); }, { once: true }); // Start animation animate(); import { UpgradeMenu } from 'UpgradeMenu'; import { RepairMenu } from 'RepairMenu'; import { EndgameEvents } from 'endgameEvents'; // Initialize the upgrade menu const upgradeMenu = new UpgradeMenu(UI, gameState, window.audioSystem); upgradeMenu.init(); // Initialize the repair menu const repairMenu = new RepairMenu(UI, gameState, window.audioSystem); repairMenu.init(); function showGameOverScreen(isWin) { pauseGame(); audioSystem.playSound('apocalypse'); const gameOverDiv = document.createElement('div'); gameOverDiv.style = UI.styles.overlay; const endgameEvents = new EndgameEvents(); const { title, message, details } = endgameEvents.getEndgameContent(gameState, isWin); gameOverDiv.innerHTML = `

${UI.templates.panel(title, `

${message}

Mission Report

Colony Population Goal: 200

${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 cos openUpgradeMenu(); // Update the main game display updateColonyStatus(); } else { alert('Not enough materials for upgrade!'); } }; import { TechnologySystem, technologies } from 'TechnologySystem'; // Initialize the technology system const techSystem = new TechnologySystem(UI, gameState, window.audioSystem); window.techSystem = techSystem; // Update tech button click handler techButton.onclick = () => { audioSystem.playSound('click'); techSystem.openTechMenu(); }; // Initialize the main menu when the game starts const mainMenu = new MainMenu(); mainMenu.init(); // Make updateLeftPanel available globally window.updateLeftPanel = updateLeftPanel;