Flags Maniac - World Flags Quiz Game

Seele01-Flash
By
Flags Maniac is an engaging educational trivia game that challenges your knowledge of world flags. Test yourself on flags from countries across all continents in this free, browser-based quiz game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Flags Maniac - 3D World Quiz**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Clean, bright, and "Edu-tainment" style. The aesthetic should be minimal but polished, using a pastel color palette for the UI to contrast with the vibrant colors of the flags. * **Background Element**: A central, slowly rotating **Low-Poly 3D Earth Globe** positioned in the background. It should have a soft ambient light to create a pleasant atmosphere without distracting from the quiz. * **Quiz Elements**: The flag options should not be simple 2D HTML elements, but **3D rounded rectangular panels (Planes or thin Boxes)** floating in the foreground. They should have a subtle floating animation (sine wave bobbing). * **Performance (Mobile)**: Use a single texture atlas for the flag images to reduce draw calls. Limit the globe geometry segments to keep the frame rate high (60fps) on mobile devices. Use simple Phong materials. ### 2. Audio Requirements * **BGM**: A light, upbeat, and "thinking" style track. Think "TV Game Show" background music—looping, rhythmic, but not aggressive. * **Sound Effects (SFX)**: * **Selection**: A soft "pop" or "click" sound when tapping a potential answer. * **Correct Answer**: A cheerful "Ding" or "Chime" combined with an uplifting major chord. * **Wrong Answer**: A comical "Buzzer" or low-pitched "Thud". * **Game Over/Win**: Short fanfare applause. ### 3. Gameplay Loop * **Session Structure**: The game consists of a set of **15 questions** per session. * **The Question**: At the top of the screen (UI overlay), display a Country Name (e.g., "Finland"). * **The Choice**: Generate 4 floating 3D cards below the text, each displaying a different flag texture. Only one is correct; the other three are distractors (ideally from a similar region or with similar colors to increase difficulty). * **Feedback Mechanism**: * **Correct**: The selected card spins 360 degrees, glows green, and emits a small particle explosion. Score increases. * **Wrong**: The selected card shakes (screenshake effect on the object), turns red, and the *correct* flag is highlighted in green to educate the player. * **End Game**: After 15 questions, display a summary 3D modal showing the final score (e.g., "12/15 Correct") and a "Replay" button. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** is mandatory to accommodate the vertical list of 4 flag options and the country name at the top comfortably on mobile screens. * **Touch Controls**: Implement a **Raycaster** to detect touch/tap events on the 3D flag meshes. * **UI & Hit Areas**: Ensure the 3D flag panels are large enough to be easily tappable (occupying roughly 20% of the screen width each, stacked or in a 2x2 grid). * **Feedback**: Add **Haptic Feedback** (vibration) using the `navigator.vibrate()` API—a short pulse for correct answers, a double pulse for wrong answers. 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 Maniac is a captivating educational trivia game that puts your geography knowledge to the test. With a solid 4.4/5 rating from players worldwide, this engaging quiz challenges you to identify flags from countries and nations across the globe. Whether you're a geography enthusiast or simply looking to expand your world knowledge, Flags Maniac offers an entertaining way to learn about global cultures and countries.

This browser-based game combines education with entertainment, making it perfect for students, travelers, or anyone curious about world geography. The game features flags from well-known countries as well as lesser-known nations, providing a comprehensive learning experience that spans all continents.

Core Features

Comprehensive Flag Database

Flags Maniac includes an extensive collection of world flags, from easily recognizable banners like the United States and United Kingdom to more challenging flags from smaller nations and territories. This diversity ensures that players of all knowledge levels will find appropriate challenges.

Interactive Quiz Format

Each game session presents 15 carefully selected countries, with players choosing the correct flag from four multiple-choice options. This format makes learning engaging while building confidence through immediate feedback.

Educational Value

Beyond simple memorization, the game helps players understand: - Geographic relationships between countries - Cultural symbols and their meanings - Regional flag patterns and similarities - Historical connections reflected in flag designs

Cross-Platform Accessibility

  • Completely Free : No registration, downloads, or payments required
  • Instant Play : Browser-based HTML5 technology for immediate access
  • Mobile Optimized : Perfect performance on smartphones and tablets
  • Universal Compatibility : Works on all modern devices and operating systems

Competitive Elements

The integrated leaderboard system allows players to: - Submit high scores after each session - Compare performance with global players - Track personal improvement over time - Challenge friends and family members

Gameplay Mechanics

Flags Maniac uses an intuitive multiple-choice format that makes learning accessible to all ages. Each round presents a country name at the top of the screen, accompanied by four flag options. Players must select the correct flag within the time limit to earn points.

The game's intelligent difficulty scaling ensures that both beginners and geography experts find appropriate challenges. Early questions might feature widely recognized flags, while later rounds introduce more obscure or visually similar flags that test detailed knowledge.

How to Play

Getting started with Flags Maniac is simple and straightforward:

  1. Launch the Game : Click play to begin your flag identification challenge
  2. Read the Country Name : Each question displays a country or nation name at the top
  3. Select the Correct Flag : Choose from four flag options by clicking your answer
  4. Complete 15 Questions : Each session consists of exactly 15 flag identification challenges
  5. Review Your Score : At the end, see your final score and accuracy percentage
  6. Check the Leaderboard : Compare your performance with other players worldwide
  7. Play Again : Start a new session to improve your score and learn more flags

Scoring System

Points are awarded based on accuracy and speed. Correct answers earn full points, while incorrect selections provide learning opportunities through immediate feedback showing the right answer.

Why Play Flags Maniac

Educational Benefits

This game transforms geography learning from passive memorization into active engagement. Players naturally absorb information about world countries, their locations, and cultural symbols while having fun.

Perfect for All Ages

With its "All Ages" content rating, Flags Maniac provides safe, educational entertainment suitable for children, students, and adults. The game serves as an excellent supplement to geography curricula or personal learning goals.

Convenient Learning

The instant-play format means you can squeeze in a quick learning session anywhere - during breaks, commutes, or whenever you have a few spare minutes. No downloads or installations create barriers to learning.

Social Learning Opportunity

The competitive leaderboard element encourages friendly competition among friends, classmates, or family members, making geography learning a shared social activity.

Brain Training Benefits

Regular play helps improve: - Visual memory and pattern recognition - Geographic knowledge and cultural awareness - Quick decision-making skills - Attention to detail and concentration

Frequently Asked Questions (FAQ)