Globe Game - Ultimate Geography Quiz

Seele01-Flash
By
Globe Game is the ultimate geography challenge that tests your world knowledge through interactive map puzzles. Identify countries, place flags, and locate famous landmarks in this engaging educational game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Globe Game: Vintage Edition". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Recreate the "Vintage/Sepia" aesthetic seen in the reference screenshot but applied to a **3D Interactive Globe**. Use a color palette consisting of Parchment Beige (#F2E8C9) for oceans, Muted Gold/Tan (#D4B483) for landmasses, and Dark Brown (#4A3B2A) for borders and text. * **The Globe**: Create a `SphereGeometry` wrapped with a high-resolution world map texture that matches the vintage style. Implement a shader or material that gives it a slight "paper" texture look. * **Country Highlighting**: The system must be able to highlight specific countries when hovered or selected. Use a secondary mesh or an emissive material overlay that pulses green (for correct) or red (for incorrect). * **Background**: A simple, clean gradient background (Dark Brown to Black radial) to make the sepia globe pop. * **Mobile Optimization**: Use low-poly sphere segments (widthSegments: 64, heightSegments: 64 max) and compressed textures (under 1024x1024) to ensure high FPS on mobile browsers. ### 2. Audio Requirements * **BGM**: A looping, intellectual, and calm track. Think "Library Ambience" or "Soft Piano/Marimba" that encourages focus without being distracting. * **Sound Effects (SFX)**: * **Interaction**: A satisfying "papery" click or soft wood-block sound when tapping the globe. * **Success**: A harmonious "Ding" or "Chime" major chord when the correct country is found. * **Failure**: A low-pitched "Thud" or gentle buzzer for incorrect guesses. * **UI**: Soft "Swoosh" sounds when zooming in/out. ### 3. Gameplay Loop * **The Quiz Mechanic**: 1. **Prompt**: The UI displays a target country name (e.g., "Find Brazil") or a flag at the top of the screen. 2. **Search**: The player rotates and zooms the globe to find the location. 3. **Select**: The player taps a location on the globe. 4. **Validation**: * **Correct**: The country lights up Green, +Score, and the camera automatically pans slightly to center it before moving to the next question. * **Incorrect**: The tapped country lights up Red, the user loses a "Life" or time, and the correct location pulses briefly as a hint. * **Win/Loss**: The game ends after 10 rounds. Show a summary screen with "Accuracy %" and "Time Taken". ### 4. Mobile Controls & Interaction * **Camera Control (OrbitControls modified)**: * **One-finger drag**: Rotates the globe (Orbit around center). * **Two-finger pinch**: Zooms the camera in/out (Clamp zoom distance to prevent clipping inside the globe or going too far out). * **Selection (Raycaster)**: * **Tap**: Implement a `Raycaster` listening to `touchstart` or `click` events. It must distinguish between a "drag" action and a "tap" action (i.e., if the finger moves < 5 pixels, count as a tap). * **UI Layout**: * **Orientation**: Force or adapt primarily for **Portrait Mode** (vertical) as it fits the "holding a globe" metaphor best on phones. * **HUD**: Place the "Target Question" in a large, readable box at the **top** (safe area). Place the "Score/Timer" at the **bottom**. * **Touch Targets**: Ensure all UI buttons are at least 44x44 pixels. * **Haptic Feedback**: Trigger `window.navigator.vibrate(10)` on UI clicks and `vibrate(50)` on correct answers for tactile immersion. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Globe Game is an engaging geography puzzle game that challenges your knowledge of world geography in multiple exciting ways. With a rating of 3.2/5 from dedicated geography enthusiasts, this educational game transforms learning about countries, flags, and landmarks into an entertaining interactive experience.

Whether you're a student looking to improve your geography skills or simply someone who loves testing their world knowledge, Globe Game offers the perfect blend of education and entertainment.

Core Features

Comprehensive Geography Challenges

Globe Game isn't just another quiz - it's a complete geography testing suite that covers:

  • Country Identification : Test your ability to recognize countries by their shape and location on the world map
  • Flag Recognition : Challenge yourself to identify national flags from around the globe
  • Landmark Placement : Pinpoint famous landmarks and monuments on their correct geographical locations
  • Interactive World Map : Navigate through a detailed, zoomable world map interface

Educational Value

This game serves as an excellent educational tool for: - Students studying world geography - Teachers looking for interactive classroom activities - Travel enthusiasts preparing for their next adventure - Anyone wanting to expand their global knowledge

Accessible Learning Platform

  • Completely Free : No payment required to access all geography challenges
  • Browser-Based : Play instantly without downloads or installations
  • All Ages Welcome : Suitable content for learners of every age group
  • Multiple Difficulty Levels : From basic country recognition to advanced landmark placement

Gameplay Features

The game presents various types of geography challenges:

Country Placement Challenges

Drag and drop countries to their correct positions on the world map. This mode helps you understand relative positions and sizes of different nations.

Flag Identification Rounds

View national flags and select the correct country from multiple choices. Perfect for memorizing the distinctive designs of world flags.

Landmark Location Tasks

Place famous landmarks like the Eiffel Tower, Great Wall of China, or Statue of Liberty in their correct geographical positions.

Operation Guide

Globe Game features intuitive controls designed for easy navigation:

  • Mouse Control : Click and drag to interact with map elements and navigate the interface
  • Spacebar : Toggle between different tools and interaction modes
  • Mouse Wheel : Zoom in and out of the world map for detailed viewing
  • Careful Answers : Take your time to think through each question - accuracy matters more than speed

The game emphasizes thoughtful consideration of each challenge rather than rushing through questions, making it perfect for genuine learning.

Why Play Globe Game

Educational Benefits

  • Improve Geography Knowledge : Systematically learn about countries, their locations, and cultural symbols
  • Visual Learning : The interactive map format helps visual learners retain information better
  • Memory Enhancement : Regular practice with flags and landmarks improves geographical memory
  • Cultural Awareness : Exposure to different countries and their symbols builds global awareness

Entertainment Value

  • Challenging but Fair : Questions are designed to be educational without being impossibly difficult
  • Varied Content : Multiple game modes prevent monotony and keep the experience fresh
  • Progress Tracking : See how your geography knowledge improves over time
  • Instant Accessibility : No setup time - start learning immediately

Perfect for Multiple Scenarios

  • Classroom Use : Teachers can incorporate this into geography lessons
  • Family Game Time : Parents and children can play together and learn
  • Personal Study : Individual learners can use it for self-paced geography education
  • Travel Preparation : Brush up on destinations before your next trip

Frequently Asked Questions (FAQ)