Guess Who? - Classic Online Board Game

Seele01-Flash
By
Guess Who? is the beloved classic board game that challenges players to identify their opponent's mystery character through strategic yes-or-no questions. Perfect for developing logic and deduction skills.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Guess Who? - 3D Deduction Board". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-saturation, "Flat-shaded" 3D aesthetic. Use simple geometry (low-poly planes or thin box geometries) to represent the game cards, mimicking physical plastic game tiles. * **Character Assets:** Create a texture atlas containing 24 distinct cartoon character faces (diverse genders, skin tones, hair colors, accessories like hats/glasses, facial hair). Apply these textures to the front of the 3D card meshes. * **Game Board:** Render two distinct game racks: * **Player Rack:** Positioned in the lower foreground, filling the bottom half of the screen. It holds 24 standing cards in a 4x6 grid. * **Opponent Rack:** Visible in the background (top of screen), simplified (maybe just showing the backs of the cards) to indicate the AI's progress. * **Lighting:** Bright, soft ambient lighting with a directional light to cast subtle shadows when cards flip down, adding depth. * **Background:** A radial gradient teal background (matching the screenshot) to keep the focus on the board. * **Optimization:** Use InstancedMesh for the 24 cards to ensure 60fps performance on mobile devices. ### 2. Audio Requirements * **BGM:** A light, playful, looping "elevator bossa nova" or "quiz show thinking music" track. It should be non-intrusive. * **Sound Effects (SFX):** * **Flip Down:** A satisfying plastic "clack" or "snap" sound when a card is eliminated. * **Selection:** A soft "pop" or "click" when tapping UI buttons. * **Correct/Win:** A bright, ascending major-key chime. * **Wrong/Lose:** A comical "wah-wah" or buzzer sound. * **Shuffle:** A sound of tiles rattling at the start of the game. ### 3. Gameplay Loop * **Setup:** * The system randomly selects one "Mystery Character" for the Player and one for the AI Opponent from the pool of 24. * All 24 cards on the player's board start in the "Up" (standing) position. * **Turn-Based Mechanics:** 1. **Player Turn:** The player selects an attribute to query from a UI menu (e.g., "Male?", "Has Glasses?", "Blonde Hair?"). 2. **Logic Check:** The game compares the query against the AI's Mystery Character. 3. **Elimination:** * If the answer is **NO**: All cards *matching* that attribute animate to flip down (eliminate). * If the answer is **YES**: All cards *NOT matching* that attribute animate to flip down. 4. **AI Turn:** The AI automatically asks a question and eliminates possibilities on its internal board (simulate a delay for pacing). * **Win Condition:** The player wins by either narrowing the board down to one final card or successfully clicking a card to "Guess" the character correctly before the AI does. ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode** is mandatory to allow the 4x6 grid of faces to be large enough to see clearly on a phone screen. * **Touch Controls:** * **Camera:** Fixed camera. No panning/zooming needed to prevent motion sickness. * **Card Interaction:** Tapping a standing card zooms it in slightly (overlay) for a better look. A "Guess This Person" button appears on the zoomed view. * **Question UI:** A scrollable horizontal bar or a bottom drawer menu containing attribute icons (Glasses Icon, Hat Icon, Gender Icon) for asking questions. * **Haptic Feedback:** Trigger a short vibration (using `navigator.vibrate`) whenever cards physically flip down on the board. * **Touch Targets:** Ensure all UI buttons are at least 44x44 pixels. The cards themselves should have a generous raycasting hit-box for easy selection. 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 a timeless classic board game that has entertained families and friends for generations. This digital version brings the beloved guessing game to your browser, featuring colorful cartoon characters and intuitive gameplay. The game challenges players to use logical thinking and strategic questioning to identify their opponent's secret character before they guess yours.

This classic logic game combines elements of deduction, strategy, and social interaction, making it perfect for players of all ages who enjoy brain games and puzzle challenges.

Core Features

Classic Gameplay Experience

  • 24 Unique Characters : Each game features a diverse cast of 24 cartoon characters with distinct visual traits
  • Strategic Question System : Ask smart yes-or-no questions to narrow down possibilities
  • Interactive Game Board : Flip down characters as you eliminate them from consideration
  • Two-Player Format : Challenge friends or play against AI opponents

Free Online Access

  • No Download Required : Play instantly in your web browser
  • Cross-Platform Compatible : Works perfectly on desktop computers, tablets, and mobile devices
  • Completely Free : Enjoy unlimited gameplay without any cost or registration
  • Quick Game Sessions : Perfect for short breaks or extended gaming sessions

Educational Benefits

  • Logic Development : Enhances critical thinking and deductive reasoning skills
  • Question Formulation : Improves ability to ask effective, strategic questions
  • Pattern Recognition : Develops visual analysis and categorization abilities
  • Social Skills : Encourages interaction and communication between players

Game Rules and Strategy

Basic Gameplay

Each player begins with a board showing all 24 character portraits standing upright. Players secretly select one character card that their opponent must guess. Taking turns, players ask yes-or-no questions about physical characteristics to eliminate possibilities.

Winning Strategy

The key to success lies in asking questions that eliminate the maximum number of characters. Instead of asking about specific individuals, focus on broader characteristics that divide the remaining characters into roughly equal groups.

Operation Guide

Getting Started

  1. Choose Your Character : Select a character card from the deck - this is who your opponent must guess
  2. Begin Questioning : Take turns asking yes-or-no questions about physical appearance
  3. Eliminate Characters : Flip down characters that don't match the given answers
  4. Make Your Guess : When confident, guess your opponent's character to win

Effective Question Examples

  • "Does your person wear glasses?"
  • "Does your person have facial hair?"
  • "Is your person wearing a hat?"
  • "Does your person have dark hair?"
  • "Is your person smiling?"

Pro Tips

  • Ask questions that split the remaining characters roughly in half
  • Pay attention to unique features that only apply to one or two characters
  • Keep track of eliminated possibilities to avoid redundant questions
  • Save highly specific questions for when few characters remain

Why Play This Game

Guess Who? offers the perfect blend of nostalgia and mental stimulation. Whether you're introducing children to classic board games or enjoying a quick brain teaser during your break, this game provides:

  • Instant Accessibility : No setup time or complex rules to learn
  • Educational Value : Develops critical thinking in an entertaining format
  • Social Interaction : Great for bonding with friends and family
  • Timeless Appeal : A game that never goes out of style
  • Skill Development : Improves logical reasoning and strategic thinking

The digital version maintains all the charm of the original board game while adding the convenience of online play. Perfect for rainy days, family game nights, or anytime you want to challenge your deductive abilities.

Frequently Asked Questions (FAQ)