import * as THREE from 'three'; let scene, camera, renderer, audioListener, sound, audioLoader, uiClickSound, successSound, failSound, ambientGameSound; let spriteMesh, twinklingStars, shootingStars; let leftBracketGroup, rightBracketGroup, neonBracketMaterial; let paginationDotsGroup, paginationDotMeshes = [], dotMaterialEmpty, dotMaterialFilled; let healthDisplayGroup; const dnaHelices = []; // To store references to the three helix meshes const NUM_HEALTH_HELICES = 3; let playerHealth = NUM_HEALTH_HELICES; // Player's current health let gameMusicShouldBePlaying = false; // State to track if music should be playing const NUM_PAGINATION_DOTS = 5; const PAGINATION_DOT_RADIUS = 0.04; const PAGINATION_DOT_SPACING = 0.12; // Center-to-center spacing const PAGINATION_DOT_Y_OFFSET = 0.15; // Vertical offset above the planet's top edge // Removed fadeState and newPlanetTexture global variables const allPlanetAssetUrls = [ 'https://play.rosebud.ai/assets/planet_0.png?YNuC', 'https://play.rosebud.ai/assets/planet_1.png?uIYO', 'https://play.rosebud.ai/assets/planet_10.png?EC4E', 'https://play.rosebud.ai/assets/planet_100.png?4Ls5', 'https://play.rosebud.ai/assets/planet_101.png?ajLe', 'https://play.rosebud.ai/assets/planet_102.png?0o5x', 'https://play.rosebud.ai/assets/planet_103.png?slRt', 'https://play.rosebud.ai/assets/planet_104.png?u3F5', 'https://play.rosebud.ai/assets/planet_105.png?4tcp', 'https://play.rosebud.ai/assets/planet_106.png?bTUm', 'https://play.rosebud.ai/assets/planet_107.png?3gr9', 'https://play.rosebud.ai/assets/planet_108.png?0PQs', 'https://play.rosebud.ai/assets/planet_109.png?WlbR', 'https://play.rosebud.ai/assets/planet_11.png?YqG8', 'https://play.rosebud.ai/assets/planet_110.png?qNXC', 'https://play.rosebud.ai/assets/planet_111.png?96C3', 'https://play.rosebud.ai/assets/planet_112.png?AvDf', 'https://play.rosebud.ai/assets/planet_113.png?RS5M', 'https://play.rosebud.ai/assets/planet_114.png?rVK2', 'https://play.rosebud.ai/assets/planet_115.png?Fk45', 'https://play.rosebud.ai/assets/planet_116.png?98W4', 'https://play.rosebud.ai/assets/planet_117.png?X3Wi', 'https://play.rosebud.ai/assets/planet_118.png?uuCW', 'https://play.rosebud.ai/assets/planet_119.png?xN6P', 'https://play.rosebud.ai/assets/planet_12.png?krrh', 'https://play.rosebud.ai/assets/planet_120.png?dO0O', 'https://play.rosebud.ai/assets/planet_121.png?JYGH', 'https://play.rosebud.ai/assets/planet_122.png?eyTE', 'https://play.rosebud.ai/assets/planet_123.png?lhD5', 'https://play.rosebud.ai/assets/planet_124.png?b3Nj', 'https://play.rosebud.ai/assets/planet_125.png?JkfB', 'https://play.rosebud.ai/assets/planet_126.png?0bK0', 'https://play.rosebud.ai/assets/planet_127.png?7K22', 'https://play.rosebud.ai/assets/planet_128.png?KYOM', 'https://play.rosebud.ai/assets/planet_129.png?NPnx', 'https://play.rosebud.ai/assets/planet_13.png?x27N', 'https://play.rosebud.ai/assets/planet_130.png?q2Zb', 'https://play.rosebud.ai/assets/planet_131.png?HWVQ', 'https://play.rosebud.ai/assets/planet_132.png?7Zkd', 'https://play.rosebud.ai/assets/planet_133.png?h2vD', 'https://play.rosebud.ai/assets/planet_134.png?TXir', 'https://play.rosebud.ai/assets/planet_135.png?PpOV', 'https://play.rosebud.ai/assets/planet_136.png?4rRN', 'https://play.rosebud.ai/assets/planet_137.png?GD7c', 'https://play.rosebud.ai/assets/planet_138.png?2p1S', 'https://play.rosebud.ai/assets/planet_139.png?nMRa', 'https://play.rosebud.ai/assets/planet_14.png?4aXr', 'https://play.rosebud.ai/assets/planet_140.png?Gogm', 'https://play.rosebud.ai/assets/planet_141.png?I73t', 'https://play.rosebud.ai/assets/planet_142.png?u9OV', 'https://play.rosebud.ai/assets/planet_143.png?A9wA', 'https://play.rosebud.ai/assets/planet_144.png?8s1O', 'https://play.rosebud.ai/assets/planet_145.png?TgQp', 'https://play.rosebud.ai/assets/planet_146.png?WoMt', 'https://play.rosebud.ai/assets/planet_147.png?hdyQ', 'https://play.rosebud.ai/assets/planet_148.png?ApVn', 'https://play.rosebud.ai/assets/planet_149.png?P75F', 'https://play.rosebud.ai/assets/planet_15.png?w4Ws', 'https://play.rosebud.ai/assets/planet_150.png?unVP', // Note: planet_150 appears twice in assets, using one. 'https://play.rosebud.ai/assets/planet_151.png?QjXP', 'https://play.rosebud.ai/assets/planet_152.png?PZBB', 'https://play.rosebud.ai/assets/planet_153.png?hHBQ', 'https://play.rosebud.ai/assets/planet_154.png?RLor', 'https://play.rosebud.ai/assets/planet_155.png?eGXp', 'https://play.rosebud.ai/assets/planet_156.png?otCN', 'https://play.rosebud.ai/assets/planet_157.png?kwnA', 'https://play.rosebud.ai/assets/planet_158.png?4ZCk', 'https://play.rosebud.ai/assets/planet_159.png?cfMV', 'https://play.rosebud.ai/assets/planet_16.png?7fyv', 'https://play.rosebud.ai/assets/planet_160.png?p46T', 'https://play.rosebud.ai/assets/planet_161.png?MhEq', 'https://play.rosebud.ai/assets/planet_162.png?ejTh', 'https://play.rosebud.ai/assets/planet_163.png?0Xv3', 'https://play.rosebud.ai/assets/planet_164.png?EBys', 'https://play.rosebud.ai/assets/planet_165.png?TvCi', 'https://play.rosebud.ai/assets/planet_166.png?Ma4v', 'https://play.rosebud.ai/assets/planet_167.png?IYjz', 'https://play.rosebud.ai/assets/planet_168.png?doPa', 'https://play.rosebud.ai/assets/planet_169.png?JfpR', 'https://play.rosebud.ai/assets/planet_17.png?a55A', 'https://play.rosebud.ai/assets/planet_170.png?j0Nn', 'https://play.rosebud.ai/assets/planet_171.png?fRRW', 'https://play.rosebud.ai/assets/planet_174.png?Sthr', 'https://play.rosebud.ai/assets/planet_175.png?PKzp', 'https://play.rosebud.ai/assets/planet_176.png?wMdF', 'https://play.rosebud.ai/assets/planet_177.png?7Ijy', 'https://play.rosebud.ai/assets/planet_178.png?ZvZB', 'https://play.rosebud.ai/assets/planet_179.png?BoPt', 'https://play.rosebud.ai/assets/planet_18.png?BuQ1', 'https://play.rosebud.ai/assets/planet_180.png?SGgk', 'https://play.rosebud.ai/assets/planet_181.png?L7F3', 'https://play.rosebud.ai/assets/planet_182.png?NzWN', 'https://play.rosebud.ai/assets/planet_183.png?Yc3T', 'https://play.rosebud.ai/assets/planet_184.png?r4jU', 'https://play.rosebud.ai/assets/planet_185.png?jWJE', 'https://play.rosebud.ai/assets/planet_186.png?0qT4', 'https://play.rosebud.ai/assets/planet_187.png?1E4r', 'https://play.rosebud.ai/assets/planet_188.png?QTOE', 'https://play.rosebud.ai/assets/planet_189.png?gSZp', 'https://play.rosebud.ai/assets/planet_19.png?xU3y', 'https://play.rosebud.ai/assets/planet_190.png?OknD', 'https://play.rosebud.ai/assets/planet_191.png?vPx0', 'https://play.rosebud.ai/assets/planet_196.png?Wx6D', 'https://play.rosebud.ai/assets/planet_197.png?PPba', 'https://play.rosebud.ai/assets/planet_198.png?NGjt', 'https://play.rosebud.ai/assets/planet_2.png?xWBS', 'https://play.rosebud.ai/assets/planet_20.png?XFEF', 'https://play.rosebud.ai/assets/planet_200.png?22UE', // Note: planet_200 appears twice, using one. 'https://play.rosebud.ai/assets/planet_201.png?cBvN', 'https://play.rosebud.ai/assets/planet_202.png?CdsP', 'https://play.rosebud.ai/assets/planet_203.png?Ig4F' ]; let currentRoundPlanetUrls = []; // Stores the 5 planet URLs for the current round let planetData = []; // Will store { textureUrl: string, assignedScale: number, name: string } const INITIAL_MIN_PLANET_SCALE = 0.7; // Base minimum scale for round 1 const INITIAL_MAX_PLANET_SCALE = 1.5; // Base maximum scale for round 1 const SCALE_RANGE_SHRINK_FACTOR_PER_ROUND = 0.022; // How much min/max converge each round const MIN_POSSIBLE_SCALE_RANGE = 0.2; // The smallest the gap between min and max can become let currentRound = 1; // Tracks the current game round let currentPlanetIndex = 0; const textureLoader = new THREE.TextureLoader(); // Timer variables let timerInterval = null; let timeLeft = 30; // Initial time for the countdown, increased to 30 seconds let historicalSmallestPlanets = []; // Stores {name, assignedScale, textureUrl, round} for smallest planet of rounds 1-10 let round11SelectedPlanet = null; // Stores the planet selected by the player in the round 11 popup // Swipe detection variables and dragging state variables are no longer needed. // let touchStartX = 0; // let touchEndX = 0; // const swipeThreshold = 50; // let isDragging = false; // let dragInitialPlanetX = 0; const planetNameParts = { prefixes: ["Xyl", "Nova", "Cryo", "Terra", "Sol", "Alpha", "Beta", "Gamma", "Delta", "Epsilon", "Zeta", "Omega", "Proxima", "Kepler", "Gliese", "HD", "Trappist", "Luyten", "Tau"], baseNames: ["Aria", "Boreas", "Ceti", "Drax", "Erida", "Fornax", "Gaia", "Hydrus", "Indus", "Juno", "Krypton", "Lyra", "Myr", "Nix", "Orion", "Pavo", "Quasar", "Rhea", "Sirius", "Typhon", "Ursa", "Vela", "Woden", "Xanthe", "Ymir", "Zephyr"], suffixes: ["Prime", "Minor", "Major", "Secundus", "Tertius", "Quartus", "V", "VI", "VII", "VIII", "IX", "X", "Colony", "Station", "Outpost", "Deep", "Edge", "Reach", "Expanse", "Void"] }; function generatePlanetName() { const prefix = planetNameParts.prefixes[Math.floor(Math.random() * planetNameParts.prefixes.length)]; const base = planetNameParts.baseNames[Math.floor(Math.random() * planetNameParts.baseNames.length)]; const suffixChance = Math.random(); let suffix = ""; if (suffixChance < 0.3) { // 30% chance of a Roman numeral type suffix suffix = " " + planetNameParts.suffixes[Math.floor(Math.random() * 10) + 5]; // Indices for V to X like } else if (suffixChance < 0.6) { // 30% chance of a descriptive suffix suffix = " " + planetNameParts.suffixes[Math.floor(Math.random() * (planetNameParts.suffixes.length - 10)) + 10]; } // 40% chance of no suffix or just a number let name = `${prefix}-${base}${suffix}`; // Sometimes add a random number sequence if (Math.random() < 0.4) { name += `-${Math.floor(Math.random() * 900) + 100}`; } return name; } function updateRoundDisplay() { const roundDisplayElement = document.getElementById('roundDisplay'); if (roundDisplayElement) { roundDisplayElement.textContent = `Round: ${currentRound}`; } } function startTimer() { timeLeft = 30; // Reset timer to 30 seconds const timerDisplayElement = document.getElementById('timerDisplay'); if (timerDisplayElement) { timerDisplayElement.textContent = `${timeLeft}`; } if (timerInterval) clearInterval(timerInterval); // Clear any existing timer timerInterval = setInterval(() => { timeLeft--; if (timerDisplayElement) { timerDisplayElement.textContent = `${timeLeft}`; } if (timeLeft <= 0) { clearInterval(timerInterval); console.log("Time's up!"); // Here you would typically trigger the end of the round or other game logic } }, 1000); } function preparePlanetDataForNewRound() { // Calculate dynamic min and max scales for the current round const roundAdjustment = (currentRound - 1) * SCALE_RANGE_SHRINK_FACTOR_PER_ROUND; let dynamicMinScale = INITIAL_MIN_PLANET_SCALE + roundAdjustment; let dynamicMaxScale = INITIAL_MAX_PLANET_SCALE - roundAdjustment; // Ensure max scale doesn't go below min scale, and maintain a minimum range if (dynamicMaxScale - dynamicMinScale < MIN_POSSIBLE_SCALE_RANGE) { dynamicMaxScale = dynamicMinScale + MIN_POSSIBLE_SCALE_RANGE; // If initial max was already too small, adjust min downwards from initial max if (dynamicMaxScale > INITIAL_MAX_PLANET_SCALE) { dynamicMaxScale = INITIAL_MAX_PLANET_SCALE; dynamicMinScale = INITIAL_MAX_PLANET_SCALE - MIN_POSSIBLE_SCALE_RANGE; } } // Clamp scales to reasonable limits if needed (e.g., min scale shouldn't be negative or excessively large) dynamicMinScale = Math.max(0.1, dynamicMinScale); // Smallest possible planet visual scale dynamicMaxScale = Math.max(dynamicMinScale + 0.01, dynamicMaxScale); // Ensure max is always slightly larger console.log(`Round ${currentRound}: Min Scale=${dynamicMinScale.toFixed(3)}, Max Scale=${dynamicMaxScale.toFixed(3)}`); // Randomly select 3 unique planets for the current round const shuffledPlanets = [...allPlanetAssetUrls].sort(() => 0.5 - Math.random()); currentRoundPlanetUrls = shuffledPlanets.slice(0, 5); // Select 5 planets if (currentRoundPlanetUrls.length < 5 && allPlanetAssetUrls.length >= 5) { console.warn("Could not select 5 unique planets, using duplicates if necessary from the full list."); // Fallback: if somehow less than 5 unique are picked and we have enough assets, fill up. while(currentRoundPlanetUrls.length < 5) { currentRoundPlanetUrls.push(allPlanetAssetUrls[Math.floor(Math.random() * allPlanetAssetUrls.length)]); } } else if (allPlanetAssetUrls.length < 5) { console.warn("Not enough planet assets to choose 5 unique planets. Using available assets, possibly with duplicates."); currentRoundPlanetUrls = []; for (let i = 0; i < 5; i++) { currentRoundPlanetUrls.push(allPlanetAssetUrls[i % allPlanetAssetUrls.length]); } } console.log("Selected planets for this round:", currentRoundPlanetUrls); planetData = currentRoundPlanetUrls.map(url => ({ textureUrl: url, assignedScale: dynamicMinScale + Math.random() * (dynamicMaxScale - dynamicMinScale), name: generatePlanetName() // Generate and store the name })); } // Helper function to attempt playing ambient sound function tryPlayAmbientSound() { if (!gameMusicShouldBePlaying) { // If music shouldn't be playing (e.g., game over screen), ensure it's stopped. if (ambientGameSound && ambientGameSound.isPlaying) { ambientGameSound.stop(); } return; } if (ambientGameSound && ambientGameSound.buffer) { if (audioListener && audioListener.context && audioListener.context.state === 'suspended') { audioListener.context.resume().then(() => { if (gameMusicShouldBePlaying && !ambientGameSound.isPlaying) { // Re-check condition ambientGameSound.play(); console.log("Ambient sound played after context resume via tryPlayAmbientSound."); } }).catch(e => console.error("Error resuming audio context in tryPlayAmbientSound:", e)); } else if (audioListener && audioListener.context && audioListener.context.state === 'running') { if (!ambientGameSound.isPlaying) { ambientGameSound.play(); console.log("Ambient sound played directly via tryPlayAmbientSound."); } } else { console.warn("Audio context not available or not running, cannot play ambient sound yet."); } } else if (ambientGameSound) { // Buffer not loaded console.warn("Ambient game sound buffer not yet loaded. Playback will be attempted when buffer is ready if gameMusicShouldBePlaying is true."); } else { console.warn("Ambient game sound object not initialized."); } } // Renamed startGame to proceedToGame and moved its core logic here function proceedToGame() { const gameContainer = document.getElementById('gameContainer'); const rulesPopupContainer = document.getElementById('rulesPopupContainer'); if (rulesPopupContainer) rulesPopupContainer.style.display = 'none'; // Hide rules if (gameContainer) gameContainer.style.display = 'block'; // Initialize and start the game components currentRound = 1; // Ensure round starts at 1 for a new game playerHealth = NUM_HEALTH_HELICES; // Reset health for a new game setupSceneAndCamera(); updateRoundDisplay(); startTimer(); // Timer starts now preparePlanetDataForNewRound(); loadInitialPlanet(); if (!paginationDotsGroup) { // Check if paginationDotsGroup needs creation createPaginationDots(); } else { // Ensure it's visible if it was hidden (e.g. coming from round 11 special) paginationDotsGroup.visible = true; } setupHealthDisplay(); // Initialize/update health display based on potentially reset health updatePaginationDots(currentPlanetIndex); createTwinklingStars(); createShootingStars(); window.addEventListener('resize', onWindowResize, false); const leftNavButton = document.getElementById('leftNavButton'); const rightNavButton = document.getElementById('rightNavButton'); if (leftNavButton) { leftNavButton.addEventListener('click', () => changePlanet(-1)); } if (rightNavButton) { rightNavButton.addEventListener('click', () => changePlanet(1)); } animate(); gameMusicShouldBePlaying = true; // Explicitly try to play ambient sound here, tied to the user's "Start Mission" click if (audioListener && audioListener.context && audioListener.context.state === 'suspended') { audioListener.context.resume().then(() => { tryPlayAmbientSound(); }).catch(e => console.error("Error resuming audio context in proceedToGame:", e)); } else { tryPlayAmbientSound(); } } function showRulesPopup() { const mainMenuContainer = document.getElementById('mainMenuContainer'); const rulesPopupContainer = document.getElementById('rulesPopupContainer'); if (mainMenuContainer) mainMenuContainer.style.display = 'none'; if (rulesPopupContainer) rulesPopupContainer.style.display = 'flex'; } function setupSceneAndCamera() { scene = new THREE.Scene(); neonBracketMaterial = new THREE.MeshBasicMaterial({ color: 0x00ffff, // Bright Cyan transparent: true, opacity: 0.85, side: THREE.DoubleSide, blending: THREE.AdditiveBlending // For a more glowing effect }); textureLoader.load('https://play.rosebud.ai/assets/backg.jpg?Bnhp', (texture) => { texture.wrapS = THREE.RepeatWrapping; texture.wrapT = THREE.RepeatWrapping; scene.background = texture; }); const aspect = window.innerWidth / window.innerHeight; const frustumSize = 5; camera = new THREE.OrthographicCamera( frustumSize * aspect / -2, frustumSize * aspect / 2, frustumSize / 2, frustumSize / -2, 0.1, 100 ); camera.position.z = 10; if (audioListener) { // audioListener is initialized in DOMContentLoaded camera.add(audioListener); // Attach listener to camera } renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); document.getElementById('gameContainer').appendChild(renderer.domElement); // Audio objects and loaders are now initialized in DOMContentLoaded } function createPaginationDots() { dotMaterialEmpty = new THREE.MeshBasicMaterial({ color: 0x00ffff, transparent: true, opacity: 0.3, side: THREE.DoubleSide }); dotMaterialFilled = new THREE.MeshBasicMaterial({ color: 0x00ffff, transparent: true, opacity: 0.9, side: THREE.DoubleSide }); paginationDotsGroup = new THREE.Group(); const dotGeometry = new THREE.CircleGeometry(PAGINATION_DOT_RADIUS, 16); for (let i = 0; i < NUM_PAGINATION_DOTS; i++) { const dotMesh = new THREE.Mesh(dotGeometry, dotMaterialEmpty); // Position dots horizontally centered around origin const xPosition = (i - Math.floor(NUM_PAGINATION_DOTS / 2)) * PAGINATION_DOT_SPACING; dotMesh.position.set(xPosition, 0, 0); // Y is relative to group, Z also relative paginationDotMeshes.push(dotMesh); paginationDotsGroup.add(dotMesh); } paginationDotsGroup.position.z = 0.01; // Position group slightly in front of planet scene.add(paginationDotsGroup); } function updatePaginationDots(activeIndex) { if (!paginationDotMeshes || paginationDotMeshes.length === 0) return; paginationDotMeshes.forEach((dot, index) => { dot.material = (index === activeIndex) ? dotMaterialFilled : dotMaterialEmpty; }); } function createNeonBracketShape(isLeft) { const nominalSize = 1; // Base size for calculations const height = nominalSize * 0.75; // Bracket is 75% of planet's height const segmentLength = nominalSize * 0.15; // Length of the horizontal arms const thickness = nominalSize * 0.025; // Thickness of the bracket lines const bracketGroup = new THREE.Group(); const vGeom = new THREE.PlaneGeometry(thickness, height); const hGeom = new THREE.PlaneGeometry(segmentLength, thickness); const verticalMesh = new THREE.Mesh(vGeom, neonBracketMaterial); const topMesh = new THREE.Mesh(hGeom, neonBracketMaterial); const bottomMesh = new THREE.Mesh(hGeom, neonBracketMaterial); // Position parts relative to the group's origin (center of vertical bar) verticalMesh.position.set(0, 0, 0); if (isLeft) { // Shape [ topMesh.position.x = segmentLength / 2; bottomMesh.position.x = segmentLength / 2; } else { // Shape ] topMesh.position.x = -segmentLength / 2; bottomMesh.position.x = -segmentLength / 2; } topMesh.position.y = height / 2 - thickness / 2; bottomMesh.position.y = -(height / 2 - thickness / 2); bracketGroup.add(verticalMesh, topMesh, bottomMesh); return bracketGroup; } function updateBracketTransforms(planetCurrentScale) { if (!leftBracketGroup || !rightBracketGroup || !spriteMesh) return; const parentScale = planetCurrentScale; // This is the scale factor for the brackets as well. const offsetRatio = 0.08; // Gap relative to planet size (8%) const nominalThickness = 0.025; // Must match thickness in createNeonBracketShape const actualOffset = parentScale * offsetRatio; const scaledPlanetRadius = parentScale / 2; const scaledBracketThickness = parentScale * nominalThickness; leftBracketGroup.scale.set(parentScale, parentScale, 1); leftBracketGroup.position.x = -scaledPlanetRadius - actualOffset - (scaledBracketThickness / 2); leftBracketGroup.position.z = 0.02; // In front of planet and pagination dots rightBracketGroup.scale.set(parentScale, parentScale, 1); rightBracketGroup.position.x = scaledPlanetRadius + actualOffset + (scaledBracketThickness / 2); rightBracketGroup.position.z = 0.02; // In front of planet and pagination dots // Y position will be handled in animate loop to follow planet's hover } async function loadInitialPlanet() { const planetInfo = planetData[currentPlanetIndex]; // Gets the first planet of the current round's data if (!planetInfo) { console.error("Planet data not found for current index. Check preparePlanetDataForNewRound."); return; } // If a spriteMesh already exists (from a previous round or initial load), remove it from the scene and dispose of its resources if (spriteMesh) { scene.remove(spriteMesh); if (spriteMesh.geometry) { spriteMesh.geometry.dispose(); } if (spriteMesh.material) { if (spriteMesh.material.map) { spriteMesh.material.map.dispose(); } spriteMesh.material.dispose(); } spriteMesh = null; // Clear reference } const spriteSize = 1; // For simplicity, geometry is re-created. For optimization, it could be created once and reused. const spriteGeometry = new THREE.PlaneGeometry(spriteSize, spriteSize); try { const texture = await new Promise((resolve, reject) => { textureLoader.load(planetInfo.textureUrl, resolve, undefined, reject); }); const spriteMaterial = new THREE.MeshBasicMaterial({ map: texture, transparent: true, opacity: 1.0 // Ensure new planet is fully visible }); spriteMesh = new THREE.Mesh(spriteGeometry, spriteMaterial); spriteMesh.scale.set(planetInfo.assignedScale, planetInfo.assignedScale, 1); scene.add(spriteMesh); // Create brackets if they don't exist if (!leftBracketGroup) { leftBracketGroup = createNeonBracketShape(true); scene.add(leftBracketGroup); } if (!rightBracketGroup) { rightBracketGroup = createNeonBracketShape(false); scene.add(rightBracketGroup); } updateBracketTransforms(planetInfo.assignedScale); updatePaginationDots(currentPlanetIndex); // Update dots for the newly loaded planet } catch (error) { console.error("Failed to load planet texture:", planetInfo.textureUrl, error); } } function changePlanet(direction) { if (!spriteMesh || !spriteMesh.material) return; // Ensure sprite and material exist currentPlanetIndex += direction; if (currentPlanetIndex < 0) { currentPlanetIndex = planetData.length - 1; } else if (currentPlanetIndex >= planetData.length) { currentPlanetIndex = 0; } const nextPlanetInfo = planetData[currentPlanetIndex]; if (!nextPlanetInfo) { console.error("Next planet data not found for index:", currentPlanetIndex); return; } textureLoader.load( nextPlanetInfo.textureUrl, (loadedTexture) => { // Dispose of the old texture if it exists if (spriteMesh.material.map) { spriteMesh.material.map.dispose(); } spriteMesh.material.map = loadedTexture; spriteMesh.material.opacity = 1.0; // Ensure full opacity const newScale = nextPlanetInfo.assignedScale; spriteMesh.scale.set(newScale, newScale, 1); spriteMesh.position.x = 0; // Reset X position for the new planet // Y position and Z rotation are handled by hover animation. updateBracketTransforms(newScale); updatePaginationDots(currentPlanetIndex); spriteMesh.material.needsUpdate = true; if (sound && sound.buffer && !sound.isPlaying) { sound.play(); } }, undefined, // onProgress callback (optional) (error) => { console.error('Error loading texture for planet index:', currentPlanetIndex, nextPlanetInfo.textureUrl, error); } ); } function onWindowResize() { const aspect = window.innerWidth / window.innerHeight; const frustumSize = 5; camera.left = frustumSize * aspect / -2; camera.right = frustumSize * aspect / 2; camera.top = frustumSize / 2; camera.bottom = frustumSize / -2; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } function animate() { requestAnimationFrame(animate); if (spriteMesh && spriteMesh.material) { // Subtle hovering animation (runs continuously) const time = Date.now() * 0.0005; spriteMesh.position.y = Math.sin(time) * 0.15; spriteMesh.rotation.z += 0.0005; // Slow rotation // Update bracket Y positions to follow planet's hover if (leftBracketGroup) leftBracketGroup.position.y = spriteMesh.position.y; if (rightBracketGroup) rightBracketGroup.position.y = spriteMesh.position.y; // Update pagination dots group Y position if (paginationDotsGroup && spriteMesh.material && spriteMesh.material.map) { const planetCurrentVisualHeight = spriteMesh.scale.y; // Assumes sprite base size is 1x1 paginationDotsGroup.position.y = spriteMesh.position.y + (planetCurrentVisualHeight / 2) + PAGINATION_DOT_Y_OFFSET; // X position of paginationDotsGroup is always 0 (centered on screen) paginationDotsGroup.position.x = 0; } } // Animate twinkling stars if they exist if (twinklingStars) { const time = Date.now() * 0.0001; const positions = twinklingStars.geometry.attributes.position; const opacities = twinklingStars.geometry.attributes.opacity; for (let i = 0; i < positions.count; i++) { if (opacities) { opacities.array[i] = Math.abs(Math.sin(positions.getX(i) + time * (i % 5 + 1) * 0.5 + Math.PI * Math.random())); if (opacities.array[i] < 0.3) opacities.array[i] = 0.3; } } if (opacities) twinklingStars.geometry.attributes.opacity.needsUpdate = true; } // Animate shooting stars if (shootingStars) { const positions = shootingStars.geometry.attributes.position; const opacities = shootingStars.geometry.attributes.opacity; const velocities = shootingStars.geometry.attributes.velocity; const aspect = window.innerWidth / window.innerHeight; const frustumHeight = 5; const frustumWidth = frustumHeight * aspect; const offScreenTop = frustumHeight / 2 + 0.5; const offScreenBottom = -frustumHeight / 2 - 0.5; for (let i = 0; i < positions.count; i++) { positions.array[i * 3 + 0] += velocities.array[i * 3 + 0]; positions.array[i * 3 + 1] += velocities.array[i * 3 + 1]; opacities.array[i] -= 0.015; if (positions.array[i * 3 + 1] < offScreenBottom || opacities.array[i] <= 0) { positions.array[i * 3 + 0] = (Math.random() - 0.5) * frustumWidth * 1.2; positions.array[i * 3 + 1] = offScreenTop + Math.random() * 2; opacities.array[i] = Math.random() * 0.5 + 0.5; } } positions.needsUpdate = true; opacities.needsUpdate = true; } // Parallax effect for the background if (scene.background && scene.background.isTexture) { scene.background.offset.x += 0.0005; scene.background.offset.y += 0.0001; } renderer.render(scene, camera); } function createTwinklingStars() { const starCount = 1500; // Increased star count for denser field const starGeometry = new THREE.BufferGeometry(); const positions = []; const opacities = []; // For individual star opacity const frustumSize = 5; // Must match camera's frustumSize for proper distribution const aspect = window.innerWidth / window.innerHeight; const spreadX = frustumSize * aspect * 2; // Wider spread const spreadY = frustumSize * 2; // Taller spread for (let i = 0; i < starCount; i++) { // Distribute stars across a wider area, further back const x = (Math.random() - 0.5) * spreadX * 1.5; const y = (Math.random() - 0.5) * spreadY * 1.5; const z = (Math.random() - 0.5) * 10 - 5; // Distribute stars in Z for depth, behind planet positions.push(x, y, z); opacities.push(Math.random() * 0.5 + 0.5); // Initial random opacity } starGeometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3)); starGeometry.setAttribute('opacity', new THREE.Float32BufferAttribute(opacities, 1)); // Add opacity attribute // More subtle star material const starMaterial = new THREE.PointsMaterial({ size: 0.015, // Smaller stars color: 0xffffff, transparent: true, opacity: 0.8, // Base opacity, will be modulated by attribute vertexColors: false, // Using attribute for opacity, not color per vertex here blending: THREE.AdditiveBlending, // Brighter where stars overlap depthWrite: false, // Stars don't obscure each other based on depth to this material sizeAttenuation: true // Stars appear smaller further away (though effect is minor with ortho cam) }); twinklingStars = new THREE.Points(starGeometry, starMaterial); twinklingStars.position.z = -2; // Ensure stars are behind the planet sprite scene.add(twinklingStars); } function createShootingStars() { const starCount = 15; // Fewer, more prominent shooting stars const starGeometry = new THREE.BufferGeometry(); const positions = []; const opacities = []; const velocities = []; const frustumHeight = 5; // Matches camera frustumSize const aspect = window.innerWidth / window.innerHeight; const frustumWidth = frustumHeight * aspect; const offScreenTop = frustumHeight / 2 + 0.5; // Start above visible area for (let i = 0; i < starCount; i++) { // Initial position: Random X, top of the screen (or just above) positions.push( (Math.random() - 0.5) * frustumWidth * 1.2, // Spread across screen width offScreenTop + Math.random() * 2, // Start above the screen, random height -1.5 // Slightly in front of twinkling stars, but behind planet ); opacities.push(Math.random() * 0.5 + 0.5); // Initial random opacity (0.5 to 1.0) // Velocity: Move downwards and slightly sideways velocities.push( (Math.random() - 0.5) * 0.02, // Small horizontal drift -(Math.random() * 0.03 + 0.03), // Downward speed (0.03 to 0.06) 0 // No Z movement ); } starGeometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3)); starGeometry.setAttribute('opacity', new THREE.Float32BufferAttribute(opacities, 1)); starGeometry.setAttribute('velocity', new THREE.Float32BufferAttribute(velocities, 3)); // Custom attribute const starMaterial = new THREE.PointsMaterial({ size: 0.03, // Slightly larger than twinkling stars color: 0xffffdd, // Pale yellow color transparent: true, blending: THREE.AdditiveBlending, depthWrite: false, sizeAttenuation: true, }); shootingStars = new THREE.Points(starGeometry, starMaterial); scene.add(shootingStars); } // The touch handler functions (handleTouchStart, handleTouchMove, handleTouchEnd) are removed // as swipe functionality is replaced by navigation buttons. function createDnaHelixMesh() { const helixGroup = new THREE.Group(); const rungColor = 0x00ffff; // Cyan for rungs const strandColor = 0x0077cc; // Deeper blue for strands const strandMaterial = new THREE.MeshBasicMaterial({ color: strandColor, blending: THREE.AdditiveBlending, transparent: true, opacity: 0.8, side: THREE.DoubleSide }); const rungMaterial = new THREE.MeshBasicMaterial({ color: rungColor, blending: THREE.AdditiveBlending, transparent: true, opacity: 0.9, side: THREE.DoubleSide }); const helixRadius = 0.10; // Further reduced radius const helixHeight = 0.4; // Reduced height to make them vertically smaller const strandTubeRadius = 0.015; // Reduced strand thickness const rungTubeRadius = 0.008; // Reduced rung thickness const numTurns = 1.5; const numPointsPerStrand = 30; // For smoother curves const points1 = []; const points2 = []; for (let i = 0; i <= numPointsPerStrand; i++) { const t = i / numPointsPerStrand; // Normalized progress along the helix (0 to 1) const angle = t * Math.PI * 2 * numTurns; // Current angle for the twist const y = (t - 0.5) * helixHeight; // Y position from -helixHeight/2 to +helixHeight/2 points1.push(new THREE.Vector3(helixRadius * Math.cos(angle), y, helixRadius * Math.sin(angle))); // Second strand is 180 degrees out of phase points2.push(new THREE.Vector3(helixRadius * Math.cos(angle + Math.PI), y, helixRadius * Math.sin(angle + Math.PI))); // Add Rungs (except for the very last point) if (i < numPointsPerStrand) { // Use the current points just added to define the rung const rungStart = points1[points1.length-1]; const rungEnd = points2[points2.length-1]; const rungPath = new THREE.LineCurve3(rungStart, rungEnd); const rungGeom = new THREE.TubeGeometry(rungPath, 1, rungTubeRadius, 6, false); // Fewer segments for rung tube const rungMesh = new THREE.Mesh(rungGeom, rungMaterial); helixGroup.add(rungMesh); } } const curve1 = new THREE.CatmullRomCurve3(points1); const curve2 = new THREE.CatmullRomCurve3(points2); const tubeGeometry1 = new THREE.TubeGeometry(curve1, numPointsPerStrand, strandTubeRadius, 8, false); const tubeMesh1 = new THREE.Mesh(tubeGeometry1, strandMaterial); helixGroup.add(tubeMesh1); const tubeGeometry2 = new THREE.TubeGeometry(curve2, numPointsPerStrand, strandTubeRadius, 8, false); const tubeMesh2 = new THREE.Mesh(tubeGeometry2, strandMaterial); helixGroup.add(tubeMesh2); return helixGroup; } function setupHealthDisplay() { if (!healthDisplayGroup) { // Only create if it doesn't exist healthDisplayGroup = new THREE.Group(); scene.add(healthDisplayGroup); dnaHelices.length = 0; // Ensure dnaHelices is clean before populating const helixSpacing = 0.45; // Increased horizontal distance between centers of helices const totalWidth = (NUM_HEALTH_HELICES - 1) * helixSpacing; for (let i = 0; i < NUM_HEALTH_HELICES; i++) { const helixMesh = createDnaHelixMesh(); // Position helices horizontally, centered around X=0 helixMesh.position.x = (i * helixSpacing) - (totalWidth / 2); dnaHelices.push(helixMesh); healthDisplayGroup.add(helixMesh); } // Position the entire group of helices. // Y position: Fixed to be below the HTML timer elements and comfortably above the planet/pagination dots. healthDisplayGroup.position.y = 1.2; healthDisplayGroup.position.z = 0; // Align with planet's plane or slightly in front } // Update visibility for all helices based on current playerHealth dnaHelices.forEach((helixMesh, i) => { helixMesh.visible = (i < playerHealth); }); if (healthDisplayGroup) { // Ensure group is visible if it exists (especially if coming from Round 11 where it might be hidden) healthDisplayGroup.visible = true; } } function triggerHelixDamageAnimation(helixIndex) { if (helixIndex < 0 || helixIndex >= dnaHelices.length) { console.warn(`Invalid helixIndex for damage: ${helixIndex}`); return; } const helixToDamage = dnaHelices[helixIndex]; if (!helixToDamage) { console.warn(`No helix mesh found at index for damage: ${helixIndex}`); return; } if (!helixToDamage.visible) { // Already hidden console.warn(`Helix at index ${helixIndex} is already hidden. No damage animation.`); return; } let blinks = 0; const maxBlinks = 6; // 3 on/off cycles, ending in off state const blinkIntervalTime = 150; // ms helixToDamage.visible = true; // Ensure it's initially visible for the first part of the blink const blinkEffect = setInterval(() => { helixToDamage.visible = !helixToDamage.visible; blinks++; if (blinks >= maxBlinks) { clearInterval(blinkEffect); helixToDamage.visible = false; // Explicitly set to false after blinking finishes } }, blinkIntervalTime); } function handleIncorrectSelection() { if (failSound && failSound.buffer && !failSound.isPlaying) failSound.play(); if (playerHealth > 0) { playerHealth--; // Decrement health first // playerHealth now represents the count of *remaining* healthy helices. // The helix to remove/animate is at index `playerHealth` (0-indexed). // e.g., if health was 3, becomes 2, animate helix at index 2. // if health was 1, becomes 0, animate helix at index 0. triggerHelixDamageAnimation(playerHealth); console.log(`Incorrect selection. Health remaining: ${playerHealth}`); if (playerHealth <= 0) { console.log("GAME OVER - No health left."); clearInterval(timerInterval); // Stop timer immediately on game over showGameOverPopup(); } } } function showGameOverPopup() { // This is a placeholder. Actual popup will be more elaborate. // For now, use a simple alert and reset to main menu. const gameOverMessage = `OBJECTIVE FAILED\n\nYour genome integrity has fallen to critical levels.\nReturn to main hub for reassignment.`; alert(gameOverMessage); // Using alert for now, will replace with styled popup // Stop game ambient sounds gameMusicShouldBePlaying = false; // Signal that music should stop if (ambientGameSound && ambientGameSound.isPlaying) ambientGameSound.stop(); // Show main menu, hide game container document.getElementById('mainMenuContainer').style.display = 'flex'; document.getElementById('gameContainer').style.display = 'none'; // Cleanup THREE.js scene elements related to the game instance if (spriteMesh && scene) { scene.remove(spriteMesh); spriteMesh = null; } if (leftBracketGroup && scene) { scene.remove(leftBracketGroup); leftBracketGroup = null; } if (rightBracketGroup && scene) { scene.remove(rightBracketGroup); rightBracketGroup = null; } if (paginationDotsGroup && scene) { scene.remove(paginationDotsGroup); paginationDotsGroup = null; paginationDotMeshes = []; } if (healthDisplayGroup && scene) { dnaHelices.forEach(helix => { // Remove children from group first if (helix.parent === healthDisplayGroup) healthDisplayGroup.remove(helix); }); scene.remove(healthDisplayGroup); // Then remove group from scene healthDisplayGroup = null; dnaHelices.length = 0; // Clear the array } // Clear timer interval if it's still running (though handleIncorrectSelection should also do this on health reaching 0) if (timerInterval) clearInterval(timerInterval); document.getElementById('timerDisplay').textContent = ''; // Clear timer display document.getElementById('roundDisplay').textContent = ''; // Clear round display // Reset critical game state variables for a potential new game currentRound = 1; // Next game will start at round 1 playerHealth = NUM_HEALTH_HELICES; // Reset health for a new game historicalSmallestPlanets = []; // Clear historical data round11SelectedPlanet = null; // Clear round 11 selection // Any other game state that needs reset can go here } // Add event listener for the Play button document.addEventListener('DOMContentLoaded', () => { // Initialize audio components early and load sounds audioListener = new THREE.AudioListener(); audioLoader = new THREE.AudioLoader(); sound = new THREE.Audio(audioListener); // For swipe uiClickSound = new THREE.Audio(audioListener); successSound = new THREE.Audio(audioListener); failSound = new THREE.Audio(audioListener); ambientGameSound = new THREE.Audio(audioListener); // For the ambient track // Load swipe sound audioLoader.load('https://play.rosebud.ai/assets/183473__snapper4298__tic.wav?XEdw', function(buffer) { sound.setBuffer(buffer); sound.setLoop(false); sound.setVolume(0.5); }, undefined, function(err) { console.error('Error loading swipe sound effect:', err); }); // Load UI click sound (used for select planet, menu buttons, etc.) audioLoader.load('https://play.rosebud.ai/assets/731993__6sdeimos__click-1.wav?ReUF', function(buffer) { uiClickSound.setBuffer(buffer); uiClickSound.setLoop(false); uiClickSound.setVolume(0.7); }, undefined, function(err) { console.error('Error loading UI click sound effect:', err); }); // Load success sound audioLoader.load('https://play.rosebud.ai/assets/343003__zenithinfinitivestudios__ui_correct_button2.wav?u0t7', function(buffer) { successSound.setBuffer(buffer); successSound.setLoop(false); successSound.setVolume(0.6); }, undefined, function(err) { console.error('Error loading success sound effect:', err); }); // Load fail sound audioLoader.load('https://play.rosebud.ai/assets/220187__gameaudio__loosedeny-casual-1.wav?hYUP', function(buffer) { failSound.setBuffer(buffer); failSound.setLoop(false); failSound.setVolume(0.6); }, undefined, function(err) { console.error('Error loading fail sound effect:', err); }); // Load ambient game sound (Alien) audioLoader.load('https://play.rosebud.ai/assets/Ambient Space Music - Alien (1).mp3?D6pQ', function(buffer) { console.log('Ambient game sound (Alien) buffer loaded.'); ambientGameSound.setBuffer(buffer); ambientGameSound.setLoop(true); ambientGameSound.setVolume(0.25); // Do not tryPlayAmbientSound() here anymore. It will be triggered by the start screen. }, undefined, function(err) { console.error('Error loading ambient game sound effect (Alien):', err); }); const startScreenContainer = document.getElementById('startScreenContainer'); const mainMenuContainer = document.getElementById('mainMenuContainer'); const gameContainer = document.getElementById('gameContainer'); const popupsToHideIds = [ 'rulesPopupContainer', 'successPopupContainer', 'round11SpecialPopupContainer', 'devLevelSelectPopupContainer', 'gameOverPopupContainer' // For potential future div-based game over screen ]; function hideAllPopupsAndGameContainer() { if (gameContainer) gameContainer.style.display = 'none'; popupsToHideIds.forEach(id => { const popup = document.getElementById(id); if (popup) popup.style.display = 'none'; }); } if (startScreenContainer) { // Ensure start screen is visible and forcefully set its display startScreenContainer.style.setProperty('display', 'flex', 'important'); if (mainMenuContainer) mainMenuContainer.style.display = 'none'; hideAllPopupsAndGameContainer(); // Hide game area and other popups // Style the container itself to be a full-screen "Tap to Start" interface // Most of these styles should ideally be in index.html CSS for consistency, // but we ensure critical ones here for functionality. Object.assign(startScreenContainer.style, { // position: 'fixed', // Expected to be set by CSS from index.html // top: '0', // Expected to be set by CSS // left: '0', // Expected to be set by CSS // width: '100%', // Expected to be set by CSS // height: '100%', // Expected to be set by CSS // backgroundColor: 'rgba(0, 5, 20, 0.98)', // Expected to be set by CSS // display: 'flex', // Handled by setProperty above flexDirection: 'column', justifyContent: 'center', alignItems: 'center', // zIndex: '10000', // Expected to be set by CSS // cursor: 'pointer', // Expected to be set by CSS fontFamily: "'Orbitron', sans-serif", color: '#00ffff', textAlign: 'center', padding: '20px', boxSizing: 'border-box' }); // Create and style the Game Title if it doesn't exist let gameTitle = startScreenContainer.querySelector('h1.game-title'); if (!gameTitle) { gameTitle = document.createElement('h1'); gameTitle.classList.add('game-title'); gameTitle.textContent = "Stellar Surveyor"; Object.assign(gameTitle.style, { fontSize: 'clamp(2.8rem, 10vw, 6rem)', margin: '0 0 25px 0', color: '#ffffff', textShadow: '0 0 8px #00ffff, 0 0 15px #00ffff, 0 0 25px #00aaff, 0 0 35px #00aaff', letterSpacing: '0.08em', fontWeight: '700' }); startScreenContainer.appendChild(gameTitle); } // Create and style the "Tap to Start" instructional text if it doesn't exist let tapText = startScreenContainer.querySelector('p.tap-text'); if (!tapText) { tapText = document.createElement('p'); tapText.classList.add('tap-text'); tapText.textContent = "TAP ANYWHERE TO BEGIN"; Object.assign(tapText.style, { fontSize: 'clamp(1.1rem, 4.5vw, 2rem)', margin: '20px 0 0 0', animation: 'pulseText 2.2s infinite ease-in-out', letterSpacing: '0.25em', color: '#99ffff' }); startScreenContainer.appendChild(tapText); } // Dynamically add keyframes for pulsing animation and Orbitron font import const dynamicStylesId = 'rosie-dynamic-styles'; if (!document.getElementById(dynamicStylesId)) { const dynamicStyles = document.createElement("style"); dynamicStyles.id = dynamicStylesId; dynamicStyles.type = "text/css"; dynamicStyles.innerText = ` @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap'); @keyframes pulseText { 0% { opacity: 0.7; transform: scale(0.97); } 50% { opacity: 1; transform: scale(1.03); } 100% { opacity: 0.7; transform: scale(0.97); } } `; document.head.appendChild(dynamicStyles); } startScreenContainer.addEventListener('click', () => { if (audioListener && audioListener.context && audioListener.context.state === 'suspended') { audioListener.context.resume().then(() => { console.log("AudioContext resumed by start screen tap."); if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } gameMusicShouldBePlaying = true; tryPlayAmbientSound(); }).catch(e => console.error("Error resuming audio context from start screen:", e)); } else if (audioListener && audioListener.context && audioListener.context.state === 'running') { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } gameMusicShouldBePlaying = true; tryPlayAmbientSound(); } else { console.warn("Audio context not ready or listener not available on start screen tap."); } startScreenContainer.style.display = 'none'; if (mainMenuContainer) { // Check if mainMenuContainer exists before trying to display it mainMenuContainer.style.display = 'flex'; } else { console.error('#mainMenuContainer not found when trying to transition from start screen.'); } }, { once: true }); } else { // startScreenContainer is null console.error('Start screen container (#startScreenContainer) not found in HTML. Cannot display start screen.'); if (mainMenuContainer) { mainMenuContainer.style.display = 'flex'; // Fallback to main menu hideAllPopupsAndGameContainer(); // Hide game area and other popups console.log('Attempting to display main menu as a fallback because start screen element is missing.'); } else { console.error('Critical error: Neither #startScreenContainer nor #mainMenuContainer found in HTML. UI cannot initialize properly.'); hideAllPopupsAndGameContainer(); // As a last resort, hide game area and popups } } setupDevLevelSelect(); // Initialize Dev Level Select listeners const playButton = document.getElementById('playButton'); if (playButton) { playButton.addEventListener('click', () => { // Audio context and ambient music are now handled by the start screen. // Just play the click sound and show rules. if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } showRulesPopup(); }); } else { console.error('Play button not found.'); } const planetaryIndexButton = document.getElementById('planetaryIndexButton'); if (planetaryIndexButton) { planetaryIndexButton.addEventListener('click', () => { if (audioListener && audioListener.context && audioListener.context.state === 'suspended') { audioListener.context.resume(); } if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } console.log('Planetary Index button clicked - functionality to be implemented.'); // Future: Show planetary index screen }); } else { console.error('Planetary Index button not found.'); } const settingsButton = document.getElementById('settingsButton'); if (settingsButton) { settingsButton.addEventListener('click', () => { if (audioListener && audioListener.context && audioListener.context.state === 'suspended') { audioListener.context.resume(); } if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } console.log('Settings button clicked - functionality to be implemented.'); // Future: Show settings screen }); } else { console.error('Settings button not found.'); } const startMissionButton = document.getElementById('startMissionButton'); if (startMissionButton) { startMissionButton.addEventListener('click', () => { if (audioListener && audioListener.context && audioListener.context.state === 'suspended') { audioListener.context.resume(); } if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } proceedToGame(); // Actual game start }); } else { console.error('Start Mission button not found.'); } const selectPlanetButton = document.getElementById('selectPlanetButton'); const successPopupContainer = document.getElementById('successPopupContainer'); const continueButton = document.getElementById('continueButton'); // Renamed from nextRoundButton if (selectPlanetButton) { selectPlanetButton.addEventListener('click', () => { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } if (!planetData || planetData.length === 0 || !planetData[currentPlanetIndex]) { console.log('Planet data not ready for selection.'); if (failSound && failSound.buffer && !failSound.isPlaying) failSound.play(); return; } const currentPlanetScale = planetData[currentPlanetIndex].assignedScale; let smallestScale = Infinity; planetData.forEach(p => { if (p.assignedScale < smallestScale) { smallestScale = p.assignedScale; } }); // Using a small tolerance for float comparison const tolerance = 0.001; if (Math.abs(currentPlanetScale - smallestScale) < tolerance) { console.log(`Correct planet selected! Scale: ${currentPlanetScale.toFixed(3)}, Smallest in round: ${smallestScale.toFixed(3)}`); if (successSound && successSound.buffer && !successSound.isPlaying) successSound.play(); clearInterval(timerInterval); // Stop timer const selectedPlanetInfo = planetData[currentPlanetIndex]; // This is the currently displayed planet const timeTaken = 30 - timeLeft; // Use the stored name for the success popup const planetDesignation = selectedPlanetInfo.name; const sizeFactor = selectedPlanetInfo ? Math.round(selectedPlanetInfo.assignedScale * 100) : '--'; document.getElementById('timeValue').textContent = `${timeTaken} s`; document.getElementById('nameValue').textContent = planetDesignation; // Use stored name document.getElementById('sizeValue').textContent = sizeFactor; if (successPopupContainer) successPopupContainer.style.display = 'flex'; // For rounds 1-10, store the smallest planet of this round for the Round 11 special mission if (currentRound <= 10) { const roundSmallestPlanet = planetData.reduce((min, p) => p.assignedScale < min.assignedScale ? p : min, planetData[0]); historicalSmallestPlanets.push({ name: roundSmallestPlanet.name, assignedScale: roundSmallestPlanet.assignedScale, textureUrl: roundSmallestPlanet.textureUrl, // Keep texture for potential future display round: currentRound }); console.log(`Round ${currentRound} smallest planet stored:`, roundSmallestPlanet.name, roundSmallestPlanet.assignedScale); } } else { console.log(`Incorrect planet. Selected scale: ${currentPlanetScale.toFixed(3)}, Smallest scale in round: ${smallestScale.toFixed(3)}`); handleIncorrectSelection(); // Call the new handler for incorrect selections } }); } else { console.error('Select Planet button not found.'); } if (continueButton) { // Renamed from nextRoundButton continueButton.addEventListener('click', () => { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) { uiClickSound.play(); } if (successPopupContainer) successPopupContainer.style.display = 'none'; currentRound++; // Clear historical data if starting a new game cycle after round 11 (or more) has been completed if (currentRound === 1 && historicalSmallestPlanets.length > 0) { historicalSmallestPlanets = []; console.log("New game cycle, cleared historical planet data."); } updateRoundDisplay(); // Shows correct round number const round11SpecialPopup = document.getElementById('round11SpecialPopupContainer'); const timerDisplayElement = document.getElementById('timerDisplay'); const leftNavButton = document.getElementById('leftNavButton'); const rightNavButton = document.getElementById('rightNavButton'); const selectPlanetButtonElem = document.getElementById('selectPlanetButton'); // Cleanup previous planet display from scene (safer to do this before deciding next state) if (spriteMesh) { scene.remove(spriteMesh); spriteMesh = null; } if (leftBracketGroup) { scene.remove(leftBracketGroup); leftBracketGroup = null; } if (rightBracketGroup) { scene.remove(rightBracketGroup); rightBracketGroup = null; } if (paginationDotsGroup) { scene.remove(paginationDotsGroup); paginationDotsGroup = null; paginationDotMeshes = []; } // Health display cleanup is removed from here; setupHealthDisplay now handles reuse. clearInterval(timerInterval); // Stop timer regardless, new state will start it if needed // Update round display at the end, after all logic for the new round state is set. // updateRoundDisplay(); // Moved to the end of the function. if (currentRound === 11 /* && !isSpecialRound11Completed */) { // isSpecialRound11Completed will be a future game state flag // --- ROUND 11 SPECIAL MODE --- timerDisplayElement.textContent = 'ARCHIVAL SCAN'; if (renderer.domElement) renderer.domElement.style.display = 'block'; // Keep canvas for background stars if (leftNavButton) leftNavButton.style.display = 'none'; if (rightNavButton) rightNavButton.style.display = 'none'; if (selectPlanetButtonElem) selectPlanetButtonElem.style.display = 'none'; if (paginationDotsGroup) paginationDotsGroup.visible = false; // Hide pagination dots if (healthDisplayGroup) healthDisplayGroup.visible = false; // Hide health display round11SpecialPopup.style.display = 'flex'; populateRound11PlanetList(); // Music for Round 11 special popup gameMusicShouldBePlaying = true; tryPlayAmbientSound(); } else { // --- NORMAL ROUND (or post-Round 11 special completion) --- round11SpecialPopup.style.display = 'none'; // Ensure special popup is hidden if (renderer.domElement) renderer.domElement.style.display = 'block'; if (leftNavButton) leftNavButton.style.display = 'flex'; if (rightNavButton) rightNavButton.style.display = 'flex'; if (selectPlanetButtonElem) selectPlanetButtonElem.style.display = 'block'; preparePlanetDataForNewRound(); currentPlanetIndex = 0; loadInitialPlanet(); // Ensure pagination and health display are (re)created and visible for normal rounds if (!paginationDotsGroup) createPaginationDots(); else paginationDotsGroup.visible = true; setupHealthDisplay(); // This handles creation/visibility updatePaginationDots(currentPlanetIndex); startTimer(); // Music logic for normal rounds: ensure ambientGameSound is playing. gameMusicShouldBePlaying = true; tryPlayAmbientSound(); } }); } else { console.error('Continue button not found.'); // Updated error message } const confirmRound11SelectionButton = document.getElementById('confirmRound11SelectionButton'); if (confirmRound11SelectionButton) { confirmRound11SelectionButton.addEventListener('click', () => { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) uiClickSound.play(); if (!round11SelectedPlanet) { alert("Please select a planet from the archival data."); // Simple alert for now return; } // Determine the actual smallest planet from the historical data const overallSmallest = historicalSmallestPlanets.reduce((min, p) => p.assignedScale < min.assignedScale ? p : min, historicalSmallestPlanets[0]); const round11PlanetListDiv = document.getElementById('round11PlanetList'); if (round11SelectedPlanet.name === overallSmallest.name && Math.abs(round11SelectedPlanet.assignedScale - overallSmallest.assignedScale) < 0.001) { if (successSound && successSound.buffer && !successSound.isPlaying) successSound.play(); round11PlanetListDiv.innerHTML = `

