SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "Dress Up The Lovely Princess". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D or High-Quality 2D sprites integrated into a 3D scene. The aesthetic should be "Shojo Manga" style—anime-inspired but softer, with big expressive eyes, glossy hair, and elegant poses. The color palette must be vibrant and warm, dominated by hues of hot pink, rose, pastel peach, and gold accents. * **Characters**: Create a central 3D mannequin or high-res sprite plane representing the "Princess." She should have interchangeable slots for: Hair (Blonde, Dark Blue, Brunette), Tops/Dresses (Red cocktail dress, Blue blouse, Striped shirt), Bottoms (Denim jeans, ripped skinny jeans, skirts), and Accessories (Handbags like the gold clutch and brown leather bag). * **Environment**: A static but dreamy background using a "Parallax scrolling" effect slightly. The background should feature a soft-focus pink garden with cherry blossom silhouettes and sparkles. * **Lighting & Effects**: Use soft ambient lighting (AmbientLight) paired with a DirectionalLight to create subtle shadows that ground the character. Add a particle system for "sparkles" or "hearts" that gently float up in the background to enhance the "magical princess" vibe. * **Mobile Optimization**: Use low-poly meshes if using 3D models (under 5000 tris per character). Textures should be compressed (WebP preferred). Ensure the camera is fixed in a Portrait mode orientation (vertical) to match phone usage. ### 2. Audio Requirements * **BGM (Background Music)**: A light, uplifting, and looped instrumental track. Instruments should include a harp, glockenspiel, and soft synth pads. The tempo should be moderate (around 100 BPM) to create a relaxing atmosphere. * **SFX (Sound Effects)**: * **Item Select**: A satisfying high-pitched "pop" or "bubble" sound when tapping an item icon. * **Item Equip**: A magical "shimmer" or "twinkle" sound when the clothing physically changes on the model. * **Camera Snapshot**: A classic shutter click sound for the "Finish/Save" button. * **UI Click**: Soft wooden or bubbly clicks for menu navigation. ### 3. Gameplay Loop * **Core Mechanic**: A classic paper-doll style dress-up interface. The player sees the main character in the center. A wardrobe menu is located at the bottom or side. * **Cycle**: 1. **Selection**: The player selects a category (e.g., Hair, Dress, Shoes). 2. **Customization**: The menu populates with options based on the screenshot (e.g., the red dress, the ripped jeans). Tapping an option instantly updates the character model. 3. **Completion**: Once satisfied, the player presses a "Showtime" or "Camera" button. 4. **Reward**: The UI fades away, the character performs a small animation (a twirl or a pose), and confetti particles explode. The player can then save the image or restart. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode (Vertical)** is mandatory. This fits the standing character model best and aligns with how users hold phones. * **Touch Controls**: * **UI Layout**: The wardrobe UI should be a scrollable horizontal carousel at the bottom of the screen (Thumb zone friendly). * **Tap Targets**: All icons must be at least 48x48 pixels with adequate padding to prevent miss-clicks. * **Gestures**: Support a "Swipe Left/Right" on the character model to spin her 360 degrees to see the outfit from the back. * **Zoom**: Pinch-to-zoom on the character's face for applying makeup details (if implemented) or just admiring the look. * **Feedback**: * **Haptic**: A very light vibration (using `navigator.vibrate(10)`) when an item is successfully equipped. * **Visual**: The selected icon in the menu should have a clear "Active" state (e.g., a gold border or a slight scale-up animation). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.