50 State Capitals - Geography Quiz Game

Seele01-Flash
By
50 State Capitals is a challenging geography quiz game that tests your knowledge of all US state capitals. Perfect for students and geography enthusiasts who want to master American geography through an engaging puzzle format.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme **"50 State Capitals: 3D Geo-Master"**. Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a stylized, **low-poly 3D map of the United States**. Instead of a flat 2D texture, each state should be a distinct `ExtrudeGeometry` mesh with a slight height to give it a tactile, puzzle-piece look. * **Color Palette:** Use a modern, "Educational App" aesthetic. The states should use a pleasing palette (e.g., soft pastels: muted teal, coral, slate blue) to distinguish neighbors. The background should be a clean, radial gradient (dark blue to black) or a stylized "classroom desk" texture. * **Lighting:** Use `HemisphereLight` for soft global illumination and a `DirectionalLight` with shadows to emphasize the depth of the extruded states. * **Feedback Visuals:** When a state is selected: * **Hover/Touch:** The state should lift up slightly (y-axis) and brighten (Emissive material). * **Correct:** Flash Green (#4CAF50). * **Wrong:** Flash Red (#F44336). * **Performance:** Merge geometries where possible if static, but keep states separate for interaction. Use low-segment counts for the extrusion bevels to maintain high FPS on mobile devices. ### 2. Audio Requirements * **BGM:** A calm, focus-oriented track (Lo-fi beats or soft ambient synth) that loops seamlessly. It should not be distracting. * **Sound Effects (SFX):** * *Select:* A soft wooden "clack" or "pop" sound when a state is tapped. * *Success:* A cheerful chime or bell (Major chord). * *Failure:* A low-pitched buzzer or "thud" sound. * *Win Game:* A celebratory fanfare. ### 3. Gameplay Loop * **The Quiz Mechanism:** 1. **Prompt:** The UI displays a Capital City name (e.g., "Find the state for: **Albany**"). 2. **Action:** The player must navigate the 3D map and tap the correct state (New York). 3. **Validation:** * If correct: Score increases, the state turns green, and the next question appears. * If incorrect: The tapped state turns red, the correct state flashes green briefly to teach the player, and the game moves to the next capital. * **Progression:** The game runs through all 50 states (randomized order). * **Scoring:** Display "Current Score" and "Time Elapsed". * **Win Condition:** Complete all 50 states. Display a "Final Report Card" at the end (e.g., "A+" for 100%, "F" for <50%). ### 4. Mobile Controls & Interaction * **Camera Controls (OrbitControls):** * Enable **Pinch-to-Zoom** (Crucial for hitting small states like Rhode Island or Delaware). * Enable **One-finger Pan/Rotate**. * Limit the polar angle (clamped) so the user cannot go underneath the map. * **Raycaster Logic:** * Implement a precise Raycaster for touch events. * **Hit Box Optimization:** Since some states are tiny, ensure the camera zoom allows getting close enough, or implement a logic where tapping near a small state prioritizes the smaller mesh over the larger neighbor. * **UI Layout (Mobile Responsive):** * **Top Bar:** Displays the "Target Capital Name" in large, bold text (easy to read on small screens). * **Bottom Bar:** Displays Score (e.g., "35/50") and a "Reset" button. * **Orientation:** Support both Landscape (preferred for US map shape) and Portrait (camera must zoom out further to fit width). * **Haptic Feedback:** If the device supports it (via Navigator.vibrate), trigger a short vibration (10ms) on tap, and a double vibration on error. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

50 State Capitals is an educational geography puzzle game that challenges players to identify and match all 50 US state capitals with their corresponding states. This free online game combines learning with entertainment, making it an excellent tool for students, teachers, and anyone looking to improve their American geography knowledge.

The game presents a colorful map of the United States where players must correctly identify each state capital within a limited number of turns. With its simple yet challenging gameplay, it's designed to test even the most confident geography students.

Core Features

Comprehensive Geography Challenge

The game covers all 50 US states and their capitals, providing a complete learning experience for American geography. From easy capitals like Sacramento (California) to challenging ones like Pierre (South Dakota), every state is included.

Educational Value

  • Perfect for Students : Ideal study tool for geography classes and standardized test preparation
  • Interactive Learning : Visual map-based learning makes memorization more effective
  • Progress Tracking : Monitor your improvement as you master more state capitals
  • Challenge Mode : Attempt to complete the entire quiz in just 50 turns for the ultimate challenge

Free and Accessible

  • Completely Free : No payment required to access the full game
  • Browser-Based : Play directly in your web browser without downloads
  • All Ages Content : Suitable for elementary students through adults
  • Quick Sessions : Perfect for short study breaks or extended learning sessions

Scoring System

The game features a scoring system that tracks your accuracy and efficiency. Challenge yourself to achieve a perfect score by identifying all capitals correctly within the minimum number of attempts.

Gameplay Mechanics

The game presents an interactive map of the United States with clearly defined state boundaries. Players click on states and must input or select the correct capital city. The challenge increases as you progress, testing your knowledge of both well-known capitals like Austin, Texas, and lesser-known ones like Montpelier, Vermont.

Operation Guide

Basic Controls: - Mouse Click : Select states on the interactive map - Keyboard Input : Type capital names when prompted - Navigation : Use on-screen buttons to navigate through the quiz

Game Objective: Your goal is to correctly identify all 50 US state capitals. The ultimate challenge is completing this task in exactly 50 turns - one attempt per state - which requires perfect knowledge of American geography.

Tips for Success: - Start with the capitals you know confidently - Use mnemonic devices to remember difficult capitals - Practice regularly to improve your recall speed - Focus on the most commonly missed capitals like Olympia (Washington) and Tallahassee (Florida)

Why Play This Game

Educational Benefits

This game transforms geography learning from passive memorization into active engagement. Visual learners particularly benefit from the map-based interface, while the challenge aspect motivates continued practice.

Perfect Study Tool

Whether you're preparing for a geography test, studying for citizenship exams, or simply want to improve your general knowledge, this game provides an effective and enjoyable learning method.

Mental Exercise

Beyond geography, the game serves as excellent brain training, improving memory, recall speed, and spatial awareness. It's a productive way to spend time while building valuable knowledge.

Accessibility and Convenience

The browser-based format means you can practice anywhere with internet access - at home, school, or during breaks. The game loads quickly and doesn't require any special software or powerful hardware.

Challenge yourself to join the ranks of geography masters who can perfectly identify all 50 state capitals. Your geography teacher will indeed be impressed when you demonstrate this comprehensive knowledge of American geography!

Frequently Asked Questions (FAQ)