SnapStyle Dress Up

Seele01-Flash
By
SnapStyle Dress Up is a creative fashion game where you design complete looks from head to toe. Customize hairstyles, mix and match outfits, and create beautiful photo frames to showcase your styling skills.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "SnapStyle Dress Up". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style (2.5D Paper Doll Aesthetic):** Instead of full 3D models, use a **2.5D aesthetic** to mimic the "sticker" look of the screenshot. The character and clothing items should be rendered as flat Planes (Quads) with transparent PNG textures facing the camera. * **Asset Layering:** Implement a strict Z-layering system. The base body is at Z=0, underwear at Z=0.01, tops at Z=0.02, outerwear at Z=0.03, hair at Z=0.04, and accessories at Z=0.05 to prevent Z-fighting. * **Textures:** Use "Chibi/Anime" style textures with **thick white outlines** baked into the images to simulate the sticker effect. Colors should be highly saturated (hot pinks, cyans, golds). * **Background:** A dynamic shader-based background featuring a rotating "sunburst" or radial ray pattern in pink and magenta tones. * **Particles:** Include a `Points` based particle system that emits small stars or sparkles whenever a clothing item is changed. * **Mobile Optimization:** Use a single Texture Atlas for all clothing items to minimize draw calls. Ensure textures are power-of-two (e.g., 1024x1024) and compressed. ### 2. Audio Requirements * **BGM:** A bubbly, upbeat "Kawaii Future Bass" or "J-Pop" instrumental track. High tempo (120 BPM) but lighthearted, using synthesizers and bells. * **SFX - Interaction:** A satisfying "Pop" or "Suction cup" sound when an item is equipped. A "paper rustling" sound when browsing categories. * **SFX - Success:** A magical "sparkle chime" glissando when the user enters Photo Mode. * **SFX - Camera:** A distinct realistic DSLR shutter click sound for the "Snap" action. ### 3. Gameplay Loop * **State 1: Dress Up:** The central character stands in the middle. The player cycles through categories (Hair, Eyes, Tops, Bottoms, Shoes, Accessories). Tapping an item immediately equips it to the character model. Logic must ensure conflicting items (e.g., two pairs of shoes) replace each other. * **State 2: Sticker/Deco:** After dressing, the player enters "Studio Mode". They can drag and drop decorative stickers (stars, hearts, text bubbles) anywhere on the canvas around the character. * **State 3: Snap & Share:** The player presses a shutter button. The UI overlays hide, a camera flash effect (white screen fade-out) plays, and the final composition is rendered to a canvas blob for the user to download. ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode (Vertical)** is mandatory to accommodate the full-body character and clothing menu simultaneously. * **Touch Input:** Use `THREE.Raycaster` mapped to touch events. * **Tap:** Equip item from the inventory. * **Drag:** Move decorative stickers in Studio Mode. * **UI Layout:** * **Main Viewport:** Top 70% of the screen is the 3D scene (Character). * **Control Panel:** Bottom 30% is a HTML/CSS overlay containing a **horizontal scrollable carousel** for clothing items. * **Touch Targets:** All buttons and clothing icons must be at least **48x48 pixels** with significant padding to prevent mistaps. * **Feedback:** Implement `navigator.vibrate(50)` (haptic feedback) on every successful item equip to give the player tactile confirmation. Add a slight "bouncy" scale animation (tweening scale up and down) to the clothing item when it attaches to the body. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

SnapStyle Dress Up is an engaging fashion and dress-up game that lets you unleash your inner stylist! This charming anime-style game offers endless creativity as you design the perfect looks from head to toe. Whether you're passionate about fashion or just love experimenting with different styles, this game provides hours of entertaining gameplay.

With its intuitive interface and adorable graphics, SnapStyle Dress Up has become a favorite among fashion game enthusiasts. The game combines traditional dress-up mechanics with modern photo styling features, making it a unique experience in the fashion gaming world.

Core Features

Complete Customization System

SnapStyle Dress Up offers comprehensive character customization options: - Hairstyles : Choose from various trendy haircuts and colors - Eye Colors : Personalize your character's appearance with different eye shades - Facial Features : Create unique looks that reflect your style preferences

Extensive Wardrobe Collection

The game features an impressive collection of clothing items: - Tops and Dresses : From casual wear to elegant outfits - Bottoms : Stylish pants, skirts, and shorts in various designs - Outerwear : Jackets, coats, and layering pieces - Footwear : Shoes, boots, and sneakers to complete any look

Accessory Paradise

Enhance your outfits with carefully selected accessories: - Bags and Purses : Match the perfect bag to your outfit - Jewelry : Add sparkle with necklaces, earrings, and bracelets - Hair Accessories : Complete your hairstyle with clips and bands

Photo Frame Designer

One of the game's standout features is the photo frame creation tool: - Custom Frames : Design unique borders for your fashion photos - Stickers and Decorations : Add fun elements to personalize your creations - Multiple Themes : Choose from various decorative styles

Gameplay

Fashion Styling Process

The gameplay follows an intuitive progression: 1. Character Creation : Start by customizing your model's basic appearance 2. Outfit Selection : Browse through categories to find the perfect pieces 3. Mix and Match : Experiment with different combinations 4. Accessorize : Add the finishing touches with bags, shoes, and jewelry 5. Photo Creation : Design a beautiful frame to showcase your styling work

Creative Freedom

SnapStyle Dress Up encourages experimentation and creativity. There are no wrong choices – only opportunities to explore different fashion styles, from casual everyday looks to glamorous evening wear.

Operation Guide

Controls are simple and user-friendly : - Click or Tap : Select clothing items, accessories, and customization options - Drag and Drop : Some items may require dragging to the character - Category Navigation : Browse through different clothing categories easily - Zoom and Rotate : Get detailed views of your creations

The game is designed to be accessible for players of all ages, with clear visual cues and responsive touch controls on mobile devices.

Why Play SnapStyle Dress Up

Perfect for Fashion Enthusiasts

If you love fashion and styling, this game offers: - Endless Combinations : Thousands of possible outfit combinations - Trend Exploration : Try styles you might not normally consider - Creative Expression : Express your personality through fashion choices - Relaxing Gameplay : Enjoy stress-free, creative entertainment

Ideal for All Ages

The game appeals to a broad audience: - Young Players : Simple controls and colorful graphics - Teens : Current fashion trends and social sharing features - Adults : Sophisticated styling options and detailed customization

Educational Benefits

  • Color Coordination : Learn about matching colors and patterns
  • Style Awareness : Develop an eye for fashion and aesthetics
  • Creativity Skills : Enhance artistic and design thinking

Social and Sharing Features

Create photo-worthy outfits that you can: - Save : Keep your favorite creations - Share : Show off your styling skills - Compare : Try different approaches to the same outfit challenge

Whether you're looking for a quick fashion fix or want to spend hours perfecting the ultimate outfit, SnapStyle Dress Up provides the perfect platform for fashion creativity and fun!

Frequently Asked Questions (FAQ)