Mermaid Dress Up - Fashion Styling Game
Prompt
MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Mermaid Dress Up". Please read the following detailed game design requirements first, and then generate the code accordingly:
### 1. Assets & Environment
* **Visual Style:** Use a **Toon/Cel-Shaded** aesthetic (using `MeshToonMaterial`) to replicate the vector art style of the reference image. Colors should be pastel, vibrant, and highly saturated (purples, teals, pinks).
* **Main Character:** Create a central, low-poly 3D Mermaid model. The model must be modular:
* **Head:** Customizable hair meshes (long, bob, wavy), customizable eyes (texture swaps).
* **Torso:** Interchangeable "tops" (shell bras, pearl strands, starfish covers).
* **Tail:** Distinct tail meshes or texture maps allowing for different scales, patterns, and fin shapes.
* **Environment:** An immersive underwater scene.
* **Background:** A gradient blue-cyan fog to simulate depth.
* **Particles:** A continuous particle system of rising bubbles.
* **Lighting:** Simluated "caustics" (light rays) coming from above using a spotlight with a projection texture or simple animated alpha planes.
* **Decor:** Simple low-poly coral or a distant castle silhouette in the background.
* **Optimization:** Use shared geometries where possible. Limit texture sizes to 1024x1024. Ensure the poly count is optimized for mobile GPUs (under 20k triangles total).
### 2. Audio Requirements
* **BGM (Background Music):** A calming, ethereal underwater track. Key instruments: Harp, Glockenspiel, and gentle synth pads. It should loop seamlessly.
* **Sound Effects (SFX):**
* **UI Click:** A distinct "Bubble Pop" or "Water Drop" sound.
* **Item Change:** A magical "Shimmer" or "Sparkle" chime when the player successfully changes an outfit piece.
* **Shuffle Button:** A quick rushing water sound.
* **Save/Photo:** A camera shutter sound combined with a splash.
### 3. Gameplay Loop
* **Customization Mechanism:** The core loop allows the user to cycle through categories: Skin Tone, Hair Style/Color, Eye Color, Top, Tail Pattern, and Accessories.
* **State Management:** The game must track the current index of each category. When an item is selected, the corresponding mesh or texture on the 3D model updates instantly.
* **Randomize Feature:** A "Shuffle" button that randomly selects an index for every category to generate a unique mermaid instantly.
* **Save System:** A "Photo Mode" button that temporarily hides the UI, renders the current WebGL canvas to a PNG image, and triggers a download for the user to save their creation.
### 4. Mobile Controls & Interaction
* **Orientation:** **Portrait Mode** is preferred to display the full height of the mermaid.
* **Camera Controls:**
* **Swipe (Horizontal):** Rotates the character 360 degrees to view the tail and hair from the back.
* **Pinch:** Zooms in/out on the character's face/body.
* **Damping:** Add inertia to the rotation for a smooth, premium feel.
* **UI Layout:**
* **Bottom Navigation:** A scrollable horizontal bar at the bottom containing category icons (Face, Hair, Body, Tail).
* **Sub-Menu:** Just above the nav bar, display the available items for the selected category in a grid or horizontal scroll.
* **Touch Targets:** All buttons must be at least **44x44 pixels** to ensure thumb-friendly interaction.
* **Feedback:** When an item is tapped, give visual feedback (e.g., the button highlights or scales up slightly) and play the "Bubble Pop" sound immediately to reduce perceived latency.
Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.
Game Introduction
About the Game
Mermaid Dress Up is an enchanting fashion styling game that lets you dive into the magical world of mermaids. This creative dress-up experience offers unlimited imagination as you design the most beautiful underwater princess. With its charming cartoon art style and extensive customization options, players can create unique mermaid characters that reflect their personal style and creativity.
The game features intuitive gameplay perfect for fashion enthusiasts of all ages, allowing you to experiment with countless combinations to create the perfect mermaid look.
Core Features
Comprehensive Character Customization
The game offers an impressive range of customization options:
- Skin Tone Selection : Choose from various skin colors to create diverse mermaid characters
- Hairstyle Variety : Pick from multiple hair colors and styles, from flowing long locks to cute shorter cuts
- Facial Features : Customize eyes, eyebrows, lips, and other facial details to create unique expressions
- Clothing Options : Dress your mermaid in beautiful tops, accessories, and jewelry
- Magical Mermaid Tails : The highlight feature - select from stunning tails with various patterns, colors, and designs
Creative Tools and Features
- Random Generator : Use the random play button for instant fashion inspiration when you need creative ideas
- Save Function : Capture and save your mermaid creations directly to your device
- Mix and Match : Experiment with unlimited combinations to find your perfect style
- Instant Preview : See changes in real-time as you customize your character
Beautiful Visual Design
The game showcases a delightful cartoon art style with vibrant colors and magical underwater themes. The background features an enchanting underwater castle, creating the perfect setting for your mermaid adventures.
How to Play
Playing Mermaid Dress Up is simple and intuitive:
- Start Creating : Begin by selecting your mermaid's basic appearance
- Choose Skin Tone : Pick the perfect skin color for your character
- Style the Hair : Select hair color and style that matches your vision
- Customize Face : Adjust facial features including eyes, lips, and expressions
- Dress Up : Add clothing, accessories, and jewelry
- Select Mermaid Tail : Choose from the stunning collection of mermaid tails with various patterns
- Use Random Button : Click the random generator for instant inspiration
- Save Your Creation : Don't forget to save your finished mermaid design
The game encourages experimentation - try different combinations until you create the most magnificent mermaid of the sea!
Why Play This Game
Mermaid Dress Up offers several compelling reasons to dive in:
- Completely Free : Enjoy full access to all features without any cost
- No Download Required : Play instantly in your web browser
- Cross-Platform Compatible : Works perfectly on computers, tablets, and smartphones
- Unlimited Creativity : No restrictions on how many characters you can create
- Relaxing Gameplay : Perfect for stress relief and creative expression
- Kid-Friendly : Safe, appropriate content suitable for all ages
- Regular Inspiration : Random generator ensures you never run out of ideas
Whether you're a fashion enthusiast, love mythical creatures, or simply enjoy creative games, Mermaid Dress Up provides hours of entertainment with its magical underwater theme and extensive customization options.
Frequently Asked Questions (FAQ)
Is Mermaid Dress Up free to play?
+
Yes, Mermaid Dress Up is completely free to play online. You can access all customization options and features without any payment required.
Do I need to download the game?
+
No download is needed! Mermaid Dress Up is a browser-based game that you can play instantly online without installing anything on your device.
Can I play on mobile devices?
+
Absolutely! The game works perfectly on mobile phones, tablets, and desktop computers. It's optimized for touch screens and mouse controls alike.
How do I save my mermaid creations?
+
Once you've finished styling your mermaid, look for the save button in the game interface. This will download your mermaid image directly to your device's gallery or downloads folder.
What customization options are available?
+
You can customize skin tone, hair color and style, facial features, clothing, accessories, and choose from a wide variety of beautiful mermaid tails with different patterns and colors.
Is there an age limit for this game?
+
Mermaid Dress Up is suitable for all ages. It features family-friendly content and is particularly popular among children and teens who enjoy fashion and creativity games.
What does the random button do?
+
The random play button automatically generates a complete mermaid look with randomized features. It's great for getting inspiration when you're not sure what style to create.
Can I create multiple mermaid characters?
+
Yes! There's no limit to how many different mermaid characters you can create. Each design can be saved separately, allowing you to build a collection of unique mermaids.