SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "**Quack Quest**". This is a relaxing idle crafting game set on a tropical island. Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly, vibrant cartoon aesthetic using flat shading or Toon Shaders (Cell Shading) to match the illustrated character icon. The color palette should be dominated by sunny yellows, ocean blues, and lush greens. * **Main Character:** A simplified low-poly white duck wearing a brown straw hat and blue overalls, carrying a pickaxe. * **Environment:** A procedurally generated or pre-set circular tropical island mesh floating in a blue ocean. * **Ocean:** Simple vertex-animated shader for gentle waves. * **Resources:** Destructible assets including palm trees (wood), grey rocks (stone), and berry bushes (food). * **Structures:** Simple wooden crafting tables and bridges to unlock new zones. * **Performance (Mobile):** Use `THREE.InstancedMesh` for all environmental resources (trees, rocks) to reduce draw calls. Limit dynamic lights; use baked lighting or a single DirectionalLight with soft shadows. Use "Blob shadows" (simple dark circles) under the character instead of expensive real-time shadow casting if possible. ### 2. Audio Requirements * **BGM:** A relaxing, looping "Tropical Lo-Fi" track featuring ukulele, steel drums, and gentle percussion. * **SFX:** * **Nature:** Constant background loop of ocean waves and light breeze. * **Action:** A comical "Bonk" or "Chop" sound when hitting resources. * **Feedback:** A satisfying "Pop" sound with a rising pitch when collecting items. * **Character:** A random "Quack" sound when the player idles for too long or takes damage. * **UI:** Soft wooden clicking sounds for menu interactions. ### 3. Gameplay Loop * **Core Mechanic:** The player taps on a resource (e.g., a tree). The duck walks to it and automatically starts hitting it with the pickaxe until it breaks. * **Collection:** Resources drop on the ground as small floating cubes/icons which act as magnets to the player. * **Crafting & Upgrades:** * Open a simple menu to convert Raw Resources -> Refined Items (e.g., Wood -> Planks). * **Upgrades:** Spend resources to upgrade the Pickaxe (reduces hits needed to break objects) or Boots (increases movement speed). * **Expansion:** Repair broken bridges using crafted items to access new islands with higher-tier resources (e.g., Gold, Iron). * **Tycoon/Idle Element:** Allow unlocking "Ducklings" (NPCs) that automatically gather nearby resources slowly. ### 4. Mobile Controls & Interaction * **Input Handling:** * **Tap-to-Move:** Implement Raycasting on `touchstart`. When the player taps the ground, a visual ring indicator appears, and the duck moves there. * **Tap-to-Interact:** Tapping a resource node sets it as the "Target." The duck approaches the target and begins the harvesting animation automatically. * **Camera:** Fixed Isometric view (OrthographicCamera preferred for the Tycoon look). Allow single-finger drag to pan the camera slightly, but keep the player centered. * **UI Layout:** * **Orientation:** Landscape mode locked. * **HUD:** Large, thumb-friendly buttons. A resource counter in the top-left. A large "Crafting/Inventory" button in the bottom-right corner (easy thumb reach). * **Hitboxes:** Ensure resource hitboxes are larger than their visual models to accommodate "fat finger" errors on small screens. * **Feedback:** * **Haptics:** Trigger `navigator.vibrate(20)` every time the pickaxe hits a rock/tree. * **Visuals:** Floating text numbers (damage/resource count) popping up from the target using simple CSS2DObject or Tween animations. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.