SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "Black and White Dimensions". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-contrast, clean 3D aesthetic. The game world should feature a "floating" puzzle structure within a sleek, abstract void. * **Models:** * **Tiles:** Uniform cubes with slightly beveled edges to catch specular highlights. * **Textures:** A texture atlas containing simple icons (Paw prints, Flowers, Suns, Kanji/Mahjong characters, Spirals). * **Color Palette:** Strictly monochromatic for the tiles. Half the tiles are **Black** (Glossy material, white icons), and half are **White** (Matte material, black icons). * **Selection State:** When a user taps a tile, it must emit a distinct highlight color (e.g., Neon Pink or Cyan) to indicate selection. * **Environment:** A dark gray or radial gradient background (vignette style) to ensure the white tiles do not blend into the background. Add subtle ambient lighting and a directional light to create depth and shadows on the cube stack. * **Performance:** Use `THREE.InstancedMesh` for the cubes to optimize draw calls for mobile devices. Use a single texture atlas for all symbols to reduce memory usage. ### 2. Audio Requirements * **BGM:** A "Zen-techno" or ambient electronic track. It should be relaxing but have a steady rhythm to encourage focus. * **SFX:** * **Selection:** A soft, high-pitched "click" or "pop". * **Match Success:** A satisfying, resonant "glass chime" or digital harmonic chord. * **Rotation:** A subtle "whoosh" or wind sound when spinning the puzzle. * **Invalid Move:** A dull, low-frequency "thud" or "buzz" if a player tries to match blocked tiles. * **Level Clear:** An ascending, triumphant jingle. ### 3. Gameplay Loop * **Setup:** Generate a 3D structure of cubes (e.g., a large cube, pyramid, or irregular shape) floating in the center. Ensure the layout is solvable (tiles are generated in pairs). * **Core Mechanic:** 3D Mahjong Solitaire. * **Matching Rule (CRITICAL):** Players must match two tiles that have the **same symbol** but **contrasting background colors** (One Black Tile + One White Tile). A Black/Black or White/White match is invalid. * **Availability Rule:** A tile can only be selected if it has at least **two adjacent sides free** (i.e., it is on an outer edge or corner) and is not covered by another tile from above. * **Interaction Flow:** 1. Tap first valid tile -> Tile highlights. 2. Tap second valid tile -> * If Match: Both tiles animate (scale down/vanish), score increases, particles emit. * If Mismatch: First tile deselects, or second tile becomes the new selection. * **Win Condition:** Clear all tiles from the screen. * **Lose Condition:** No more valid moves available (Time limit is optional but a timer should be displayed). ### 4. Mobile Controls & Interaction * **Camera Control (Orbit):** * Implement **Single-finger drag** (on background) to rotate the entire puzzle structure (OrbitControls). * Implement **Two-finger pinch** to zoom in/out. * Ensure rotation inertia is enabled for a smooth, high-quality feel. * **Tile Interaction (Raycasting):** * **Tap:** Raycaster detects tap on a cube. If the cube is a valid "edge" tile, it is selected. * **Hit Area:** Ensure the raycaster precision is high; do not require pixel-perfect tapping (add a slight tolerance). * **UI Layout:** * **Top Bar:** Score display and Timer (White text, sans-serif font). * **Bottom/Side:** A "Shuffle" button (in case of no moves) and a "Hint" button. Icons should be large (minimum 48x48px touch targets). * **Orientation:** Support both Portrait and Landscape, but optimize the camera FOV to keep the puzzle fully visible in Portrait mode. * **Feedback:** Add **Haptic Feedback** (vibration) on successful matches if the device supports it via the Vibration API. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.