SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "Hexagonal Puzzle Strategy Game (Hex FRVR Style)". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Minimalist, clean, and modern 2D-in-3D aesthetic. Use a dark charcoal background (`#1a1a1a`) with faint, subtle hexagonal wireframe patterns slowly rotating in the deep background to add depth without distraction. * **Grid System:** Create a large, central hexagonal grid composed of smaller individual hexagonal slots (a "honeycomb" layout). The empty slots should look like recessed indentations (dark grey). * **Game Pieces:** Render the puzzle pieces as clusters of 1 to 4 connected hexagonal tiles. * **Colors:** Use vibrant, flat, but slightly glossy colors for the pieces (e.g., Neon Green `#A5D6A7`, Hot Pink `#F48FB1`, Royal Blue `#90CAF9`, Amber `#FFE082`). * **Material:** Use `MeshStandardMaterial` with slight roughness and distinct emissive properties to make them "pop" against the dark background. * **Effects:** * **Placement:** When a piece is successfully placed, trigger a subtle "snap" scale animation (scale up 1.1x then back to 1.0). * **Clearing Lines:** When a line is cleared, the affected tiles should flash white, then shrink rapidly to zero scale with a small particle explosion effect (using simple geometry planes to save performance). * **Mobile Optimization:** Use simple geometries (CylinderBufferGeometry with 6 radial segments for hexagons). Avoid complex shadows; use baked ambient occlusion look or simple directional light. ### 2. Audio Requirements * **BGM:** A calm, "zen-like" ambient electronic track. Think soft synth pads, slow tempo (60-80 BPM), non-intrusive, suitable for deep concentration. * **SFX:** * **Pick Up:** A soft, high-pitched "pop" or "whoosh" when dragging a piece. * **Snap/Place:** A satisfying, crisp mechanical "click" sound. * **Clear Line:** A harmonious, reward-focused chime or chord (major scale). Multiple lines cleared at once should play a higher-pitched or more complex chord. * **Game Over:** A descending, slightly dissonant tone followed by a soft thud. ### 3. Gameplay Loop * **Core Mechanic:** The player starts with an empty hexagonal grid. Three random puzzle pieces (composed of hexagon clusters) appear at the bottom of the screen. * **Action:** The player must drag and drop these pieces onto the main grid. * **Rules:** * Pieces can be placed anywhere as long as the grid slots are empty. * Once placed, pieces cannot be moved. * New pieces only spawn when the current set of three is used up (or immediately replace the used one, depending on the specific variation, but sticking to "refill after 3 used" is a classic approach). * **Scoring:** Completing a full line of tiles in *any* of the three hexagonal directions (horizontal, diagonal left, diagonal right) clears that line and awards points. * **Combo System:** Clearing multiple lines simultaneously grants exponential bonus points. * **Game Over:** The game ends when there is no space left on the grid to fit any of the currently available pieces. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Portrait mode is mandatory. The main grid sits in the center-upper section, and the "hand" of 3 available pieces sits at the bottom. * **Touch Controls:** * **Drag & Drop:** Implement Raycaster logic for touch events (`touchstart`, `touchmove`, `touchend`). * **Offset Logic:** *Crucially*, when the user drags a piece, render the piece slightly *above* their finger position (y-axis offset). This prevents the user's finger from obscuring the piece they are trying to place. * **Visual Feedback:** * **Ghost/Preview:** As the user drags a piece over the grid, highlight the valid underlying slots in a faint, semi-transparent white color to show exactly where the piece will land. * **Invalid Move:** If the user drags a piece to an invalid spot and releases, the piece should spring back to its original position at the bottom. * **Haptics:** Trigger a light vibration (using `navigator.vibrate(10)`) when a piece successfully snaps into the grid. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.