Live Avatar Maker: Girls

Seele01-Flash
By
Live Avatar Maker: Girls is a comprehensive beauty and fashion game that lets you create fully customizable animated avatars. Design unique characters with detailed facial features, stylish outfits, and trendy accessories.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Live Avatar Maker: Girls". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-fidelity "Semi-Realistic Anime" aesthetic (similar to VTuber models or Live2D). The rendering should use an **OrthographicCamera** to simulate a flat, illustrated portrait look while utilizing 3D depth for movement. * **Central Character Model**: A high-quality 3D female bust (head and shoulders). Key requirements: * **Shader**: Use custom shaders (ShaderMaterial) or unlit textures to mimic soft, hand-painted skin tones with subsurface scattering effects for a "glowy" beauty look. * **Hair**: Modeled using hair cards (alpha-textured planes) to allow for flowy, strand-based details rather than blocky geometry. * **Morph Targets**: Extensive use of BlendShapes (MorphTargets) for customizing facial features (eye shape, nose width, lip fullness) and facial expressions (blinking, smiling). * **Background**: A dynamic, soft pastel gradient or bokeh effect that changes color palettes based on the character's styling. * **Performance (Mobile)**: Limit poly count for the base mesh. Use texture atlasing for accessories. Implement frustum culling to hide off-screen assets. ### 2. Audio Requirements * **BGM**: A chill, "Lo-Fi Hip Hop" or soft acoustic piano track. It should be repetitive but non-intrusive, creating a relaxing "salon" atmosphere. * **Sound Effects (SFX)**: * *Selection*: Soft "pop" or water-drop sounds when clicking UI icons. * *Slider Adjustment*: A subtle ticking sound when adjusting facial sliders. * *Accessories*: Fabric rustling sounds when changing clothes; metallic tinkling for jewelry. * *Completion*: A magical "sparkle" or camera shutter sound when saving the avatar. ### 3. Gameplay Loop * **The "Live" Aspect (Idle State)**: The character must not be static. Implement a "breathing" animation loop (chest rising/falling), procedural blinking (random intervals), and subtle head tracking (the head gently turns to face the user's touch/cursor position). * **Customization Cycle**: 1. **Category Selection**: User selects a body part (Skin, Eyes, Lips, Hair, Accessories). 2. **Asset Swapping**: Clicking an icon instantly swaps the geometry or texture (e.g., changing from short hair to twin-tails). 3. **Fine-Tuning**: Using sliders to adjust colors (HSV color picker) and morph shapes (size, position). * **Photo Mode**: A button that hides the UI, triggers a specific pose/smile animation, and captures the canvas as an image file. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** (Vertical) is mandatory to maximize the screen real estate for the character portrait. * **UI Layout**: * **Bottom Sheet Navigation**: A scrollable horizontal carousel at the bottom of the screen for main categories (Hair, Eyes, etc.). * **Sub-Menu**: A secondary grid area appearing above the navigation for specific item selection. * **Touch Targets**: All buttons must be at least 44x44 pixels to ensure touch accessibility. * **Gestures**: * **One-finger Tap**: Select items. * **One-finger Drag (on character)**: Rotates the head slightly (simulating pseudo-3D parallax). * **Two-finger Pinch**: Zoom in/out to focus on eye makeup or full bust. * **Feedback**: Implement `navigator.vibrate` (haptic feedback) for a light vibration when a new item is successfully equipped or a slider reaches its max/min value. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Live Avatar Maker: Girls is an engaging beauty and fashion game that empowers players to create their perfect animated avatar. This comprehensive character creation tool combines detailed customization options with stylish fashion elements, making it the ultimate destination for creative expression.

The game features highly detailed and animated facial features that bring your creations to life. Every element of your character can be personalized, from the smallest facial details to complete outfit ensembles, ensuring that no two avatars look exactly alike.

Core Features

Advanced Character Customization

The game offers unprecedented control over your avatar's appearance:

  • Facial Feature Editor : Customize the size and shape of eyes, lips, ears, and nose with precision
  • Animated Elements : All facial features are dynamically animated, creating lifelike expressions
  • Hairstyle Designer : Choose from numerous hairstyles and customize colors and textures
  • Makeup Studio : Apply various makeup styles including lipstick, eyeshadow, blush, and more

Fashion & Style Options

Express your fashion sense with extensive wardrobe choices:

  • Trendy Clothing : Mix and match from a wide selection of stylish outfits
  • Accessories Galore : Complete your look with fashionable accessories
  • Color Coordination : Perfect color combinations to create stunning ensembles
  • Style Variety : From casual to formal, find the perfect outfit for any occasion

Creative Freedom

The game encourages unlimited creativity through:

  • Infinite Combinations : Millions of possible character combinations
  • Save & Share : Preserve your favorite creations and show them off
  • Inspiration Gallery : Get ideas from other players' creations

How to Play

Getting Started

  1. Launch the game in your web browser - no download required
  2. Choose your base character template
  3. Begin customizing facial features using the intuitive interface

Customization Process

  • Face Editing : Use the left mouse button to adjust facial features
  • Style Selection : Click through various hairstyles, makeup options, and clothing items
  • Fine-Tuning : Adjust colors, sizes, and positions until perfect
  • Final Touches : Add accessories and finishing touches to complete your avatar

Operation Guide

Mouse Controls : Use the left mouse button to navigate through all customization options. Simply click on different categories and items to apply changes to your avatar. The interface is designed for easy navigation, making the creation process smooth and enjoyable.

Menu Navigation : Access different customization categories through the main menu. Each section is clearly labeled and organized for quick access to specific features.

Why Play Live Avatar Maker: Girls

Perfect for Creative Expression

This game is ideal for anyone who loves character design, fashion, and creative expression. Whether you're designing your dream avatar or experimenting with different styles, the game provides endless entertainment.

Educational Value

  • Color Theory : Learn about color combinations and fashion coordination
  • Design Skills : Develop an eye for aesthetics and character design
  • Digital Art : Introduction to digital character creation concepts

Stress-Free Entertainment

Enjoy a relaxing gaming experience with no time pressure or competitive elements. Focus purely on creativity and self-expression in a supportive environment.

Social Features

Create avatars that represent your personality or explore completely different styles. The game serves as both a creative outlet and a fun way to experiment with fashion and beauty trends.

Accessibility

  • Free to Play : Completely free with no hidden costs
  • Cross-Platform : Available on web browsers, iOS, and Android devices
  • No Download Required : Play instantly in your browser
  • Regular Updates : New content and features added regularly

Frequently Asked Questions (FAQ)