SUCCESS! Target ${overallSmallest.name} (Size: ${Math.round(overallSmallest.assignedScale*100)}) correctly identified.

Proceeding to next sector...

`; // TODO: Game proceeds. For now, just hide popup and start next round logic. setTimeout(() => { document.getElementById('round11SpecialPopupContainer').style.display = 'none'; playerHealth = NUM_HEALTH_HELICES; // Reset health for post-round 11 normal play // Manually trigger the "continue" logic as if 'continueButton' was clicked // This advances to round 12 (or next logical step) // This mimics the continueButton's core functionality. if (successPopupContainer) successPopupContainer.style.display = 'none'; // Ensure regular success popup is hidden // currentRound++; // Already incremented when entering round 11, now we are effectively *finishing* round 11. // So the next click on continueButton would naturally lead to round 12. // We directly call the logic that would happen after clicking continue. // The logic below is a simplified version of continueButton's event handler // tailored for advancing *after* round 11 special. const round11SpecialPopup = document.getElementById('round11SpecialPopupContainer'); const timerDisplayElement = document.getElementById('timerDisplay'); const leftNavButton = document.getElementById('leftNavButton'); const rightNavButton = document.getElementById('rightNavButton'); const selectPlanetButtonElem = document.getElementById('selectPlanetButton'); round11SpecialPopup.style.display = 'none'; if (renderer.domElement) renderer.domElement.style.display = 'block'; leftNavButton.style.display = 'flex'; rightNavButton.style.display = 'flex'; selectPlanetButtonElem.style.display = 'block'; preparePlanetDataForNewRound(); // Prepares data for Round 12 currentPlanetIndex = 0; loadInitialPlanet(); if (!paginationDotsGroup) createPaginationDots(); else paginationDotsGroup.visible = true; setupHealthDisplay(); // Add health display setup here too updatePaginationDots(currentPlanetIndex); startTimer(); // Music for post-round 11 gameMusicShouldBePlaying = true; tryPlayAmbientSound(); updateRoundDisplay(); // To show Round 12 (or currentRound if logic changes) }, 3000); // Delay before auto-proceeding } else { if (failSound && failSound.buffer && !failSound.isPlaying) failSound.play(); round11PlanetListDiv.innerHTML = `

