KM Styles Boutique

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recreate a browser-based third-person 3D boutique exploration game titled “KM Styles by Muskan.” Use Three.js-style real-time 3D rendering with a pastel luxury fashion showroom. The player is an invisible or minimally represented controllable avatar starting near the front reception at the near end of a long indoor corridor, with a third-person camera following behind/above them. Support WASD and arrow keys for walking, mouse dragging to look around, and on small screens provide four circular touch buttons for up/left/down/right movement. The camera should be perspective-based and allow the player to explore the boutique; movement includes the underlying third-person controller behavior with walking, jumping/gravity, and a follow distance of about 7 units.

Build the space as a long rectangular boutique with a pale marble floor, lavender back wall, deep purple side walls, mauve structural display sections, and repeated gold trim/arches running down the corridor. At the front/reception end, place a wide dark-purple reception desk with a gold top and a floating/light sign reading “KM STYLES BY MUSKAN.” The showroom should feel elegant and softly lit: use cream/pink ambient lighting, warm gold lights, shadows, reflective/translucent glass, and a purple/mauve/gold/cream palette. Add several gold chandeliers suspended down the corridor. Along both sides, include gold-framed mirrors with translucent glass, clothing racks with gold bases/poles/bars and mauve hanger-like shapes, mauve dressing pods, cream display plinths, and gold pedestals. Section labels should visibly identify four areas: “Wedding Dresses,” “Gowns / Maxis,” “Prom / Party Wear,” and “Long Tail Dresses.”

Place eight stylized low-poly dress displays in pairs down the corridor, one pair at each of four showroom sections. Each dress can be represented by a colored cone-like skirt, cylindrical bodice, gold hanger rail, and a floating name label. Use these exact products and details, repeated in the layout as the code does: Ivory Moonlight Gown (Wedding Dresses, 
,890, XS–XL, “Available · rental or order,” ivory/pale pink); Mauve Blossom Maxi (Gowns / Maxis, $640, S–XXL, “Available · rental,” mauve); Lavender Starlet (Prom / Party Wear, $520, XS–L, “Available · order,” lavender); Royal Plum Long Tail (Long Tail Dresses, 
,120, S–XL, “Limited · appointment,” dark royal plum). The four display positions down the corridor should use these products in the sequence shown by the game: at the first pair, Ivory Moonlight Gown and Mauve Blossom Maxi; second pair, Lavender Starlet and Royal Plum Long Tail; third pair, Ivory Moonlight Gown and Mauve Blossom Maxi; fourth pair, Lavender Starlet and Royal Plum Long Tail.

Add a pale lavender animated humanoid greeter near the reception named “Miki,” with a floating “Miki · Style Concierge” label. Also add four small colored animated cat/mascot models farther inside, labeled “Koya,” “RJ,” “Chimmy,” and “Tata,” arranged in pairs across two sections. They should idle-animate and be clickable. Do not add combat, enemies, inventory, currency systems, scoring, or time limits: this is a calm interactive showroom/catalog experience.

Create a fixed HUD over the 3D view. At the top center show a dark translucent rectangular brand plaque with a thin gold border and uppercase spaced text “KM STYLES BY MUSKAN.” At the bottom left show a dark translucent rounded hint panel with the exact guidance: “WASD / arrows to walk · mouse drag to look · click a dress, Miki, or mascot to interact”. Clicking a dress with the pointer/raycast should open a cream-colored product card on the upper right with the dress name, category, price, sizes, availability, and a gold “Request fitting” button. Use the exact product data above. Clicking “Request fitting” should open a dark dialogue panel saying title “Appointment request” and body “Your fitting request is noted. Miki will meet you at reception to confirm rental or order details.” with a “Continue” button. The Continue button closes dialogue panels.

Clicking Miki should open a dialogue titled “Miki · Style Concierge” with the exact text: “Welcome to KM Styles by Muskan. I can guide you through Wedding Dresses, Gowns / Maxis, Prom / Party Wear, and Long Tail Dresses. Start with the lavender corridor, then I’ll help you choose a silhouette.” Clicking a mascot should open a dialogue titled with its name and text: “I’m one of the boutique mascots. Tap a dress display to see its details, then ask Miki for styling advice.” Use pointer raycasting so clicking the visible dress geometry, Miki model, or mascot model triggers the appropriate UI. Keep the typography refined and boutique-like (Georgia/serif for headings and Arial-like sans-serif for body text), with cream text on dark purple dialogue panels, gold borders/buttons, and responsive sizing. On mobile hide the desktop hint if appropriate only if necessary, but retain the circular movement controls; on desktop hide those touch controls.