Geography Game: USA - American States Map Quiz

Seele01-Flash
By
Geography Game: USA is an educational puzzle game that challenges players to test their knowledge of American states and geography. Click on the interactive map to identify states and improve your US geography skills.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**USA Geography Quiz 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A stylized, low-poly 3D map of the United States. The aesthetic should be "Cartoony Educational," utilizing bright, distinct colors for each state (ensuring adjacent states have different colors) to mimic a classroom puzzle board. * **The Map**: The core asset is a group of 50 individual extruded meshes, each representing a state. *Note for code generation: If exact US state geometry is too complex for a single script, please generate a simplified "Symbolic Map" using a grid of labeled, extruded hexagonal or cubic tiles arranged roughly in the shape of the US to represent the states for gameplay logic demonstration.* * **Background**: A clean, gradient background (soft blue or chalkboard green) that contrasts well with the map. * **Optimization**: Use `THREE.InstancedMesh` if possible for repeated geometries, or merge geometries for static elements. Use simple materials (`MeshLambertMaterial` or `MeshToonMaterial`) for mobile performance. Lighting should be a bright ambient light combined with a directional light casting soft shadows to give depth to the "puzzle pieces." ### 2. Audio Requirements * **BGM**: A light, whimsical, and "thinking" style track. Think pizzicato strings or a soft colonial-style snare drum/flute melody (nodding to the Ben Franklin character in the reference). * **Sound Effects**: * **Select**: A soft "pop" or "click" when tapping a state. * **Correct**: A cheerful chime or "ding" accompanied by a pitch-up effect. * **Wrong**: A low-pitched "buzzer" or a comedic "spring boing" sound. * **Win**: A fanfare trumpet sound when the quiz is completed. ### 3. Gameplay Loop * **Start**: The game displays a 3D text overlay: "Find [State Name]" (e.g., "Where is Texas?"). * **Action**: The player rotates the map (optional) and taps on a 3D state object. * **Validation**: * **Correct**: The state mesh flashes Green, jumps up slightly (animation), and a particle effect (confetti) triggers. Score increments. The state becomes "locked" or turns a neutral color to indicate it's done. * **Incorrect**: The tapped state flashes Red and shakes/vibrates visually. The "Lives" counter decreases. * **Progression**: The game cycles through 10 random states (or all 50). * **Win/Loss**: Game Over screen appears if lives hit 0. Victory screen appears after answering the set number of questions correctly. ### 4. Mobile Controls & Interaction * **Touch Controls**: * **Tap**: Use a Raycaster bound to `touchstart` (not just `click`) to detect which state mesh is hit. * **Pan/Zoom**: Implement `OrbitControls` but restrict the polar angles so the user can't go underneath the map. Enable damping for smooth scrolling feeling on touchscreens. * **UI Layout**: * **Top Bar**: A large, readable question box ("Find: CALIFORNIA"). * **Bottom Bar**: Score and Lives display. * **Responsiveness**: UI elements must be absolute positioned HTML/CSS overlays on top of the Canvas, scaling correctly for Portrait and Landscape modes. Buttons must be at least 44x44px for touch targets. * **Feedback**: * **Haptic**: Trigger `navigator.vibrate(200)` when the player chooses the wrong answer. Trigger a short `navigator.vibrate(50)` for correct answers. * **Visual**: When a finger touches the screen, draw a small ripple or reticle cursor at the touch point to show the user exactly where they are aiming. 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: USA is an engaging educational puzzle game designed to test and improve your knowledge of American geography. This interactive map-based quiz challenges players to identify US states by clicking on the correct locations on a colorful, cartoon-style map of the United States.

The game features a unique artistic interpretation of the US map that adds visual appeal while maintaining educational value. Whether you're a student studying American geography or simply want to brush up on your knowledge of the 50 states, this game provides an entertaining way to learn.

Core Features

Interactive Map Learning

The game presents players with an engaging cartoon-style map of the United States. Unlike traditional geography tools, this version offers a fun, approachable visual style that makes learning geography enjoyable for players of all ages.

Educational Value

  • Comprehensive Coverage : Learn all 50 US states and their locations
  • Visual Learning : Cartoon-style graphics make geography memorable and fun
  • Immediate Feedback : Get instant results on your geography knowledge
  • Self-Paced Learning : Practice at your own speed without time pressure
  • Suitable for All Ages : Content rated for all age groups

Accessible Gaming Experience

  • Free to Play : Completely free online game with no registration required
  • Browser-Based : Play directly in your web browser without downloads
  • Simple Controls : Easy point-and-click interface suitable for everyone
  • Educational Category : Part of the puzzle and educational game categories

Gameplay Mechanics

The gameplay is straightforward yet challenging. Players are presented with the US map and must demonstrate their geographical knowledge by clicking on specific states when prompted. The game tests various aspects of American geography, from recognizing state shapes to understanding their relative positions.

Game Controls

The game features intuitive mouse-based controls:

  • Mouse Click : Primary interaction method for selecting states on the map
  • Point and Click : Navigate through the game interface and make selections
  • Visual Feedback : Immediate response to your choices with clear visual indicators

The simple control scheme makes the game accessible to players of all skill levels and ages, from elementary school students to adults looking to refresh their geography knowledge.

Why Play This Geography Game

Perfect for Education

This game serves as an excellent educational tool for students, teachers, and anyone interested in improving their knowledge of American geography. It transforms the often dry subject of memorizing state locations into an engaging, interactive experience.

Suitable for All Skill Levels

Whether you're just starting to learn US geography or consider yourself an expert, the game provides value through its comprehensive coverage of all American states. Beginners can learn gradually, while advanced players can test their expertise.

Convenient and Accessible

As a free browser-based game, Geography Game: USA requires no special software or registration. Simply visit the website and start playing immediately, making it perfect for classroom use or casual learning sessions.

Brain Training Benefits

Beyond geography education, this puzzle game helps develop spatial awareness, memory skills, and visual recognition abilities. It's an excellent way to keep your mind sharp while learning practical geographical knowledge.

Frequently Asked Questions (FAQ)