Mermaid Dress Up - Fashion Styling Game

Seele01-Flash
By
Mermaid Dress Up is a captivating fashion styling game where players create magical mermaid characters with unlimited customization options. Design your dream underwater princess with various skin tones, hairstyles, and enchanting mermaid tails.

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:

  1. Start Creating : Begin by selecting your mermaid's basic appearance
  2. Choose Skin Tone : Pick the perfect skin color for your character
  3. Style the Hair : Select hair color and style that matches your vision
  4. Customize Face : Adjust facial features including eyes, lips, and expressions
  5. Dress Up : Add clothing, accessories, and jewelry
  6. Select Mermaid Tail : Choose from the stunning collection of mermaid tails with various patterns
  7. Use Random Button : Click the random generator for instant inspiration
  8. 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)