Guess Who Online - Multiplayer Board Game

Seele01-Flash
By
Guess Who Online brings the beloved classic board game to your browser! Challenge friends in multiplayer matches or test your deduction skills against AI opponents in this free logic puzzle game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Guess Who Online (3D Edition)". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylized, vibrant 3D aesthetic inspired by the "Teal" background of the reference image. The game should look like a digital board game played on a sleek surface. * **The Board:** Create a 4x6 grid of 3D "Cards" or "Tiles" standing upright. Each card represents a character. * **Character Representation:** Since external textures might be unavailable, use procedural generation or simple geometries to represent traits on the cards (e.g., different colors for hair, simple primitives like a torus for "Glasses" or a cone for "Hats"). Or, simply use CanvasTexture to draw names and specific traits (e.g., "Male, Blonde") dynamically on the card face. * **Animations:** The most critical visual element is the **Card Flip**. When a character is eliminated, the card must animate smoothly (rotate 90 degrees on the X-axis) to lie flat on the board, mimicking a physical hinge. * **Camera:** A fixed Isometric or high-angle perspective that ensures all 24 cards are visible on a vertical mobile screen without panning. * **Optimization:** Use `InstancedMesh` if possible for the cards to maintain 60FPS on mobile, or keep geometry simple (BoxGeometry). Lighting should be a simple HemisphereLight + DirectionalLight setup for shadows. ### 2. Audio Requirements * **BGM:** A light, looping "detective/mystery" tune. Think pizzicato strings or a soft, jazzy vibraphone—playful but conducive to thinking. * **Sound Effects:** * *Card Flip:* A satisfying wooden "Clack" or "Whoosh" sound when tiles are eliminated. * *Selection:* A soft "Pop" when touching a UI element. * *Victory/Defeat:* A cheerful trumpet fanfare for winning, and a comedic "Wah-wah" for losing. * *Turn Notification:* A subtle chime when it is the player's turn. ### 3. Gameplay Loop * **Setup:** * Generate 24 unique characters with randomized boolean traits (Gender: M/F, Glasses: T/F, Hat: T/F, HairColor: Red/Blonde/Brown). * The Player is assigned a "Secret Character" (displayed in a HUD area). * The Computer (AI) is assigned a "Secret Character". * **Turn Structure:** * **Player Turn:** The player selects a question from a UI list (e.g., "Does they have a Hat?"). * **Logic Check:** The game checks the AI's secret character against the question. * **Elimination:** * If the answer is YES: All cards on the player's board that do *not* have a hat flip down. * If the answer is NO: All cards that *do* have a hat flip down. * **AI Turn:** The AI randomly selects a valid trait to ask about the Player's character, and the system automatically flips the AI's board (visualized simply or just via text log). * **Win Condition:** The game ends when only one card is left standing. If it matches the opponent's card, the player wins. ### 4. Mobile Controls & Interaction * **Touch Input (Raycasting):** * Tap a specific card to make a "Final Guess" (Risk mechanism). * Implement precise Raycasting that works with `touchstart` events, mapping screen coordinates to the 3D scene correctly. * **UI Layout (HTML/CSS Overlay):** * **Question Menu:** A scrollable or dropdown list at the bottom of the screen (thumb-friendly zone) containing the questions. Buttons should be at least 44px height. * **My Character View:** A small picture-in-picture or HUD element in the top-right corner showing who the player is hiding. * **Orientation:** Force Portrait Mode design, but ensure the camera adjusts FOV if the user plays in Landscape. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` when a card flips down or a button is pressed. * **Visual:** Highlight the selected card or button with a glow effect or color change on touch. 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 transforms the timeless board game into an exciting digital experience that you can enjoy anywhere, anytime. This classic deduction game challenges players to use logic and strategic questioning to identify their opponent's mystery character before their own identity is revealed. With its colorful cast of unique characters and intuitive gameplay, Guess Who Online offers endless entertainment for puzzle enthusiasts and casual gamers alike.

The game perfectly captures the essence of the original board game while adding modern conveniences like online multiplayer functionality and AI opponents, making it accessible to a new generation of players.

Core Features

Free Online Multiplayer

Connect with friends and players worldwide in real-time multiplayer matches. Create private rooms with password protection for exclusive games with friends, or join public matches to challenge random opponents. The seamless online functionality ensures smooth gameplay without lag or connection issues.

Solo Play Against AI

Perfect your deduction skills by playing against intelligent computer opponents. The AI provides a challenging experience that adapts to different skill levels, making it ideal for both beginners learning the ropes and experienced players looking to sharpen their strategic thinking.

Diverse Character Collection

Explore a vibrant roster of unique characters, each with distinctive physical features and accessories. From characters with glasses and mustaches to those wearing bunny ears and bandanas, the variety ensures that every game feels fresh and challenging.

Strategic Question System

The game provides a carefully curated selection of questions designed to help you narrow down possibilities efficiently. Smart questioning is key to victory, and the game encourages players to think strategically about which questions will eliminate the most characters.

Game Mechanics

Turn-Based Deduction

Each player takes turns asking yes-or-no questions about their opponent's character. Based on the answers, players eliminate characters from their board until only one possibility remains. The first player to correctly guess their opponent's character wins the round.

Cross-Platform Compatibility

Enjoy seamless gameplay across all devices. Whether you're on a desktop computer, laptop, tablet, or smartphone, Guess Who Online delivers consistent performance and user experience through any modern web browser.

Operation Guide

Getting Started

  • Choose Game Mode : Select between online multiplayer or solo play against the computer
  • Online Setup : For multiplayer, enter a nickname and either create a room or join an existing one
  • Character Assignment : The game automatically assigns each player a mystery character
  • Game Interface : Familiarize yourself with the character board and question selection menu

Gameplay Controls

  • Mouse Control : Use left-click to select questions, eliminate characters, and make your final guess
  • Question Selection : Click on your preferred question from the available options
  • Character Elimination : Click on characters to remove them from your board based on answers
  • Final Guess : When ready, click on a character to make your winning guess

Strategic Tips

  • Start with broad questions that can eliminate many characters (gender, hair color, glasses)
  • Pay attention to unique features that only apply to a few characters
  • Keep track of eliminated possibilities to avoid redundant questions
  • Save specific accessory questions for the final elimination rounds

Why Play Guess Who Online

Nostalgic Entertainment

Relive childhood memories or discover this classic game for the first time. Guess Who Online preserves all the fun and excitement of the original board game while adding modern conveniences and accessibility.

Cognitive Benefits

This logic puzzle game enhances critical thinking, deductive reasoning, and strategic planning skills. Regular play can improve your ability to analyze information systematically and make logical conclusions.

Social Gaming Experience

Connect with friends and family through engaging multiplayer matches. The game provides a perfect platform for social interaction, whether you're playing with people across the room or across the globe.

Accessibility and Convenience

No physical setup required - simply open your browser and start playing immediately. The game is completely free, requires no downloads, and works on any device with internet access.

Quick and Engaging Sessions

Each game session typically lasts 5-10 minutes, making it perfect for quick entertainment breaks or extended gaming sessions. The fast-paced nature keeps players engaged without requiring long time commitments.

Frequently Asked Questions (FAQ)