Star Blogger: Left or Right

Seele01-Flash
By
Star Blogger: Left or Right is the ultimate fashion dress-up experience where you create glamorous outfits and compete in style challenges. Customize every detail from hairstyles to clothing and prove you're the ultimate fashionista!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Star Blogger: Left or Right". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-saturation, "Glamorous Cartoon" aesthetic similar to modern mobile dress-up games. The palette should feature vibrant pinks, cyans, and warm oranges (as seen in the reference sunburst background). * **Main Character:** A central 3D female character model (low-poly for mobile optimization, max 5000 triangles) positioned in the center. The character should have morph targets for facial expressions (smile, surprise). * **Environment:** A "Livestream Studio" background. Include a 3D backdrop with stylized "On Air" elements, a ring light model, and floating social media UI icons (Hearts, Likes, Comments) that float upward like particles. * **UI Overlay:** A camera recording frame overlay (REC red dot, battery indicator) to simulate a phone screen interface. * **Items:** Create pairs of 3D asset options (Hairstyles, Tops, Bottoms, Shoes, Accessories) that spawn on the left and right sides of the character. * **Optimization:** Use baked lighting for the environment textures to reduce real-time rendering costs on mobile devices. Use simple unlit or matcap materials for clothing to ensure high frame rates. ### 2. Audio Requirements * **BGM:** Upbeat, trendy "Runway Pop" music. High tempo with a strong bass line suitable for a fashion show or TikTok trend video. * **Sound Effects (SFX):** * *Selection:* A satisfying "Pop" or "Bubble" sound when the player taps a choice. * *Equip:* A "Magical Shimmer" sound when the clothing appears on the model. * *Camera:* A realistic "Shutter" sound for the final pose. * *Score:* Rapid "Ding-ding-ding" sounds simulating a counter increasing (likes/followers gaining). * *Reaction:* Crowd cheering or gasping based on the result. ### 3. Gameplay Loop * **Phase 1: The Brief:** The game starts with a random theme prompt (e.g., "First Date," "Red Carpet," "Beach Party"). * **Phase 2: Left or Right Mechanics:** * The screen is implicitly divided into two halves. * Two distinct items appear (e.g., a Blue Tank Top on the Left, a Green Floral Top on the Right). * The player must tap one side to choose. The unchosen item disappears, and the chosen item instantly equips onto the central character with a scaling bounce animation. * Repeat this process for 5 rounds: Hair -> Eyes/Makeup -> Top -> Bottom -> Shoes. * **Phase 3: The Reveal & Scoring:** * The character strikes a pose. * An AI Opponent (CPU) appears with a generated outfit next to the player. * A "Likes Meter" fills up rapidly. The outfit that matches the initial theme best (based on a simple tag matching logic) gets more likes. * Victory/Defeat screen displays "Star Blogger" or "Fashion Fail." ### 4. Mobile Controls & Interaction * **Orientation:** Strictly **Portrait Mode** (9:16 aspect ratio) to mimic a social media app experience. * **Touch Mechanics:** * **Split Screen Tapping:** The primary interaction is tapping anywhere on the Left half or Right half of the screen. No precision clicking required. * **Hold to Preview:** (Optional) Long-pressing an item temporarily shows it on the model; releasing selects it. * **Feedback:** * **Haptic:** Trigger a light vibration (using `navigator.vibrate`) on every selection to give tactile weight to the clothes. * **Visual:** When an item is selected, emit a burst of star/heart particles around the item before it snaps to the character. * **UI sizing:** All interaction buttons (Next, Share, Replay) must be at least 44x44 pixels and positioned in the lower 30% of the screen for thumb accessibility. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Star Blogger: Left or Right is an exciting fashion dress-up game that lets you unleash your inner stylist and create stunning looks for your virtual blogger. This engaging game combines creative customization with competitive gameplay, offering endless possibilities for fashion enthusiasts of all ages.

Whether you're passionate about the latest trends or love experimenting with bold new styles, this game provides the perfect platform to express your creativity. With its intuitive gameplay and extensive customization options, you'll spend hours perfecting the ultimate blogger aesthetic.

Core Features

Unlimited Customization Options

The game offers an impressive array of customization features:

  • Hairstyle Variety : Choose from dozens of trendy hairstyles, from sleek bobs to flowing curls
  • Eye Color Selection : Customize eye colors to match your desired look perfectly
  • Extensive Wardrobe : Access hundreds of clothing pieces including tops, dresses, accessories, and more
  • Complete Makeovers : Transform your blogger's entire appearance with makeup and styling options

Competitive Fashion Challenges

Test your styling skills against other players in head-to-head fashion competitions. Show off your creativity and prove you have what it takes to be crowned the ultimate Star Blogger.

Cross-Platform Gaming

Enjoy seamless gameplay across all devices - whether you prefer playing on your computer, smartphone, or tablet, the experience remains consistently engaging.

Game Mechanics

The core gameplay revolves around making strategic fashion choices through an intuitive "left or right" selection system. Each decision shapes your blogger's final look, creating unique combinations every time you play.

Style Creation Process

  1. Choose Your Base : Start with selecting your blogger's basic appearance
  2. Pick Hairstyles : Browse through various hair options and colors
  3. Select Outfits : Mix and match clothing items to create the perfect ensemble
  4. Add Accessories : Complete your look with jewelry, bags, and other accessories
  5. Final Touches : Apply makeup and adjust details for the finishing touch

Operation Guide

Playing Star Blogger: Left or Right is incredibly straightforward:

  • Mouse Control : Use your mouse to navigate through menus and make selections
  • Left or Right Choices : Click on your preferred option when presented with styling alternatives
  • Drag and Drop : Some items can be dragged directly onto your blogger
  • Menu Navigation : Easy-to-use interface makes switching between categories simple

The game's user-friendly design ensures that players of all experience levels can jump in and start creating amazing looks immediately.

Why Play This Game

Perfect for Fashion Enthusiasts

If you love fashion, trends, and styling, this game offers the perfect outlet for your creativity. Experiment with combinations you might never try in real life and discover new style preferences.

Stress-Free Entertainment

The game provides a relaxing, pressure-free environment where you can unwind while expressing your artistic side. There are no time limits or penalties - just pure creative fun.

Social Competition Element

The competitive aspect adds excitement as you can challenge others and showcase your styling skills. It's a great way to see how your fashion sense compares with other players.

Accessibility and Convenience

Being completely free and browser-based, you can enjoy the game anytime, anywhere, without downloads or installations. It's perfect for quick fashion fixes during breaks or extended styling sessions.

Skill Development

Playing regularly can actually help improve your real-world fashion sense, color coordination skills, and understanding of style combinations.

Frequently Asked Questions (FAQ)