Geography Game: South America

Seele01-Flash
By
Geography Game: South America is an educational puzzle game that challenges players to identify countries, capitals, and geographic features across the South American continent through interactive map clicking.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**South America: The 3D Geo-Quiz**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylized, semi-low-poly 3D aesthetic. The map should look like a "toy board" or a floating educational diorama. * **The Map (Core Asset):** * Use extruded 3D geometry for the South American continent. * **Crucial:** Each country must be a separate, selectable Mesh. * **Color Palette:** Mimic the screenshot's vibrant tones but modernized. Use distinct colors (Orange, Yellow, Beige, Terracotta) for adjacent countries to differentiate them easily. * **Sea/Background:** A stylized low-poly ocean (animated vertex waves if performant, or a simple gradient blue shader) and a soft sky blue background. * **Mascot:** A simple low-poly blue airplane (referencing the screenshot) that circles the continent slowly as an ambient animation. * **Performance Optimization:** Use `InstancedMesh` if applicable, but since country counts are low (~12-13), separate meshes are fine. Ensure low polygon counts for mobile battery efficiency. Use simple materials (`MeshLambertMaterial` or `MeshToonMaterial`), avoid heavy textures. ### 2. Audio Requirements * **BGM:** A light, looping, instrumental track with subtle Latin American influences (e.g., soft Bossa Nova or pan flute hints), keeping it casual and educational. * **Sound Effects (SFX):** * **Selection:** A soft "pop" or "click" sound when tapping a country. * **Correct Answer:** A cheerful, high-pitched chime or "Ding!" + a visual particle burst. * **Wrong Answer:** A comical, low-pitched "Buzz" or "Spring" sound. * **Ambience:** Very faint wind or propeller noise from the mascot plane. ### 3. Gameplay Loop * **Initialization:** Camera pans from a wide view to a focused top-down angled view of South America. * **The Quiz Cycle:** 1. **Prompt:** The UI displays a country name (e.g., "Find **Peru**"). 2. **Interaction:** The player rotates the map and taps a country mesh. 3. **Validation:** * *If Correct:* The country flashes Green, score increments, and the game moves to the next country immediately. * *If Wrong:* The tapped country flashes Red briefly. The game highlights the *actual* correct country in Green to teach the player, then waits 2 seconds before the next question. * **Win Condition:** Successfully identify all countries. * **End Screen:** Displays final score (e.g., "10/13 Correct") with a "Replay" button. ### 4. Mobile Controls & Interaction * **Camera Controls:** Implement `OrbitControls` customized for touch: * **Rotate:** One-finger drag to rotate the continent. * **Zoom:** Two-finger pinch (clamped min/max distance) to see smaller countries like Suriname or Uruguay. * **Pan:** Disabled (keep the map centered). * **Touch Interaction (Raycasting):** * Use a Raycaster specifically optimized for `touchstart` or `touchend` events to detect clicks on the country meshes. * **Logic:** Ensure the raycaster distinguishes between a "drag gesture" (rotating the camera) and a "tap gesture" (selecting a country). If the finger moves more than 5px during the touch, ignore it as a click. * **UI Layout:** * **Top Bar:** Display the "Target Country" text in a large, readable font (Sans-serif) with a semi-transparent background. * **Bottom Area:** Score counter and Progress bar. * **Touch Feedback:** Trigger `navigator.vibrate(50)` (Haptic feedback) on every valid tap. Highlight the touched country (emissive color) instantly to confirm selection. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Geography Game: South America is an engaging educational puzzle game designed to test and improve your knowledge of South American geography. This interactive map quiz challenges players to identify countries, capitals, cities, and geographic features across the diverse continent of South America. Perfect for students, educators, and geography enthusiasts of all ages, this game makes learning about South American geography both fun and memorable.

Core Features

Interactive Learning Experience

The game features a user-friendly interface where players simply click on the map to select their answers. This hands-on approach makes learning geography more engaging than traditional textbook methods.

Comprehensive Coverage

Explore all 12 sovereign countries of South America, from the largest nation Brazil to smaller countries like Uruguay and Suriname. Learn about major cities, capitals, and important geographic landmarks that define this fascinating continent.

Educational Value

Designed as both entertainment and educational tool, this game helps improve: - Geographic knowledge of South American countries and their locations - Spatial awareness and map-reading skills - Cultural understanding through geographic exploration - Memory retention through interactive gameplay

Accessible Design

The game is completely free to play and runs directly in your web browser without any downloads or installations required. Compatible with computers, tablets, and smartphones for learning on the go.

Gameplay Mechanics

The gameplay is straightforward and intuitive. Players are presented with a colorful, interactive map of South America and given various geographic challenges. You might be asked to:

  • Identify specific countries by clicking on their borders
  • Locate capital cities and major urban centers
  • Find important geographic features like rivers and mountain ranges
  • Match country names with their correct positions on the map

Operation Guide

Mouse Controls : Simply use your mouse to click on the map areas. The game responds to precise clicking, so aim carefully when selecting countries or cities.

Getting Started : 1. Load the game in your web browser 2. Read the question or instruction displayed 3. Click on the corresponding area of the South American map 4. Receive immediate feedback on your answer 5. Progress through increasingly challenging questions

Tips for Success : - Take your time to study the map layout - Pay attention to country shapes and relative positions - Use geographic features like coastlines and borders as reference points - Learn from incorrect answers to improve future performance

Why Play This Game

This geography game offers an excellent way to expand your knowledge of South America while having fun. Whether you're a student preparing for geography tests, a teacher looking for classroom resources, or simply someone interested in world geography, this game provides valuable learning opportunities.

The interactive format makes it more engaging than traditional studying methods, while the immediate feedback helps reinforce correct information. It's particularly useful for visual learners who benefit from map-based learning approaches.

Perfect for Educational Settings

Teachers can incorporate this game into lesson plans as a fun way to review South American geography. Students can use it for self-directed learning and test preparation. The game's all-ages content rating makes it suitable for learners from elementary school through adult education.

Frequently Asked Questions (FAQ)