Magic Princess - Dress Up & Avatar Creator

Seele01-Flash
By
Magic Princess is a captivating dress-up and avatar creation game featuring adorable anime chibi aesthetics. Design unique characters with over 1,000 customization options, from hairstyles to animated accessories.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Magic Princess - Chibi Dress Up". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Replicate a **2.5D Anime Chibi Aesthetic**. Use an **Orthographic Camera** to maintain the flat, illustration-like quality of the screenshot. * **Character Rig**: Implement a "Paper Doll" layering system using `THREE.PlaneGeometry` with transparent PNG textures. Layers must be Z-sorted: Body (Base) -> Face (Eyes/Mouth) -> Hair (Back) -> Clothes (Bottoms/Tops) -> Hair (Front) -> Accessories. * **Art Direction**: * **Styles**: Include assets for two distinct archetypes: "Gothic/Dark Academia" (black dresses, dark hair, moody tones) and "Pastel/Kawaii" (colorful hair, sweaters, bright tones). * **Background**: A pastel purple backdrop with a repeating heart pattern. Use a custom fragment shader to make the hearts gently pulse or scroll slowly. * **Effects**: * **Particle System**: Trigger a burst of star/sparkle particles (`THREE.Points`) around the character whenever an item is equipped. * **UI Assets**: Circular "Bubble" icons for item categories, floating gently on the sides of the screen. ### 2. Audio Requirements * **BGM**: A lighthearted, whimsical track featuring celesta, glockenspiel, and soft synth pads. Loopable, Kawaii-pop style instrumental. * **Sound Effects (SFX)**: * **Equip Item**: A magical "shimmer" or "twinkle" sound. * **UI Tap**: A soft, bubbly "pop" or "click" sound. * **Camera/Save**: A classic shutter click sound effect. * **Background Ambience**: Very faint magical humming or low-frequency sparkly noise. ### 3. Gameplay Loop * **Core Mechanic**: A slot-based dressing system. The player selects a category (Hair, Dress, Shoes, Accessories) from the UI, then selects a specific item to instantly apply it to the central character. * **Logic**: * Ensure mutual exclusivity (e.g., equipping a Dress removes currently equipped Top and Bottom). * Maintain a state object `currentCharacterState` that tracks equipped Asset IDs. * **Win/Save Condition**: There is no "win" state. The goal is creativity. Include a "Photo Mode" button that hides the UI and renders the scene to an image (base64/blob) for the user to download. * **Animations**: The character should have a subtle "breathing" animation (scaling Y axis slightly) and a "bounce" animation when clothing is changed. ### 4. Mobile Controls & Interaction * **Touch Handling**: Use `THREE.Raycaster` for all interactions. * **Tap**: Select items from the UI bubbles. * **Swipe**: Swipe left/right on the item selection panel to scroll through wardrobe options. * **Screen Orientation**: **Portrait Mode** preferred to maximize the vertical space for the character model. * Place the Character in the center-top. * Place Category tabs on the left vertical rail. * Place Item selection grid in the bottom 30% of the screen. * **Touch Targets**: Ensure all UI buttons (bubbles) have a minimum hit area of 44x44 pixels. * **Feedback**: * **Haptic**: Trigger `navigator.vibrate(50)` (light tap) whenever a new clothing item is successfully equipped. * **Visual**: Highlight the selected category and item with a glowing outline or scale effect. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Magic Princess is a delightful dress-up and character creation game that combines charming anime chibi aesthetics with endless customization possibilities. This free online fashion game allows players to unleash their creativity by designing adorable dolls and stylish avatars. Whether you're crafting gothic princesses, modern fashionistas, or international-inspired characters, Magic Princess provides the perfect platform for creative expression.

Core Features

Extensive Customization System

Magic Princess offers an impressive collection of over 1,000 dress-up items that cater to every fashion preference:

  • Diverse Hairstyles : From elegant long locks to trendy short cuts, with various colors and styles
  • Multiple Skin Tones : Inclusive character creation with representation for all players
  • Animated Clothing : Bring your designs to life with dynamic, moving accessories and outfits
  • Seasonal Collections : Regular updates with new items and themed collections

Creative Freedom

The game empowers players with unlimited creative possibilities:

  • Design unique avatars that reflect your personal style
  • Mix and match thousands of combinations for truly original characters
  • Create themed looks ranging from casual everyday wear to fantasy princess gowns
  • Experiment with different aesthetics, from cute and kawaii to elegant and sophisticated

Social Sharing Features

Share your masterpieces with the world:

  • Photo Capture : Take stunning screenshots of your favorite creations
  • Video Creation : Record dynamic videos showcasing your animated designs
  • Design Gallery : Track and showcase all your imaginative creations in a personal portfolio
  • Social Integration : Easy sharing options to show off your work to friends

Gameplay Experience

Magic Princess delivers an intuitive and engaging dress-up experience perfect for fashion enthusiasts of all ages. The charming anime chibi art style creates an appealing visual atmosphere that makes every creation feel special and unique.

Character Creation Process

  1. Base Customization : Start by selecting skin tone, facial features, and basic appearance
  2. Hair Styling : Choose from hundreds of hairstyle options in various colors
  3. Outfit Selection : Browse through extensive wardrobes of dresses, tops, bottoms, and accessories
  4. Final Touches : Add jewelry, bags, shoes, and animated accessories to complete your look
  5. Save & Share : Capture your creation and add it to your personal gallery

Operation Guide

The game features simple, accessible controls designed for all platforms:

  • PC Players : Use your mouse to navigate menus, select items, and customize characters
  • Mobile Players : Tap and drag to interact with all game elements
  • Menu Navigation : Intuitive category-based organization makes finding items easy
  • Real-time Preview : See changes instantly as you customize your character

Why Play Magic Princess

Magic Princess stands out as the ultimate dress-up game for several compelling reasons:

Perfect for Creative Expression

This game is ideal for players who love fashion, character design, and creative storytelling. The extensive customization options ensure that no two players will create identical characters, making every session unique and personal.

Stress-Free Entertainment

With no time limits, competitive pressure, or complex objectives, Magic Princess offers a relaxing gaming experience perfect for unwinding after a busy day. Focus purely on creativity and self-expression.

Regular Content Updates

The game continuously evolves with new clothing items, accessories, and seasonal themes, ensuring fresh content and inspiration for returning players.

Cross-Platform Accessibility

Whether you're at home on your computer or on-the-go with your mobile device, Magic Princess delivers the same high-quality experience across all platforms.

Frequently Asked Questions (FAQ)