Google Feud - Autocomplete Quiz Game

Seele01-Flash
By
Google Feud is an addictive online quiz game that challenges you to guess Google's autocomplete suggestions. Test your knowledge of what people really search for and become the ultimate search engine expert.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Google Feud 3D: Autocomplete Master". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A "Clean Tech Minimalist" aesthetic inspired by the Google homepage but reimagined as a 3D game show set. The background should be a soft, endless white/light-grey void with soft shadows. * **Color Palette:** Strictly use the Google brand colors for accents: Blue (#4285F4), Red (#DB4437), Yellow (#F4B400), and Green (#0F9D58). The primary UI elements should be clean white cards with dark grey text. * **Key 3D Objects:** * **The Board:** A floating grid of 10 rectangular "Flip Cards" (hidden answers) arranged in two columns. These should animate/rotate 180 degrees to reveal text when a correct guess is made. * **Search Bar:** A prominent, floating 3D search bar at the center, mimicking the Google input field. * **Strike Indicators:** Three 3D "X" shapes positioned at the top. Initially grey, they turn bright Red and pulse when a player guesses incorrectly. * **Mobile Optimization:** Use `THREE.BoxGeometry` for cards to keep poly count low. Use high-resolution CanvasTextures for text rendering to ensure readability on high-DPI mobile screens. Avoid complex PBR materials; use `MeshLambertMaterial` or `MeshToonMaterial` for performance. ### 2. Audio Requirements * **BGM:** A looping, low-fidelity "Elevator Bossa Nova" or "Light Jazz" track that implies deep thinking but isn't distracting. * **Sound Effects (SFX):** * **Typing:** Subtle mechanical keyboard click sounds when the user types. * **Correct Guess:** A satisfying, crisp "Ding!" chime (like a reception bell) combined with a "woosh" sound for the card flipping animation. * **Wrong Guess:** A buzzer sound (Family Feud style), but slightly softer to not annoy headphone users. * **Win/Loss:** A short fanfare for winning; a comedic "wah-wah" trombone for losing. ### 3. Gameplay Loop * **Phase 1: Category Selection:** The game starts with 4 floating 3D buttons (Culture, People, Names, Questions). Tapping one triggers the round. * **Phase 2: The Query:** A partial search query appears (e.g., "Why is my skin..."). * **Phase 3: Input & Validation:** The player types a guess. * **Logic:** The input is compared against a predefined list of top 10 answers (e.g., "dry", "oily", "peeling"). Fuzzy matching should be used (ignore case/spacing). * **Phase 4: Outcome:** * **Success:** The corresponding card on the board flips to reveal the full answer and point value (e.g., "Dry - 10,000"). Score is updated. * **Failure:** One "X" marker lights up red. * **End Condition:** * **Lose:** 3 Strikes (3 wrong guesses). * **Win:** All top 10 answers are revealed. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Portrait Mode** is mandatory. This ensures the mobile keyboard does not obscure the game board when typing. * **Input Method:** Use a native HTML `<input>` overlay (positioned at the bottom of the screen) that triggers the mobile keyboard, but sync the text visually to the 3D Search Bar in the WebGL scene. * **Touch Interactions:** * Category buttons must have a minimum touch target size (approx 20% screen width). * Implement Raycaster for detecting taps on the 3D buttons. * **Feedback System:** * **Haptic:** Trigger `navigator.vibrate(200)` on a wrong guess (Strike). Trigger a light pulse pattern on a Correct guess. * **Visual:** When a strike occurs, shake the camera slightly (screen shake effect) to emphasize the error. When the round is won, spawn simple confetti particles from the top of the screen. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Google Feud

Google Feud is a fascinating online quiz game that puts your knowledge of human search behavior to the test. This clever brain training game challenges players to predict Google's autocomplete suggestions for various search queries. With its simple yet addictive gameplay, Google Feud has become a popular choice for puzzle enthusiasts and anyone curious about what the world searches for online.

The game presents you with incomplete search queries and asks you to guess the most popular autocomplete suggestions. It's like playing Family Feud, but with Google search data as your guide. Each correct guess reveals real search trends, making this both entertaining and surprisingly educational.

Core Features

Multiple Categories to Explore

Google Feud offers diverse question categories to keep gameplay fresh and challenging: - Culture : Pop culture, celebrities, and trending topics - People : Questions about human behavior and relationships
- Names : Popular names and their associations - Questions : Common questions people ask Google

Real Google Data

Unlike other guessing games, Google Feud uses actual Google autocomplete data, making every answer authentic and reflecting real search trends. This gives players genuine insights into what people around the world are curious about.

Progressive Difficulty

The game starts with easier, more obvious completions and gradually introduces more challenging and unexpected search suggestions. This keeps players engaged as they develop their intuition for search patterns.

Social Gaming Elements

Perfect for group play, Google Feud becomes even more entertaining when played with friends. Compare your guessing skills and see who truly understands the collective internet mindset.

How to Play Google Feud

Getting Started

  1. Choose Your Category : Select from Culture, People, Names, or Questions
  2. Read the Query : A partial search phrase appears in the familiar Google search box
  3. Make Your Guess : Type what you think completes the search query
  4. Submit and Score : Hit enter to see if your guess matches popular searches

Scoring System

You have exactly 3 attempts per question to guess the autocomplete suggestions. Each correct guess earns points based on how popular that particular search completion is. The most searched completions give higher scores, rewarding players who can think like the masses.

Winning Strategy

Success in Google Feud requires understanding human psychology and current trends. Think about what ordinary people might search for, not what you personally would search. Consider common concerns, popular culture references, and everyday questions that millions might ask.

Why Play Google Feud

Educational Entertainment

Google Feud offers a unique window into human curiosity and social trends. While having fun, you'll learn about popular culture, common concerns, and how people phrase their questions online.

Brain Training Benefits

This game exercises multiple cognitive skills: - Pattern Recognition : Identifying common search behaviors - Cultural Awareness : Understanding popular trends and references - Predictive Thinking : Anticipating what others might search for - Vocabulary Skills : Thinking of various ways to phrase queries

Perfect for Any Skill Level

Whether you're a casual gamer or a trivia expert, Google Feud offers appropriate challenges. The game's difficulty naturally adjusts based on how obscure the autocomplete suggestions are.

No Commitment Required

As a browser-based game, Google Feud requires no downloads or accounts. Jump in for a quick mental workout during breaks or enjoy extended gaming sessions with friends.

Technical Requirements

Google Feud works perfectly across all modern devices and browsers: - Desktop Computers : Full keyboard support for fast typing - Tablets : Touch-friendly interface for mobile gaming - Smartphones : Optimized layout for small screens - No Installation : Plays directly in your web browser - Cross-Platform : Save progress across different devices

Frequently Asked Questions (FAQ)