Flags - World Geography Quiz Game

Seele01-Flash
By
Flags is an engaging geography quiz game that challenges your world knowledge by testing your ability to identify countries from their flags. Perfect for geography enthusiasts and brain training.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Flags - Geography Quiz". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Clean, vibrant, and minimalist "Game Show" aesthetic. Use a bright, shadow-less or soft-shadow lighting setup (AmbientLight + DirectionalLight) to ensure flags are clearly visible. * **Main Assets:** * **Flag Tiles:** Create 3D tiles using `BoxGeometry` with slightly beveled edges (or simulated via textures) to look like tactile buttons or cards. Apply flag textures to the front face. * **Background:** A stylized, slowly rotating low-poly wireframe globe in the background (using `IcosahedronGeometry`) or a soft gradient background to keep the focus on the quiz. * **Mobile Optimization:** * Use a single Texture Atlas for all flag images to reduce draw calls. * Keep polygon count low; use simple geometries for the UI buttons. * Ensure the camera is fixed (`PerspectiveCamera`) and positioned to frame the content perfectly in Portrait mode (vertical FOV adjustment). ### 2. Audio Requirements * **BGM:** A light, rhythmic, "thinking" track. It should be instrumental, looped, and have a moderate tempo (like a game show countdown bed) to induce focus without anxiety. * **Sound Effects (SFX):** * **Selection:** A crisp "pop" or "click" sound when a tile is tapped. * **Correct Answer:** A satisfying, major-key "Ding" or "Chime" combined with a pitch increase for streaks. * **Wrong Answer:** A gentle, low-pitched "Buzzer" or "Thud". * **Timer (60s Mode):** A ticking clock sound that speeds up in the last 10 seconds. ### 3. Gameplay Loop * **Core Mechanic:** Implement two distinct question types based on the description: 1. **Standard Mode:** Display one large 3D Flag Tile in the center. Below it, render 3-4 text-based 3D buttons with country names. 2. **Reverse Mode:** Display a Country Name (3D Text) at the top. Below it, render 3 Flag Tiles. * **Logic Flow:** * Generate a random question. * Player taps an answer. * **Immediate Feedback:** If correct, the tile flashes green; if wrong, it flashes red. * **Scoring:** Award points based on speed. Implement a "Streak Multiplier" that increases with consecutive correct answers. * **Game Modes:** Include a simple state manager to switch between "60 Seconds" (timer counts down), "Streak" (game over on first error), and "Learn" (infinite play, repeat wrong answers). ### 4. Mobile Controls & Interaction * **Controls:** Use `Raycaster` to detect touch/click events on the 3D objects. Do NOT use HTML overlay buttons for the core gameplay; make the buttons part of the 3D scene for a more immersive feel. * **Orientation:** Strictly **Portrait Mode** design. The question element should be in the top 40% of the screen, and the answer options in the bottom 60% for easy thumb reach. * **Touch Feedback:** * **Visual:** When a tile/button is touched, apply a slight scale-down animation (`scale.set(0.9, 0.9, 0.9)`) using a tweening library (like TWEEN.js or simple interpolation) to simulate a physical button press. * **Haptic:** Trigger `navigator.vibrate(50)` on a successful tap if supported. * **UI Sizing:** Ensure all interactive 3D buttons project to a screen area of at least 44x44 pixels to prevent mistaps. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Flags is a captivating geography quiz game that transforms learning about world countries into an exciting challenge. This brain-training puzzle tests your knowledge of world flags through various engaging game modes, making it perfect for geography enthusiasts, students, and anyone looking to expand their global awareness.

The game presents you with colorful country flags and challenges you to identify which nation they represent. With its clean, intuitive interface and multiple difficulty levels, Flags offers an educational experience that's both fun and informative.

Core Features

Multiple Game Modes for Every Player

Flags offers six distinct game modes to keep your learning experience fresh and challenging:

  • 60 Seconds Mode : Race against time to identify as many flags as possible in one minute
  • Streak Mode : Test your consistency by playing as long as possible without making mistakes
  • Learn Mode : Educational approach where incorrect answers are repeated for better retention
  • Default Mode : Standard flag-to-country matching with multiple choice answers
  • Reverse Mode : Country name-to-flag matching for advanced players
  • Challenge Mode : Progressive difficulty for serious geography buffs

Educational and Entertaining

This isn't just a game - it's a comprehensive geography learning tool. Each round teaches you about different countries and their national symbols, helping you build a mental map of the world. The scoring system rewards both speed and accuracy, encouraging you to improve your geographical knowledge while having fun.

Brain Training Benefits

Playing Flags regularly helps improve: - Visual memory through flag pattern recognition - Geographic knowledge of world countries and regions - Quick decision-making under time pressure - Pattern recognition skills - Cultural awareness through national symbols

Gameplay Mechanics

The game mechanics are designed for maximum accessibility while maintaining educational value. In the standard mode, you'll see a flag displayed prominently, with three country options listed below. Your task is to select the correct country as quickly as possible.

The reverse mode flips this concept - you'll see a country name and must choose from three flag options. This dual approach ensures comprehensive learning and prevents simple memorization patterns.

Operation Guide

Basic Controls

  • Tap/Click : Select one of the three answer options below the flag or country name
  • Next : Automatically proceeds to the next question after selection
  • Menu : Access different game modes and settings

Scoring System

Your score depends on: - Speed : Faster answers earn more points - Accuracy : Correct answers maintain your streak multiplier - Consistency : Longer streaks without mistakes boost your final score

Game Modes Explained

  1. 60 Seconds : Focus on quick recognition and maximize correct answers within the time limit
  2. Streak : Build the longest possible sequence of correct answers
  3. Learn : Take your time and learn from mistakes through repetition

Why Play Flags?

Perfect for All Ages

Whether you're a student studying geography, a traveler preparing for adventures, or someone who enjoys brain training games, Flags offers the perfect blend of education and entertainment. The game scales from beginner-friendly to expert-level challenges.

Free and Accessible

Enjoy complete access to all game modes and features without any cost. No subscriptions, no hidden fees - just pure geographical learning fun.

Social and Competitive

Challenge friends and family members to beat your high scores and streaks. Share your achievements and create friendly competitions to see who knows the most about world geography.

Continuous Learning

With flags from countries around the globe, there's always something new to learn. The game helps you discover countries you might never have heard of and reinforces knowledge of familiar ones.

Brain Exercise

Regular play helps maintain mental sharpness through pattern recognition, memory recall, and quick decision-making under pressure.

Frequently Asked Questions (FAQ)