Play Geography: Africa - Interactive Map Quiz Game

Seele01-Flash
By
Play Geography: Africa is an engaging educational quiz game that challenges your knowledge of African countries and geography. Test your world awareness by identifying nations on an interactive map in this fast-paced, timed challenge.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Play Geography: Africa 3D". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Low-poly, clean educational aesthetic. The map of Africa should be constructed from extruded 3D shapes (using `ExtrudedGeometry` based on simplified country border paths/GeoJSON). * **Color Palette**: Adhere to the reference image's palette—use pastel greens (`#2ecc71`, `#27ae60`), sandy beiges (`#f1c40f`), and muted oranges (`#e67e22`) for different countries to distinguish borders. The ocean background should be a vibrant, flat cyan (`#00b4d8`) or a soft gradient skybox. * **Lighting**: Use soft Hemispheric Light for base illumination and a Directional Light with soft shadows to emphasize the depth of the extruded countries. * **Effects**: When a country is selected or highlighted, it should slightly elevate (translate Y-axis) and emit a glow (Emissive material property). * **Performance**: Use simplified country borders (reduce vertex count) to ensure high FPS on mobile devices. Merge static background geometries if possible, but keep interactive countries as separate meshes. ### 2. Audio Requirements * **BGM**: A relaxing, looping Marimba or Kalimba track. It should be ambient and low-tempo to aid concentration, with a subtle rhythmic Afro-beat undertone. * **Sound Effects (SFX)**: * **Selection**: A soft "pop" or "wood block" sound when tapping a country. * **Correct Answer**: A cheerful major-key chime or high-pitched marimba run. * **Wrong Answer**: A dull, low-pitched thud or wooden "clunk". * **Victory**: A short celebratory percussion fanfare. ### 3. Gameplay Loop * **Start**: The game displays "Find [Country Name]" in a large UI overlay. The timer begins. * **Action**: The player taps a country on the 3D map. * **Validation**: * **Correct**: The country flashes green, plays the success sound, adds points to the score, and the UI updates to the next random country. * **Incorrect**: The selected country flashes red, plays the error sound, and the player loses 5 seconds from the timer (or score penalty). The player must try again until they find the correct one. * **Win/Loss**: The game ends when all countries have been found. The final screen displays the total time taken and accuracy percentage (`Correct Clicks / Total Clicks`). ### 4. Mobile Controls & Interaction * **Camera Control**: Implement `OrbitControls` customized for mobile. * **One Finger**: Rotates the map slightly (limited angles) or pans. * **Two Fingers**: Pinch to zoom in/out (essential for finding small countries like Togo or Djibouti). * **Interaction (Raycasting)**: * Use a `Raycaster` bound to `touchstart` or `touchend` events. * Ensure the raycaster ignores transparent areas and only registers hits on the country meshes. * **UI Layout**: * **Orientation**: Portrait mode preferred (but responsive to Landscape). * **Top HUD**: Display "Target Country" (Large Text), "Score", and "Timer" in a non-intrusive bar. * **Feedback**: When a target is missed, a small floating text label should appear over the *wrongly* selected country showing its actual name (e.g., "That is Nigeria"). * **Haptic Feedback**: Trigger a short, light vibration (using `navigator.vibrate(20)`) on every tap, and a double vibration on a wrong answer. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Play Geography: Africa is an educational puzzle game that puts your geographical knowledge to the test. With a solid 3.4/5 rating from players, this interactive quiz challenges you to identify and locate all the countries within the African continent on a detailed map.

This browser-based game is perfect for students, geography enthusiasts, and anyone looking to expand their world knowledge. The game combines education with entertainment, making learning about African geography both fun and engaging.

Core Features

Interactive Map Experience

The game features a detailed, colorful map of Africa where you'll click to identify different countries. The interactive interface makes learning geography intuitive and engaging, with immediate feedback on your selections.

Timed Challenge System

Each question is timed, adding excitement and urgency to your geographical knowledge test. The faster and more accurately you answer, the higher your score will be. This system encourages quick thinking while maintaining accuracy.

Educational Value

More than just a game, this is a valuable educational tool that helps improve: - World awareness and cultural knowledge - Geographical literacy and map reading skills - Memory and cognitive abilities - Understanding of African continent diversity

Unlimited Attempts

While the game is timed, you get unlimited chances to make the correct choice for each question. However, multiple wrong answers and slower response times will impact your final score, encouraging both speed and accuracy.

Cross-Platform Compatibility

Built with HTML5 technology, the game runs smoothly on desktop computers, tablets, and mobile devices without requiring any downloads or installations.

Gameplay Instructions

The game mechanics are straightforward and user-friendly:

  1. Start the Game : Use your mouse to navigate through the game menus
  2. Answer Questions : You'll be presented with questions asking you to locate specific African countries
  3. Click to Select : Use your mouse to click on the correct geographical area on the map
  4. Beat the Clock : Answer quickly and accurately to achieve the highest possible score
  5. Learn from Mistakes : Incorrect answers are allowed, but they'll affect your final score

The game tests your knowledge of countries like Chad, Nigeria, Kenya, and many others across the diverse African continent.

Why Play This Geography Game

Educational Benefits

This game serves as an excellent educational tool for: - Students studying world geography - Travelers planning trips to Africa - General knowledge enthusiasts wanting to expand their world awareness - Anyone interested in learning about the cradle of civilization

Accessibility and Convenience

  • Completely free to play with no hidden costs
  • No downloads required - plays directly in your browser
  • Mobile-friendly design works on all devices
  • Instant access - start playing immediately

Skill Development

Regular play helps develop: - Geographic literacy and spatial awareness - Quick decision-making abilities - Memory retention and recall - Cultural awareness and global perspective

Whether you're a student looking to ace your next geography test or simply someone who wants to become more worldly, Play Geography: Africa offers an engaging way to master African geography while having fun.

Frequently Asked Questions (FAQ)