SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "Revolution Idle X - Mobile Remake". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Abstract Sci-Fi / Space theme with a focus on high-contrast neon colors against a deep dark background. * **Core Geometry (The Revolution Rings)**: * Create a central set of concentric rings (Torus geometry or Ring geometry). * There should be at least 7 layers representing a rainbow spectrum (Red inner -> Orange -> Yellow -> Green -> Blue -> Indigo -> Violet/White outer). * **Shader/Material**: Use `THREE.ShaderMaterial` or maniputable geometry to allow each ring to "fill up" radially (like a clock or progress bar) based on its current cycle timer. They should glow (emissive property). * **Background**: A dynamic starfield using `THREE.Points` that slowly rotates to give a sense of floating in space. Add a subtle nebula fog effect (purple/blue gradients). * **Performance**: Use simple geometry (Low-poly count for toruses, e.g., radialSegments: 30, tubularSegments: 8) to ensure 60FPS on mobile devices. * **Particles**: When a ring completes a revolution, emit a small burst of particles in the corresponding color to simulate "energy generation." ### 2. Audio Requirements * **BGM**: A chill, hypnotic, endless Synthwave or Lo-Fi Space Ambient track. It should be non-intrusive to allow for long play sessions. * **Sound Effects (SFX)**: * **Tick**: A very soft click or tick sound as the primary ring moves. * **Cycle Complete**: A pleasant, soft chime or "ding" when a ring finishes a revolution (pitch scales up with the ring color/tier). * **Upgrade**: A high-tech "blip" or digital confirmation sound. * **Ascend/Prestige**: A sweeping "whoosh" sound followed by a heavy bass impact to signify a world reset. ### 3. Gameplay Loop * **Core Mechanic**: The inner ring fills up automatically. When it completes a circle (360 degrees), it generates "Score" and increments a revolution counter. * **Progression**: * Players spend "Score" to buy "Speed Upgrades" for the current ring or "Unlock" the next outer ring. * Outer rings require the inner rings to complete X revolutions to move tick once (Gear-like dependency), OR they run independently but cost significantly more to unlock/speed up. * **Prestige System (Ascension)**: * Once the player reaches a specific total score or unlocks the final ring, they can "Ascend". * This resets all rings and money but grants "Rainbow Gems" (Global Multiplier) that make all future rings fill x% faster. * **Numbers**: Use scientific notation (e.g., 1.5e6) for large numbers as they will grow exponentially. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode**. The concentric circles should be centered in the upper-middle of the screen, leaving the bottom 30% for UI. * **Touch Controls**: * **Main Interaction**: Tapping anywhere inside the ring area should manually advance the lowest tier ring (Active Clicker mechanic) to help the early game. Add a visual "tap ripple" effect. * **UI Buttons**: Replace the PC keyboard shortcuts ('A' and 'B') with large, thumb-friendly HTML overlay buttons at the bottom of the screen: * **[Buy Max]**: Automatically spends score to buy the cheapest available upgrade. * **[Ascend]**: A distinct, possibly red or gold button for prestige (with a confirmation modal). * **Haptic Feedback**: Trigger a light vibration (using `navigator.vibrate`) when a major ring (outer tiers) completes a revolution or when an upgrade is purchased. * **Responsiveness**: Ensure the canvas resizes correctly on orientation change, though Portrait is the intended view. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.