SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "**Frog.io Battle Arena**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopt a vibrant, **Low-Poly Cartoon aesthetic** inspired by the provided 2D icon. The world should be colorful and flat-shaded to ensure high performance on mobile devices. * **Player Character (The Frog)**: Create a cute, low-poly frog model. It should be essentially a rounded cube or sphere with protruding eyes (similar to the icon). The frog must have a "tongue" mechanism (a long red cylinder or line renderer) that shoots out. * *Customization*: Allow for simple color variations (Green, Blue, Red frogs) to distinguish players. * **The Arena**: A large, circular lily pad or a swampy island floating in water. * **Ground**: A texture resembling a giant leaf or mossy ground with a subtle grid pattern to help judge distances. * **Collectibles**: Scattered "Flies" (small glowing yellow winged spheres) floating slightly above the ground. * **Performance Optimization**: Use `THREE.InstancedMesh` for the collectibles (flies) to handle hundreds of objects efficiently. Limit shadow casting to the main player only. Use a simple fog effect at the edges of the map to hide the render distance limit. ### 2. Audio Requirements * **BGM (Background Music)**: A bouncy, rhythmic track featuring marimbas and pizzicato strings. It should feel lighthearted and competitive, looping seamlessly. * **Sound Effects (SFX)**: * **Movement**: A soft "squish" or "hop" sound when the frog moves. * **Attack**: A "zwip" or whip-crack sound when the tongue extends. * **Eating**: A satisfying "gulp" or "munch" sound when collecting a fly or eating another player. * **Elimination**: A "splash" sound if a frog falls off the edge, or a "pop" sound if eaten. * **Level Up**: A rising chime sound when the frog grows in size. ### 3. Gameplay Loop * **Core Mechanics**: This is a classic .io battle royale. Players start small and must eat AI-generated "flies" to grow bigger. * **Combat System**: * **Tongue Lash**: Players can shoot their tongue to grab flies from a distance. * **Predation**: If a player is significantly larger (e.g., 20% bigger) than another frog, they can eat the smaller frog by touching them or grabbing them with their tongue. * **Progression**: * Eating 1 Fly = +1 Score/Size. * Eating a Player = +50 Score/Size (instant growth spurts). * As the frog grows, the camera should slightly zoom out to maintain a good field of view. * **Win/Loss**: The game is endless. If the player is eaten or falls off the map, show a "Game Over" modal with their final size and a "Replay" button. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode** (Vertical) is preferred for one-handed play, but the design should be responsive to Landscape. * **Control Scheme**: * **Virtual Joystick**: A dynamic joystick that appears wherever the player first touches the bottom half of the screen. This controls movement direction. * **Auto-Attack / Release to Shoot**: The frog automatically aims at the nearest edible target. The player can simply tap anywhere on the screen (or a dedicated button on the right) to shoot the tongue. Alternatively, make the tongue shoot automatically when near a fly to simplify mobile play. * **UI Layout**: * **Top Center**: Leaderboard (Top 3 players). * **Top Left**: Current Score/Mass. * **Minimap**: A small circular radar in the top right showing nearby enemies as red dots and the player as a green dot. * **Feedback**: * **Haptic**: Trigger a light vibration when eating a fly, and a heavy vibration when eating another player or dying. * **Visual**: Display floating text ("+1", "+50") when scoring. Flash the screen red briefly when taking damage or being chased by a larger predator. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.