OpenGuessr - Geo Guessing

Seele01-Flash
By
OpenGuessr is a free online geography guessing game that challenges players to identify locations worldwide using street view images and environmental clues. Features multiple game modes, community maps, and competitive multiplayer gameplay.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**OpenGuessr: Global Detective**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **The "Street View" (Player View):** Implement a `SphereGeometry` with `BackSide` rendering to act as a 360-degree panoramic viewer. Use a placeholder high-res equirectangular image texture (representing a city or landscape) applied to the inside of this sphere. * **The "Guessing Map" (UI Layer):** Create a 3D interactive Earth Globe (Sphere) that appears when the player hits the "Guess" button. This globe should have a simple Earth texture. * **Markers:** Use stylized 3D pins (red `ConeGeometry` + `SphereGeometry`) to represent the Player's Guess and the Actual Location. * **Visual Style:** Clean, modern UI with a travel theme. Use a vibrant red color (#FF0000) for primary actions/pins to match the branding. * **Mobile Optimization:** Ensure textures are compressed/optimized. The 3D Earth should use reasonable segment counts (e.g., 32x32) to maintain 60FPS on mobile devices. ### 2. Audio Requirements * **BGM:** A chill, low-fidelity (Lo-Fi) beat or acoustic travel music that loops seamlessly to aid concentration. * **SFX:** * **Map Open/Close:** A paper rustling or "whoosh" sound. * **Pin Drop:** A distinct "thud" or "click" when the player taps the globe. * **Result Reveal:** A "tally" sound that pitches up as the score counts up, followed by a "ding" for a high score or a "wah-wah" for a poor guess. ### 3. Gameplay Loop * **Phase 1 - Exploration:** The player starts inside the 360-degree panorama. They must look around to find landmarks (simulated by looking at the texture). * **Phase 2 - The Guess:** The player taps a floating "Open Map" button. The view switches to the 3D Earth Globe. The player rotates the globe and taps a location to place a "Guess Pin". * **Phase 3 - The Reveal:** Upon clicking "Confirm", the game reveals the "Actual Location" pin. * **Scoring:** Draw a curved 3D line (arc) between the two pins. Calculate the distance (Great Circle Distance). Assign points based on accuracy (e.g., 5000 points for <100m, decaying exponentially as distance increases). * **Round System:** The game should simulate 5 rounds, summing up the total score. ### 4. Mobile Controls & Interaction * **Camera Control (Panorama):** Implement Touch-and-Drag logic. Dragging a finger moves the camera view (inverted look). Pinching the screen changes the Camera FOV (Zoom In/Out). * **Map Interaction:** * **Toggle UI:** A large, thumb-friendly circular button (bottom-right, at least 64x64px) with a Map Icon to toggle the Earth view. * **Globe Rotation:** Single finger drag to rotate the Earth. * **Pinning:** Tap on the Earth surface (Raycaster interaction) to place the pin. * **Responsive UI:** All HUD elements (Score, Round Counter) must be anchored to the screen edges and scaled for readability on portrait AND landscape modes. * **Haptic Feedback:** Trigger a short vibration (`navigator.vibrate(20)`) when the player successfully places a pin on the globe. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

OpenGuessr - Geo Guessing is an immersive geography-based puzzle game that tests your knowledge of the world's diverse locations. Players are virtually dropped into random street view locations and must use their observation skills to identify where they are on the planet. With environmental clues like road signs, architecture, landscapes, and cultural markers, each round becomes an exciting detective challenge that combines geography knowledge with visual analysis skills.

This free browser-based game offers an educational yet entertaining way to explore the world from your computer or mobile device, making it perfect for geography enthusiasts, students, and casual gamers alike.

Core Features

Diverse Game Modes

OpenGuessr offers multiple engaging gameplay variations to keep the experience fresh:

  • Image Guesser Mode : Identify locations from static images with detailed environmental clues
  • Country Guesser : Focus on identifying specific countries rather than precise locations
  • 1v1 Duels : Challenge friends or random opponents in head-to-head geography battles
  • Multiplayer Competitions : Join larger group competitions with multiple players
  • Private Games : Create custom matches to play with friends and family

Extensive Map Library

The game features an impressive collection of geographical content:

  • Official Maps : Explore locations from nearly every country in the world
  • Community Maps : Access over 1,000 user-created maps with unique themes and challenges
  • Map Creator Tool : Design and share your own custom maps using the intuitive creation system
  • Specialized Locations : Discover famous landmarks, hidden gems, and culturally significant sites

Competitive Elements

For players who love competition, OpenGuessr provides:

  • Global Leaderboards : Compete against players worldwide and track your ranking
  • Achievement System : Earn badges and pins for reaching specific milestones
  • Skill-Based Matching : Face opponents of similar ability levels in competitive modes
  • Progress Tracking : Monitor your improvement over time with detailed statistics

Unique Gameplay Challenges

Add extra difficulty with special restrictions:

  • Grayscale Mode : Navigate locations without color information
  • No Movement : Guess locations from a single static viewpoint
  • Time Limits : Race against the clock for quick decision-making
  • Custom Rules : Community-created challenges with unique limitations

Gameplay Mechanics

Each round begins when you're placed in a random location through a street view perspective. Your mission is to analyze the visual clues around you - from architectural styles and vegetation to road signs and license plates. The more accurately you can pinpoint your location on the world map, the higher your score.

Success requires a combination of geographical knowledge, cultural awareness, and keen observation skills. Players learn to recognize regional differences in everything from building materials to telephone poles, making each game both educational and entertaining.

Controls and Interface

The game features intuitive controls that work seamlessly across devices:

  • Camera Movement : Use WASD keys, arrow keys, or drag with left-click to look around
  • Map Interaction : Left-click to select your guess location on the world map
  • Zoom Functions : Use + and - keys or scroll wheel to zoom in and out for precise guessing
  • Touch Support : Full mobile compatibility with touch gestures for movement and selection

Why Play OpenGuessr

Educational Value : Improve your world geography knowledge while having fun. Learn about different cultures, architectural styles, and geographical features from around the globe.

Social Gaming : Connect with a vibrant community of geography enthusiasts. Share your best scores, discuss interesting locations, and learn from other players' insights.

Completely Free : Access all core features without any cost. No hidden fees, subscriptions, or pay-to-win mechanics.

Cross-Platform : Play seamlessly on desktop computers, laptops, tablets, and smartphones through your web browser.

Endless Content : With official maps covering nearly every country plus thousands of community-created challenges, you'll never run out of new places to explore.

Skill Development : Enhance your observation skills, cultural awareness, and geographical knowledge through engaging gameplay that feels like virtual travel.

Frequently Asked Questions (FAQ)