Beauty Salon - Makeover Game

Seele01-Flash
By
Beauty Salon is an exciting makeover game where you become a professional stylist! Help girls transform from head to toe with hair care, makeup, styling, and fashion choices in this comprehensive beauty experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Beauty Salon: Glamour Makeover". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-fidelity "Dollhouse" aesthetic. Use a bright, pastel color palette (pinks, lilacs, light blues) with high saturation. The rendering should use `THREE.MeshStandardMaterial` with soft roughness to simulate skin and glossy settings for lips/eyes to achieve the "glitter" look seen in the screenshot. * **Core Models**: * A central **Female Head Model** with UV mapping optimized for texture painting. The face needs separate material zones or texture layers for: Skin Base, Blemish Layer (alpha map overlay), Makeup Layer, and Eyes. * **Tools**: 3D models for a Powder Brush, Tweezers, Shower Head, and Lipstick. * **Environment**: A blurred, high-key background (HDRI or simple gradient skybox) representing a chic salon interior to keep focus entirely on the character. * **Mobile Optimization**: Limit the character head to <5000 polygons. Use texture atlases to reduce draw calls. Implement dynamic resolution scaling based on `window.devicePixelRatio` to maintain high FPS on mobile. ### 2. Audio Requirements * **BGM**: A loop of upbeat, fashion-show style "Lounge Pop" music. It should be energetic but not distracting. * **Sound Effects (SFX)**: * **Interaction**: Satisfying "squish" or "pop" sound when removing acne. A continuous "shhhhh" white noise when washing hair/spraying water. Soft "brushing" sounds when applying makeup. * **UI**: High-pitched "Crystal Chime" or "Sparkle" sound when a makeup stage is 100% complete. Soft "Click" for tool selection. ### 3. Gameplay Loop * **Stage 1: The Clean Up (ASMR Focus)**: The face starts covered in "dirt" textures and 3D "pimple" meshes. The player must drag a sponge tool to erase the dirt texture (using a dynamic alpha mask) and tap pimples to remove them. * **Stage 2: Makeup Application**: The player selects a tool (e.g., Blush Brush). They must **Touch and Hold** while moving over the specific cheek area. A progress bar fills up as the color opacity increases on the face texture. * **Stage 3: Hair & Accessories**: A "Paper Doll" style selection. Clicking a hairstyle icon instantly swaps the hair mesh. * **Win Condition**: Each stage has a "Beauty Percentage". Once the player scrubs/paints >90% of the target area, the game automatically plays a particle effect (confetti/stars), the camera zooms out slightly, and a "Next Stage" button appears. ### 4. Mobile Controls & Interaction * **Camera**: Fixed Portrait Mode (9:16 aspect ratio recommended). The camera should slightly pan to follow the active tool (e.g., zoom in on eyes when applying eyeshadow). * **Touch Input**: * **Drag/Swipe**: Controls the movement of the active tool (Brush/Sponge). The tool mesh should follow the `touchmove` coordinates, projected onto the face surface using `THREE.Raycaster`. * **Tap**: Used for UI selection and instantaneous actions (like popping a pimple). * **UI Layout**: All interactive tool icons must be placed in a "Dock" at the bottom of the screen, with a minimum touch target size of **48x48px**. * **Feedback**: * **Visual**: When the brush touches the face, emit small particle stars at the contact point. * **Haptic**: Trigger `navigator.vibrate(50)` when a pimple is popped or a stage is completed. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Beauty Salon

Beauty Salon is the ultimate makeover experience that puts you in charge of complete beauty transformations! This engaging girls' game combines hair styling, skincare, makeup artistry, and fashion coordination into one comprehensive beauty salon simulation. Whether you're helping someone prepare for a special event or simply enjoying creative styling, this game offers endless possibilities for glamorous makeovers.

Core Features

Complete Beauty Transformation Process

Experience every step of a professional beauty salon visit:

  • Hair Care Services : Start with washing and conditioning hair, then move to cutting, styling, and coloring
  • Skincare Treatment : Provide relaxing facial treatments and skin care routines for a healthy glow
  • Professional Makeup Application : Master the art of makeup with foundation, eyeshadow, lipstick, and more
  • Hairstyling Creativity : Design stunning hairstyles from elegant updos to trendy cuts
  • Fashion Coordination : Select the perfect outfits and accessories to complete each look

Intuitive Gameplay Experience

The game features user-friendly controls that make beauty styling accessible to everyone:

  • Simple Click Controls : Easy point-and-click interface suitable for all skill levels
  • Interactive Tools : Realistic beauty tools that respond to your touch
  • Creative Freedom : Multiple options for each styling step allow unlimited creativity
  • Instant Results : See transformations happen in real-time as you work

Diverse Styling Options

Unlock your creativity with extensive customization possibilities:

  • Multiple hairstyles ranging from casual to formal
  • Wide selection of makeup colors and styles
  • Trendy outfits and accessories for every occasion
  • Various beauty treatments and spa services
  • Special occasion looks including party and contest preparations

Gameplay Guide

Basic Controls

  • Click or Tap : Make selections from available options
  • Click and Hold : Apply continuous actions like washing hair or applying makeup
  • Drag : Move items or adjust styling elements
  • Menu Navigation : Browse through different beauty tools and options

Step-by-Step Beauty Process

  1. Hair Care : Begin by washing and drying the client's hair using various shampoos and treatments
  2. Skincare : Apply facial masks, cleansers, and moisturizers for healthy, glowing skin
  3. Makeup Application : Choose from numerous makeup options to enhance natural beauty
  4. Hairstyling : Create the perfect hairstyle using cutting, curling, and styling tools
  5. Fashion Selection : Complete the makeover with stylish clothing and accessories
  6. Final Touch : Add finishing details to perfect the overall look

Why Play Beauty Salon

Educational and Creative Benefits

  • Creativity Development : Express artistic vision through beauty and fashion choices
  • Color Coordination : Learn about color matching and style combinations
  • Decision Making : Practice making aesthetic choices and seeing their results
  • Self-Expression : Explore different styles and beauty trends safely

Entertainment Value

  • Stress Relief : Enjoy relaxing, meditative gameplay that's perfect for unwinding
  • Endless Replayability : Each makeover session offers new creative possibilities
  • Achievement Satisfaction : Experience the joy of completing beautiful transformations
  • Social Sharing : Create looks worth showing off to friends and family

Accessibility and Convenience

  • Free to Play : Enjoy full access to all features without any cost
  • No Download Required : Play instantly in your web browser
  • Cross-Platform Support : Works seamlessly on computers, tablets, and smartphones
  • Kid-Friendly : Safe, appropriate content designed specifically for young players
  • No Registration : Start playing immediately without creating accounts

Frequently Asked Questions (FAQ)