Guess Who Online

Seele01-Flash
By
Guess Who Online brings the beloved classic board game to your browser! Challenge friends in multiplayer mode or test your detective skills against the computer in this strategic guessing game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Guess Who Online - 3D Logic Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A "Digital Board Game" aesthetic. Use a clean, cartoon-vector art style for character portraits, mapped onto 3D card meshes. The overall palette should be vibrant (teals, pinks, yellows) similar to the reference image, using a "Toon Shader" or unlit materials with baked shadows for high performance on mobile. * **The Board**: Create a 3D grid (e.g., 4 rows x 6 columns) of "Flipper Cards" sitting on a virtual table. Each card has a distinct character face on the front and a generic "Logo" pattern on the back. * **Character Database**: Create a programmatic list of at least 12 unique characters with boolean attributes: `gender` (male/female), `hairColor` (blonde/brown/pink), `glasses` (true/false), `hat` (true/false), `facialHair` (true/false). * **Camera**: Fixed isometric or high-angle perspective (approx. 60 degrees) optimized for portrait mode (vertical), ensuring the entire board fits within the width of a phone screen. * **Performance**: Use instanced mesh rendering for the card frames to reduce draw calls. Texture atlasing is required for character faces to minimize HTTP requests. ### 2. Audio Requirements * **BGM**: A light, playful, and "investigative" jazz-loop (upright bass, light piano) that loops seamlessly. It should be unobtrusive to aid thinking. * **Sound Effects (SFX)**: * *Card Flip*: A satisfying, snappy "clack" or plastic impact sound when cards are eliminated. * *Selection*: A soft "pop" or bubble sound when tapping UI elements. * *Correct/Wrong*: A cheerful chime for a correct guess, and a low "womp-womp" for an incorrect guess. * *Turn Notification*: A gentle "ding" when it is the player's turn. ### 3. Gameplay Loop * **Setup Phase**: The game assigns a random "Secret Character" to the Player and the CPU (AI). The player's secret character is displayed in a UI card at the bottom right. * **Player Turn**: 1. Player opens a "Question Menu" (UI overlay). 2. Player selects a logic attribute question (e.g., "Does your character wear glasses?"). 3. AI answers "Yes" or "No". 4. **Auto-Elimination**: Based on the answer, all cards on the board that *do not* match the criteria automatically flip down (animate 90 degrees flat) with a sequential delay (cascade effect). * **AI Turn**: The AI simulates "thinking" (2-second delay), asks a logic-based question, and the game displays a text log: "Opponent asked: Is it a female?". * **Win Condition**: The player can choose to "Make a Final Guess" at any time. If they select the correct specific character, they win. If they eliminate all but one character, they win. If they guess wrong, they lose. ### 4. Mobile Controls & Interaction * **Orientation**: Strictly **Portrait Mode** design to allow one-handed play. * **Touch Controls**: * Use `Raycaster` for detecting taps on 3D cards (to inspect/zoom in on a character face). * **Question Interface**: A bottom-sheet or scrollable drawer UI containing the list of questions. Buttons must be at least 44x44px for touch accuracy. * **Animations**: Use a tweening library (like GSAP) for smooth card flipping animations. Do not use instant state changes; the physical motion of the card flipping is the core "juice" of the game. * **Haptics**: Trigger `navigator.vibrate(15)` when a card flips down or when a button is pressed to provide tactile confirmation. * **Visual Feedback**: When a specific character is being inspected or selected, highlight the card with a glowing outline shader. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Guess Who Online is the digital adaptation of the iconic board game that has entertained families for decades. This free browser-based version maintains all the strategic fun of the original while adding modern multiplayer capabilities. Players engage in a battle of wits, asking clever questions to deduce their opponent's mystery character before their own identity is revealed.

The game features colorful cartoon characters with distinctive traits like glasses, mustaches, different hair colors, and unique accessories. Each round becomes a test of logical reasoning and strategic questioning as you narrow down possibilities through elimination.

Core Features

Flexible Game Modes

Choose between online multiplayer to challenge friends worldwide or single-player mode against intelligent computer opponents. The multiplayer option includes private rooms with password protection for exclusive games with friends.

Strategic Question System

The game provides a curated selection of questions designed to help you eliminate characters efficiently. Smart questioning is key - ask about common traits early to eliminate large groups, then focus on specific details as you close in on your target.

Classic Board Game Experience

Enjoy the authentic Guess Who experience with familiar gameplay mechanics translated perfectly for digital play. The intuitive interface makes it easy for both newcomers and board game veterans to jump right in.

Cross-Platform Compatibility

Play seamlessly on desktop computers, tablets, and mobile devices through any modern web browser. No downloads required - just open your browser and start playing immediately.

Game Strategies

Early Game Questions

Start with broad questions that eliminate the most characters: - Gender identification : "Is your character male/female?" - Common accessories : "Does your character wear glasses?" - Hair color : "Does your character have blonde/brown hair?" - Facial hair : "Does your character have a mustache or beard?"

Late Game Tactics

As you narrow down to fewer possibilities, focus on unique distinguishing features: - Specific accessories like bunny ears or bandanas - Eye color variations - Unique clothing items - Distinctive facial expressions

How to Play

Getting Started

  1. Choose your mode : Select online multiplayer or computer opponent
  2. Set up multiplayer : Provide a nickname for online play
  3. Receive your character : Each player gets a secret character to protect
  4. Begin questioning : Take turns asking strategic questions

Winning Strategy

Success depends on asking the right questions at the right time. Analyze the remaining characters on your board and choose questions that will eliminate the maximum number of possibilities. The player who correctly identifies their opponent's character first wins the round!

Why Play Guess Who Online

This digital version captures all the excitement of the classic board game while adding modern conveniences. The completely free gameplay means unlimited entertainment without any cost barriers. The multiplayer functionality connects you with players worldwide, while the computer opponent provides challenging practice sessions.

The game develops logical reasoning skills and deductive thinking through engaging gameplay. Each match is quick enough for casual play but strategic enough to keep you coming back for more challenging rounds.

Perfect for all ages , Guess Who Online maintains the family-friendly appeal of the original while being accessible anywhere you have internet access.

Frequently Asked Questions (FAQ)