FAILURE. Incorrect target. Actual smallest: ${overallSmallest.name} (Size: ${Math.round(overallSmallest.assignedScale*100)}). You selected: ${round11SelectedPlanet.name} (Size: ${Math.round(round11SelectedPlanet.assignedScale*100)})

Restarting mission sequence...

`; // TODO: Game Over or restart logic. For now, just re-populate list. setTimeout(() => { // Reset to main menu or round 1 currentRound = 0; // Will be incremented to 1 by continue button's logic historicalSmallestPlanets = []; document.getElementById('round11SpecialPopupContainer').style.display = 'none'; document.getElementById('mainMenuContainer').style.display = 'flex'; document.getElementById('gameContainer').style.display = 'none'; gameMusicShouldBePlaying = false; // Stop music on failure going to menu if (ambientGameSound && ambientGameSound.isPlaying) ambientGameSound.stop(); }, 4000); } // Disable confirm button after selection to prevent re-submission confirmRound11SelectionButton.disabled = true; confirmRound11SelectionButton.style.opacity = 0.5; confirmRound11SelectionButton.style.cursor = 'default'; }); } else { console.error('Confirm Round 11 Selection button not found.'); } }); function setupDevLevelSelect() { const devLevelSelectButton = document.getElementById('devLevelSelectButton'); const devLevelSelectPopupContainer = document.getElementById('devLevelSelectPopupContainer'); const closeDevLevelSelectButton = document.getElementById('closeDevLevelSelectButton'); const devLevelSelectList = document.getElementById('devLevelSelectList'); if (devLevelSelectButton) { devLevelSelectButton.addEventListener('click', () => { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) uiClickSound.play(); if (devLevelSelectPopupContainer) devLevelSelectPopupContainer.style.display = 'flex'; populateDevLevelList(); }); } if (closeDevLevelSelectButton) { closeDevLevelSelectButton.addEventListener('click', () => { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) uiClickSound.play(); if (devLevelSelectPopupContainer) devLevelSelectPopupContainer.style.display = 'none'; }); } function populateDevLevelList() { if (!devLevelSelectList) return; devLevelSelectList.innerHTML = ''; // Clear previous items for (let i = 1; i <= 11; i++) { const levelItem = document.createElement('div'); levelItem.classList.add('devLevelItem'); levelItem.textContent = `Start at Round ${i}`; levelItem.dataset.level = i; levelItem.addEventListener('click', () => { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) uiClickSound.play(); const selectedLevel = parseInt(levelItem.dataset.level); console.log(`Dev select: Start at round ${selectedLevel}`); // Reset game state as if starting fresh but at a specific round currentRound = selectedLevel; playerHealth = NUM_HEALTH_HELICES; // Reset health when dev jumping historicalSmallestPlanets = []; // Clear history as we are "jumping" round11SelectedPlanet = null; // Hide main menu and dev popup document.getElementById('mainMenuContainer').style.display = 'none'; if (devLevelSelectPopupContainer) devLevelSelectPopupContainer.style.display = 'none'; // Determine if we are jumping to round 11 special or a normal round const round11SpecialPopupContainer = document.getElementById('round11SpecialPopupContainer'); const gameContainer = document.getElementById('gameContainer'); const timerDisplayElement = document.getElementById('timerDisplay'); const leftNavButton = document.getElementById('leftNavButton'); const rightNavButton = document.getElementById('rightNavButton'); const selectPlanetButtonElem = document.getElementById('selectPlanetButton'); // Cleanup previous THREE.js scene if it exists from a prior game session if (scene && spriteMesh) { scene.remove(spriteMesh); spriteMesh = null; } if (scene && leftBracketGroup) { scene.remove(leftBracketGroup); leftBracketGroup = null; } if (scene && rightBracketGroup) { scene.remove(rightBracketGroup); rightBracketGroup = null; } if (scene && paginationDotsGroup) { scene.remove(paginationDotsGroup); paginationDotsGroup = null; paginationDotMeshes = []; } if (gameContainer) gameContainer.style.display = 'block'; if (!renderer) { // Initialize scene only if it hasn't been done setupSceneAndCamera(); createTwinklingStars(); createShootingStars(); window.addEventListener('resize', onWindowResize, false); const leftNavButton = document.getElementById('leftNavButton'); const rightNavButton = document.getElementById('rightNavButton'); if (leftNavButton) { leftNavButton.addEventListener('click', () => changePlanet(-1)); } if (rightNavButton) { rightNavButton.addEventListener('click', () => changePlanet(1)); } animate(); } updateRoundDisplay(); if (currentRound === 11) { // Special handling for starting directly at Round 11 // Need to ensure historical data for rounds 1-10 is faked or prepared. // For now, let's assume a minimal fake history for testing. if (historicalSmallestPlanets.length === 0) { console.warn("Dev jump to Round 11: Faking minimal historical data for rounds 1-10."); for(let r=1; r<=10; r++) { historicalSmallestPlanets.push({ name: `DevPlanet-R${r}`, assignedScale: 0.5 + Math.random() * 0.2, // Smaller scales textureUrl: allPlanetAssetUrls[r % allPlanetAssetUrls.length], round: r }); } } if (timerDisplayElement) timerDisplayElement.textContent = 'ARCHIVAL SCAN'; if (renderer.domElement) renderer.domElement.style.display = 'block'; if (leftNavButton) leftNavButton.style.display = 'none'; if (rightNavButton) rightNavButton.style.display = 'none'; if (selectPlanetButtonElem) selectPlanetButtonElem.style.display = 'none'; if (paginationDotsGroup) paginationDotsGroup.visible = false; // Hide pagination dots if (healthDisplayGroup) healthDisplayGroup.visible = false; // Hide health display if (round11SpecialPopupContainer) round11SpecialPopupContainer.style.display = 'flex'; populateRound11PlanetList(); gameMusicShouldBePlaying = true; tryPlayAmbientSound(); // Ambient music for Round 11 } else { // Normal round start if (round11SpecialPopupContainer) round11SpecialPopupContainer.style.display = 'none'; if (renderer.domElement) renderer.domElement.style.display = 'block'; if (leftNavButton) leftNavButton.style.display = 'flex'; if (rightNavButton) rightNavButton.style.display = 'flex'; if (selectPlanetButtonElem) selectPlanetButtonElem.style.display = 'block'; preparePlanetDataForNewRound(); currentPlanetIndex = 0; loadInitialPlanet(); if (!paginationDotsGroup) createPaginationDots(); else paginationDotsGroup.visible = true; setupHealthDisplay(); // Setup health display for normal rounds updatePaginationDots(currentPlanetIndex); startTimer(); // Music logic for normal dev rounds: ensure ambientGameSound is playing. gameMusicShouldBePlaying = true; if (audioListener && audioListener.context && audioListener.context.state === 'suspended') { audioListener.context.resume().then(() => { tryPlayAmbientSound(); }).catch(e => console.error("Error resuming audio context in dev level select:", e)); } else { tryPlayAmbientSound(); } } }); devLevelSelectList.appendChild(levelItem); } } } function populateRound11PlanetList() { const planetListDiv = document.getElementById('round11PlanetList'); round11SelectedPlanet = null; // Reset selection const confirmButton = document.getElementById('confirmRound11SelectionButton'); // Define confirmButton here if (confirmButton) { // Re-enable button if previously disabled confirmButton.disabled = false; confirmButton.style.opacity = 1; confirmButton.style.cursor = 'pointer'; } if (!historicalSmallestPlanets || historicalSmallestPlanets.length === 0) { planetListDiv.innerHTML = "

No archival data available. Critical system error.

"; return; } // Shuffle the historical planets for display to make it a challenge const shuffledHistoricalPlanets = [...historicalSmallestPlanets].sort(() => 0.5 - Math.random()); planetListDiv.innerHTML = ''; // Clear previous list shuffledHistoricalPlanets.forEach(planet => { const item = document.createElement('div'); item.classList.add('round11PlanetItem'); item.textContent = `${planet.name} - From Round ${planet.round}`; item.dataset.planetName = planet.name; // Store name for identification item.dataset.planetScale = planet.assignedScale; item.addEventListener('click', () => { if (uiClickSound && uiClickSound.buffer && !uiClickSound.isPlaying) uiClickSound.play(); // Remove 'selected' style from previously selected item const currentlySelected = planetListDiv.querySelector('.selected'); if (currentlySelected) { currentlySelected.classList.remove('selected'); currentlySelected.style.backgroundColor = 'rgba(0, 50, 100, 0.5)'; // Reset style currentlySelected.style.borderColor = 'rgba(0, 100, 150, 0.7)'; } // Add 'selected' style to clicked item item.classList.add('selected'); item.style.backgroundColor = 'rgba(0, 100, 180, 0.8)'; // Highlight selected item.style.borderColor = '#00ffff'; // Find the original planet object from historicalSmallestPlanets to ensure we have the full data // This is safer than relying on the 'planet' variable from the forEach loop if its scope or properties were different. round11SelectedPlanet = historicalSmallestPlanets.find(p => p.name === planet.name && p.round === planet.round); console.log("Round 11 Selected Planet:", round11SelectedPlanet); }); planetListDiv.appendChild(item); }); }