Logo Quiz: Game World Trivia

Seele01-Flash
By
Logo Quiz: Game World Trivia challenges your brand knowledge with over 200 famous logos from around the world. This colorful, educational quiz game is perfect for testing your memory and learning about iconic brands.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Logo Quiz: Game World Trivia". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-saturation "Pop Art" aesthetic similar to the reference image. Use a vibrant color palette (Cyan, Magenta, Yellow, bright Red) for the background to create an energetic atmosphere. * **Main Stage:** Instead of a flat 2D image, the "Logo/Product" to be guessed should be a **3D Object** centered in the screen (e.g., a Red Cylinder representing a soda can, a White Frustum representing a coffee cup, or a Voxel-style burger). * **Background:** A dynamic 3D background using a grid of floating, slowly rotating geometric shapes (cubes, toruses) in the distance to add depth without distracting from the main quiz object. * **Lighting:** Bright, soft "Studio Lighting" (AmbientLight + DirectionalLight) to ensure the central object looks appealing and shadow-less, mimicking a product commercial. * **Optimization:** Use low-poly primitives for the product placeholders. Ensure textures are compressed. Use a simple fog effect to blend the distant background. ### 2. Audio Requirements * **BGM:** A looping, upbeat, "TV Game Show" style instrumental track. It should be catchy but not annoying (think generic "thinking music" with a funk bassline). * **Sound Effects (SFX):** * **Selection:** A crisp "Pop" or "Click" sound when touching UI buttons. * **Correct Answer:** A satisfying "Ding!" combined with a "Cash Register/Cha-ching" sound (as coins are earned). * **Wrong Answer:** A comical "Buzzer" or "Wobble" sound. * **Shop Purchase:** A "Fanfare" or "Unlocking" sound. ### 3. Gameplay Loop * **The Quiz Phase:** 1. A 3D object appears (representing a brand). 2. The player must identify it from 4 multiple-choice buttons displayed on an HTML overlay. 3. **Interaction:** The player can swipe on the 3D object to rotate it 360 degrees to inspect details before guessing. * **Result Phase:** * **Win:** Confetti particles explode from the object. A "Did You Know?" text box slides up containing a trivia fact about the brand. +10 Coins added to the bank. * **Loss:** The object shakes violently (camera shake effect). The correct answer is highlighted. * **Shop System:** A separate scene or modal where players can spend earned coins to unlock "Avatar Companions" (simple 3D characters like a low-poly Robot or Cat) that stand next to the quiz object in future rounds. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Strictly **Portrait Mode** design. The top 50% of the screen is the 3D render canvas (the object), and the bottom 50% is the HTML UI (Questions/Buttons). * **Touch Controls:** * **Canvas Area:** One-finger swipe to rotate the 3D model (OrbitControls with disabled zoom/pan, rotation only). * **UI Area:** Large, thumb-friendly buttons (minimum height 60px) for the answers. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` on a wrong answer and `navigator.vibrate([100, 50, 100])` on a correct answer/win. * **Visual:** When an answer is tapped, the button should visually depress or change color immediately to indicate registration. * **Responsiveness:** Ensure the 3D canvas resizes correctly on `window.resize` and handles high-DPI (Retina) screens properly using `renderer.setPixelRatio`. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Logo Quiz: Game World Trivia is an engaging puzzle and trivia game that tests your knowledge of famous brands and logos from around the world. With over 200 intriguing brand facts and colorful logo designs, this educational quiz offers hours of entertaining gameplay for players of all ages. The game features a vibrant, cartoon-style interface with instantly recognizable logos from major global brands.

Core Features

This comprehensive logo identification game offers several exciting features:

  • 200+ Brand Logos : Challenge yourself with an extensive collection of famous logos from various industries
  • Educational Content : Learn fascinating facts about iconic brands while playing
  • Progressive Difficulty : Advance through multiple stages with increasing complexity
  • Coin Reward System : Earn virtual coins for correct answers and successful level completion
  • Character Shop : Use earned coins to unlock new characters and customize your gaming experience
  • Cross-Platform Play : Enjoy seamless gameplay on both desktop and mobile devices
  • Free to Play : Complete gaming experience with no hidden costs or premium content

Colorful and Engaging Design

The game features a bright, eye-catching visual design with colorful tiles displaying various brand logos. From fast-food chains to tech companies, beverage brands to retail stores, the game covers logos from multiple categories that players encounter in daily life.

Educational Value

Beyond entertainment, Logo Quiz serves as an educational tool that helps players recognize and remember brand identities. It's an excellent way to improve visual memory and brand awareness while having fun.

Game Mechanics

The gameplay is straightforward yet challenging:

  1. Logo Recognition : Each level presents you with a brand logo
  2. Multiple Choice : Select the correct brand name from the given options
  3. Progression System : Successfully identify logos to advance through stages
  4. Scoring : Earn points and coins based on accuracy and speed
  5. Shop System : Spend earned coins to unlock new characters and features

Operation Guide

Playing Logo Quiz is simple and intuitive:

  • Mouse Control : Use the left mouse button to select your answer
  • Touch Support : On mobile devices, simply tap your choice
  • Navigation : Easy-to-use menu system for accessing different game modes
  • Shop Access : Visit the shop menu to purchase new characters with earned coins

The game's user-friendly interface ensures that players of all ages can easily navigate and enjoy the experience without any learning curve.

Why Play This Game

Logo Quiz: Game World Trivia is perfect for anyone who enjoys testing their knowledge while learning something new. Whether you're a brand enthusiast, a trivia lover, or simply looking for an educational game that's fun for the whole family, this game delivers on all fronts. The combination of entertainment and education makes it an ideal choice for both casual gaming sessions and longer play periods.

The game's accessibility across multiple platforms means you can continue your logo-identifying journey whether you're at home on your computer or on the go with your mobile device. With no download required for web play, you can start testing your brand knowledge immediately.

Frequently Asked Questions (FAQ)