Guess Who? - Classic Board Game Online

Seele01-Flash
By
Guess Who? is the beloved classic board game now available online for free. Challenge friends or AI opponents by asking strategic yes/no questions to identify their mystery character first.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Guess Who? - 3D Logic Duel". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylized, vibrant "Tabletop Toy" aesthetic. The background should be a radial gradient or a spiral pattern (inspired by the screenshot's teal/green vibe) to focus attention on the board. * **The Board:** Create a 4x6 grid of 3D card flippers sitting on a wooden or plastic base. Each "card" is a thin 3D box mesh. * **Character Data & Textures:** * Create a data array for 24 characters with attributes: `name`, `gender` (Male/Female), `hairColor` (Blonde/Red/Dark/White), `glasses` (true/false), `hat` (true/false), `facialHair` (true/false). * **Crucial:** Since external assets cannot be loaded easily, use `CanvasTexture` to programmatically draw simple, distinct 2D cartoons on the face of the cards based on their attributes (e.g., draw a yellow rectangle for blonde hair, circles for glasses). * The back of the cards should have a "Q?" logo. * **Camera:** A fixed perspective camera angled down (approx 60 degrees) to show the full board clearly. * **Performance:** Use instanced meshes if possible for the card frames, but separate meshes for the flipping logic is acceptable for game state simplicity. Keep geometry low-poly (chamfered boxes). ### 2. Audio Requirements * **BGM:** A lighthearted, looping "Sneaky Detective" style track. Think pizzicato strings, light xylophone, or a calm "quiz show" thinking beat. * **Sound Effects:** * **Card Flip:** A satisfying wooden "Clack" or "Snap" sound when a card eliminates. * **UI Tap:** A soft "Pop" sound. * **Correct/Wrong:** A bright major chord chime for a "Yes" answer, and a low buzzer or descending tone for a "No" answer. * **Victory:** A fanfare jingle. ### 3. Gameplay Loop * **Initialization:** The game selects a random "Secret Character" for the Computer and a random one for the Player. The Player's specific secret card is displayed in a UI overlay at the bottom right. * **Turn Structure (Player's Turn):** 1. **Ask:** Player opens a menu to ask a specific question (e.g., "Does your person have a Hat?"). 2. **Response:** The UI displays the Computer's answer ("YES" or "NO"). 3. **Elimination (Auto-Flip):** Based on the answer, the game automatically animates the relevant cards flipping down (graying out). *Example: If answer is "No" to "Has Hat", all characters WITH hats flip down.* 4. **Computer Turn:** The computer simulates asking a logic-based question and eliminates its own internal list of candidates (simulate delay for realism). * **Victory Condition:** When only one card remains up on the player's board, the player automatically guesses that character. If correct, Win Screen. If the Computer isolates the player's character first, Lose Screen. ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode** is mandatory to accommodate the 4x6 grid on the top half and the interaction UI on the bottom half. * **UI & Controls:** * **Question Builder:** Instead of typing, use a scrollable horizontal bar of icons representing attributes (Icon of Glasses, Icon of Hat, etc.) or a simple dropdown menu system at the bottom of the screen. * **Touch Interactions:** * Raycasting should be enabled. Tapping a card gives a small "jiggle" animation to show it's interactive, displaying the character's name. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` when a card flips down. * **Visual:** When the opponent answers "Yes" or "No", a large text bubble should float up from the center of the screen. * **Animations:** Use a tweening library (like TWEEN.js or GSAP logic) for smooth card rotations (0 to 90 degrees). Do not snap instantly; the visual flip is key to the game's feel. 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? is the timeless classic board game that has entertained families and friends for generations. This digital version brings all the fun of the original game to your browser, featuring colorful cartoon characters with unique traits and characteristics. The game challenges players to use deductive reasoning and strategic questioning to solve the mystery of their opponent's chosen character.

This online adaptation maintains the charm of the physical board game while adding modern conveniences like instant play and digital character boards. Perfect for quick gaming sessions or extended strategic battles, Guess Who? offers endless entertainment for players of all ages.

Core Features

Classic Gameplay Mechanics

The game stays true to the original Guess Who? formula that made it a household favorite. Each player gets a board with 24 diverse cartoon characters, each with distinct physical features like glasses, hats, facial hair, and unique hairstyles.

Strategic Question System

Success depends on asking the right questions at the right time. Smart players learn to ask questions that eliminate the maximum number of candidates, such as: - "Does your person wear glasses?" - "Does your person have facial hair?" - "Does your person wear a hat?" - "Does your person have blonde hair?"

Interactive Character Board

The digital interface makes it easy to flip down eliminated characters with simple clicks. Visual feedback helps you track which characters are still in play and which have been ruled out.

Free Online Access

Enjoy unlimited games without downloads, subscriptions, or hidden costs. The game runs smoothly in any modern web browser on desktop or mobile devices.

Game Mechanics

Setup and Objective

Each player begins with an identical board showing 24 cartoon characters in a standing position. Players secretly select one character card from a separate deck. The goal is simple: be the first to correctly identify your opponent's mystery character.

Turn-Based Questions

Players take turns asking yes or no questions about physical characteristics. Based on the answers, you eliminate characters by flipping them down on your board. The key is asking questions that help narrow down possibilities efficiently.

Winning Strategy

Victory goes to the player who correctly guesses their opponent's character first. The best players develop questioning strategies that eliminate multiple candidates with each answer, using logical deduction to solve the puzzle faster than their opponent.

How to Play

Basic Controls

  • Click on characters to flip them down when eliminated
  • Use the question interface to ask yes/no questions
  • Select your mystery character at the start of each game
  • Make your final guess when you're confident about the answer

Question Strategy Tips

  1. Start with broad categories : Ask about common features that divide the characters roughly in half
  2. Use process of elimination : Each "no" answer should eliminate multiple characters
  3. Pay attention to unique features : Some characteristics appear on very few characters
  4. Keep track of answers : Remember previous responses to avoid contradictions

Advanced Tactics

Experienced players learn to ask compound questions and use statistical thinking. For example, asking about glasses might eliminate 12-15 characters in one question, making it more valuable than asking about a specific hair color that only 2-3 characters share.

Why Play This Game

Educational Benefits

  • Develops logical reasoning : Players learn deductive thinking and process of elimination
  • Improves questioning skills : Encourages strategic thinking about information gathering
  • Enhances observation : Players become more attentive to visual details and patterns
  • Builds patience : Success requires methodical thinking rather than random guessing

Entertainment Value

The game offers quick 5-10 minute matches perfect for breaks, while also supporting longer gaming sessions. The simple rules make it accessible to children, while the strategic depth keeps adults engaged.

Social Gaming

Whether playing against friends online or challenging computer opponents, Guess Who? creates memorable moments of surprise and deduction. The game's competitive nature encourages repeat play and skill development.

Nostalgic Appeal

For many players, this digital version brings back childhood memories of the physical board game. The familiar characters and gameplay mechanics create a comforting sense of nostalgia while introducing the classic to new generations.

Frequently Asked Questions (FAQ)