Mermaid Dress Up

Seele01-Flash
By
Mermaid Dress Up is a captivating fashion game where players can create their dream mermaid with unlimited customization options. Design everything from skin tone and hair color to stunning mermaid tails with various patterns and colors.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Mermaid Dress Up 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: **3D Cel-Shaded / Anime Style**. The character should not look realistic; use Toon Shading (MeshToonMaterial) with bright, pastel colors (pinks, purples, teals, and gradient hair) to mimic the reference image's sticker aesthetic. Add a black outline effect (inverted hull method) to the character model. * **Character Model**: A base female mermaid mesh. * **Modular Slots**: Separate meshes or texture swaps for: **Hair** (Bangs/Back), **Face** (Eyes/Lips/Skin Color), **Top** (Shells/Starfish), **Accessories** (Necklaces/Tiaras), and **Tail** (Geometry and Texture patterns). * **Environment**: A magical underwater scene. * **Background**: A parallax layered background with a silhouette of a coral castle in the distance. * **Particles**: Generate rising bubbles using `THREE.Points` and gentle floating "dust" particles to simulate water density. * **Lighting**: Cyan/Blue ambient light with a caustic shader effect (animated light patterns) projected from above. * **Mobile Optimization**: Keep character poly count under 15k triangles. Use texture atlases for clothing items to reduce draw calls. ### 2. Audio Requirements * **BGM**: A relaxing, magical underwater loop. Instruments should include harps, wind chimes, and soft synth pads. (Style: "Aquatic Ambient"). * **Sound Effects (SFX)**: * **Item Select**: A distinct "bubble pop" or soft water droplet sound. * **Tab Switch**: A "swish" sound like moving water. * **Shuffle Button**: A magical glissando or a rapid bubble stream sound. * **Save/Snapshot**: A camera shutter sound followed by a "sparkle" fanfare. * **Ambience**: Low-frequency underwater rumble (very subtle). ### 3. Gameplay Loop * **Core Mechanism**: A classic "Paper Doll" system in 3D. * The player selects a category (e.g., Hair) -> Selects an item -> The 3D model updates instantly. * **Color Customization**: Include a color picker or preset color palette (pastel heavy) that applies to the active material (e.g., changing skin tone from human to purple/green). * **Shuffle Mechanic**: A prominent "Dice" or "Magic Wand" button that randomly selects items from all arrays to generate a unique look. * **Snapshot/Save**: A button that renders the current WebGL canvas to a PNG image and triggers a download to the user's device gallery. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** (Vertical) design is mandatory. * **Top 60%**: The 3D view of the Mermaid. * **Bottom 40%**: The UI Control Panel (HTML overlay). * **Camera Controls**: Use `OrbitControls` but restrict interaction: * **Rotate**: Limit horizontal rotation (Azimuth) to -30° to +30° (no viewing from behind, keeps the "doll" feel). * **Zoom**: Allow pinch-to-zoom to focus on the face/makeup. * **Pan**: Disabled. * **UI Layout**: * **Category Tabs**: A horizontal scroll bar above the item list (Icons: Hair, Tail, Top, Accessories). * **Item Grid**: A large, thumb-friendly horizontal scroll area (or grid) showing previews of the items. Minimum touch target 48x48px. * **Feedback**: When an item is equipped, trigger a small particle explosion (stars/bubbles) around the relevant body part to confirm the action. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Mermaid Dress Up

Mermaid Dress Up is an enchanting fashion and dress-up game that lets you dive into the magical underwater world of mermaids. This creative game offers unlimited possibilities to design your perfect mermaid character, making it one of the most popular dress-up games for girls and fashion enthusiasts of all ages.

With its colorful graphics and intuitive interface, players can express their creativity while exploring the depths of mermaid fashion. The game combines the fantasy of underwater kingdoms with the excitement of fashion design, creating an engaging experience that keeps players coming back for more.

Core Features

Complete Mermaid Customization

The game offers comprehensive character customization options that set it apart from other dress-up games:

  • Skin Tone Selection : Choose from various skin tones to create your unique mermaid
  • Hair Styling : Experiment with different hair colors, lengths, and styles
  • Facial Features : Customize eyes, makeup, and facial expressions
  • Fashion Choices : Select from a wide range of tops, accessories, and jewelry
  • Mermaid Tails : The highlight feature - stunning array of tails with various patterns, colors, and designs

Creative Freedom

Unlike restrictive fashion games, Mermaid Dress Up encourages unlimited creativity. The shuffle button provides instant fashion inspiration when you need fresh ideas, while the save feature lets you preserve your favorite creations.

User-Friendly Design

The game features an intuitive interface that makes it easy for players of all ages to navigate and enjoy. Clear categories and smooth controls ensure a seamless gaming experience.

Gameplay Experience

Mermaid Dress Up offers a relaxing and creative gameplay experience perfect for unwinding or exploring your fashion sense. The game encourages experimentation with different combinations, helping players develop their sense of style and color coordination.

Fashion Inspiration

The shuffle feature acts as your personal stylist, providing random combinations that might inspire new looks you hadn't considered. This feature is particularly helpful for players looking to break out of their comfort zones and try bold new styles.

Save and Share

Once you've created the perfect mermaid look, the save function allows you to keep your creation on your device. This feature lets you build a collection of your favorite designs and share them with friends.

Operation Guide

Playing Mermaid Dress Up is simple and intuitive:

  1. Start Creating : Begin by selecting your mermaid's skin tone
  2. Style the Hair : Choose from various hair colors and styles
  3. Customize Features : Add makeup, select eye colors, and adjust facial features
  4. Choose Outfits : Pick tops, accessories, and jewelry that match your vision
  5. Select the Perfect Tail : Browse through the stunning collection of mermaid tails
  6. Use Shuffle : Hit the shuffle button for random fashion combinations
  7. Save Your Creation : Once satisfied, save your mermaid to your device

The game uses simple click-and-drag mechanics, making it accessible to players of all skill levels.

Why Play This Game

Perfect for Fashion Lovers

Mermaid Dress Up is ideal for anyone who loves fashion, creativity, and fantasy themes. The mermaid setting adds a magical element that sets it apart from traditional dress-up games.

Stress-Free Gaming

This is a completely relaxing game with no time limits, scores, or competitive elements. Players can take their time to create the perfect look without any pressure.

Suitable for All Ages

While categorized as a game for girls, Mermaid Dress Up appeals to anyone interested in fashion, design, or creative expression. The game's wholesome content makes it appropriate for all family members.

Free and Accessible

The game is completely free to play and requires no downloads or installations. Simply open your browser and start creating beautiful mermaid looks immediately.

Cross-Platform Compatibility

Whether you're on a computer, tablet, or smartphone, Mermaid Dress Up works seamlessly across all devices, allowing you to create wherever inspiration strikes.

Frequently Asked Questions (FAQ)