Fashion Battle - Runway Style Competition Game

Seele01-Flash
By
Fashion Battle is an exciting 3D fashion competition game where you dress up models for themed runway battles. Compete against rivals in beauty showdowns and prove your style supremacy on the catwalk.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Fashion Battle". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-saturation, "Glamour Pop" aesthetic. Use a color palette dominated by vibrant pinks, cyans, and purples. The art style should be stylized low-poly 3D (similar to hyper-casual mobile games) to ensure 60fps performance on mobile devices. * **Character Models:** Two 3D female character models (Player vs. Rival). Characters must support modular mesh swapping (Head, Torso, Legs, Feet) to allow for real-time outfit changes. * **Runway Environment:** A long, straight runway with a reflective floor material. Use a simple, scrolling skybox or a low-poly city silhouette in the background to convey depth without high rendering costs. Add dynamic spotlights that follow the player. * **Visual Effects (VFX):** Particle explosions (sparkles, hearts, or stars) when the player successfully selects a clothing item. A "Spotlight" effect on the winner at the end. ### 2. Audio Requirements * **BGM:** A high-energy, rhythmic "Runway House/Techno" track with a strong bassline to simulate a fashion show atmosphere. * **Sound Effects (SFX):** * *Selection:* A satisfying "Pop" or "Cash Register" sound when an outfit is chosen. * *Interaction:* A "Whoosh" sound for clothing transitions. * *Ambience:* Camera shutter sounds triggering randomly during the walk. * *End Game:* Crowd cheering/applause for a win; a comedic "record scratch" or booing for a loss. ### 3. Gameplay Loop * **Phase 1: Theme Assignment:** At the start, display a text UI indicating the current round's theme (e.g., "Gym Sporty", "Red Carpet Gala", "Winter Cozy"). * **Phase 2: The Catwalk (Runner Phase):** The player's character moves forward automatically alongside an AI rival. * **Decision Points:** Every few seconds, the game pauses briefly or slows down, presenting 3 floating UI icons representing different clothing options (e.g., a dress, a swimsuit, a tracksuit). * **Logic:** Each item has a hidden "Tag". If the Item Tag matches the Level Theme, the player gains "Style Points". * **Phase 3: The Showdown:** At the end of the runway, both characters pose. The system calculates the total Style Points. The character with the higher score performs a "Victory Dance" or kicks the rival off the stage (slapstick humor). ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Portrait Mode** (Vertical) is mandatory to maximize the view of the runway and the character's outfit. * **Input Method:** * **Tap-to-Select:** Interaction is strictly UI-based. Do not use swipe-to-move. When clothing options appear, the player taps one of three large buttons on the screen. * **Raycasting:** Use Three.js Raycaster to detect touch events on the 3D floating icons or 2D UI overlay elements. * **UI/UX Design:** Buttons must be large (minimum 44x44px touch area) and placed in the lower half of the screen for easy thumb access. * **Feedback:** Include a subtle camera shake or screen flash when a correct item is selected to provide tactile visual feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Fashion Battle

Fashion Battle is a captivating 3D fashion competition game that puts you in control of the runway. This free-to-play beauty game combines strategic outfit selection with fast-paced fashion showdowns, challenging you to create the perfect look for themed competitions. Whether it's nightclub chic, sporty vibes, or red-carpet glamour, your styling skills determine victory or defeat.

The game features stunning 3D graphics with detailed character models and beautiful runway environments. Each fashion battle presents unique themes and challenges, requiring quick thinking and creative flair to outshine your competition.

Core Features

Themed Fashion Competitions

Every battle comes with a specific theme that guides your styling choices. From athletic wear for sporty competitions to elegant gowns for formal events, you'll need to match your outfit selections to the theme perfectly. The variety keeps gameplay fresh and challenging.

Strategic Outfit Selection

Fashion Battle isn't just about picking pretty clothes – it's about making smart choices under pressure. With only three outfit options at each runway checkpoint, you must choose wisely to create a cohesive, theme-appropriate look from head to toe.

Competitive Runway Action

Experience the thrill of head-to-head fashion battles as your model struts down the runway alongside a rival. The side-by-side competition format adds excitement and urgency to every styling decision.

Beautiful 3D Environments

Enjoy gorgeous runway settings and backdrops that enhance the fashion show atmosphere. The detailed 3D graphics bring the fashion world to life with vibrant colors and smooth animations.

Gameplay Mechanics

Fast-Paced Styling Challenges

Starting in a simple swimsuit, you'll quickly dress your model as she walks the runway. Prompts appear along the way, offering outfit choices that must align with the battle's theme. Speed and accuracy are essential for victory.

Judge Evaluation System

Impress the judges with your fashion choices and creativity. Complete outfits that perfectly match the theme earn higher scores, while missing items or poor theme matching can lead to defeat.

Progressive Difficulty

As you advance through fashion battles, themes become more challenging and competition fiercer. Master basic styling before tackling complex fashion scenarios.

Operation Guide

Simple Click Controls

Fashion Battle features intuitive click-and-tap controls perfect for all devices:

  • Mouse/Touch : Click or tap outfit icons to select clothing items
  • Quick Selection : Choose from three outfit options at each runway checkpoint
  • Theme Awareness : Always consider the competition theme when making selections

Winning Strategies

  • Match the Theme : Sporty battles require athletic wear, formal events need elegant attire
  • Complete the Look : Don't skip any styling opportunities or your model will be incomplete
  • Act Fast : Time pressure means quick but thoughtful decision-making
  • Study Competitors : Observe rival styling choices to stay competitive

Platform Compatibility

Fashion Battle is fully optimized for: - Desktop Computers : Full mouse control with large screen advantage - Mobile Devices : Touch-friendly interface for smartphones and tablets - Web Browsers : No download required, play instantly online - Cross-Platform : Seamless experience across all supported devices

Why Play Fashion Battle

Fashion Battle offers the perfect blend of creativity, strategy, and competition. It's ideal for fashion enthusiasts who enjoy styling challenges and competitive gameplay. The game's free-to-play model means anyone can dive into the glamorous world of runway fashion without any barriers.

The 3D graphics and smooth gameplay create an immersive fashion experience that's both entertaining and challenging. Whether you're a casual player looking for quick fashion fun or someone seeking to master complex styling strategies, Fashion Battle delivers engaging content for all skill levels.

Frequently Asked Questions (FAQ)