WorldGuessr - Free Geography Quiz Game

Seele01-Flash
By
WorldGuessr is a free online geography quiz game that challenges you to identify locations worldwide using Street View exploration. Perfect for geography enthusiasts and casual players alike.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "WorldGuessr (Geo-Location Quiz)". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Photorealistic immersion. The core visual component is a 360-degree panoramic view (Street View simulation). * **Core Asset (The World)**: Use a `THREE.SphereGeometry` (inverted normals) or a large `THREE.BoxGeometry` mapped with a high-resolution equirectangular texture to simulate a real-world location. (Use a placeholder URL for a city or nature panorama). * **UI Overlay**: A clean, "Material Design" style 2D interface layer on top of the 3D canvas. Colors should be white, distinct blues, and soft grays to mimic map applications. * **Map Asset**: A 2D "Minimap" container located in the bottom-right corner (or as a collapsible bottom sheet). * **Optimization**: Ensure the texture loader uses appropriate compression or resolution (e.g., 2k/4k) to prevent crashing on mobile devices. Use `requestAnimationFrame` strictly for rendering loop to save battery. ### 2. Audio Requirements * **BGM**: A soft, ambient, "lo-fi study beat" or subtle nature soundscape (wind, distant traffic) that loops seamlessly. It should not be distracting. * **Sound Effects (SFX)**: * *Interaction*: A crisp "pop" or "click" sound when placing a pin on the map. * *Camera*: A subtle "whoosh" sound when quickly panning or resetting the view. * *Success/Fail*: A rising glissando chime for high accuracy guesses, and a dull thud or buzzer for poor guesses (far distance). * *UI*: A "slide" sound when expanding/collapsing the guess map. ### 3. Gameplay Loop * **Phase 1: Exploration**: The player spawns in a random location (loads a random panorama texture). They must rotate the camera to find clues (language on signs, sun position, vegetation type, architecture). * **Phase 2: Deduction**: The player opens the Minimap overlay, pans/zooms the 2D map, and taps to drop a "Pin" where they think they are. * **Phase 3: Guess & Scoring**: Player clicks "Make Guess". The system calculates the **Haversine distance** between the actual coordinate (pre-defined metadata of the texture) and the player's pinned coordinate. * **Phase 4: Feedback**: A 3D line or 2D overlay line is drawn connecting the guess to the actual location. A score (0-5000 points) is awarded based on proximity. * **Phase 5**: "Next Round" button appears to load a new texture/location. ### 4. Mobile Controls & Interaction * **Camera Control**: * **Touch Drag**: One-finger drag to rotate the view (OrbitControls with `enableZoom = false` inside the sphere, inverted control logic if necessary for "looking around" feel). * **Pinch**: Two-finger pinch to change the FOV (Field of View) for zooming in on distant signs/details. * **Map Interaction**: * **Toggle**: Since screen space is limited, the guessing map should be a circular icon in the corner that expands to a 70% height modal (bottom sheet) when tapped. * **Pinning**: Tapping on the map places a marker. The marker should have a slight "bounce" animation to confirm placement. * **Orientation**: Support both Portrait and Landscape, but optimize the UI layout for **Portrait** (vertical) as the default mobile holding position (Map at bottom, View at top). * **Haptics**: Trigger `navigator.vibrate(20)` when placing a pin and a stronger `navigator.vibrate([50, 50, 50])` sequence when the score is revealed. * **UI Sizing**: All buttons (Guess, Expand Map, Hint) must have a touch target size of at least 44x44px. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About WorldGuessr

WorldGuessr is an exciting free geography quiz game that transforms the world into your playground. This immersive game drops you into random locations across the globe, challenging you to identify your whereabouts using only environmental clues and your geography knowledge. With its engaging Street View exploration mechanics, WorldGuessr offers unlimited entertainment while expanding your understanding of world geography.

Core Features

Free Alternative to Premium Geography Games

WorldGuessr provides a completely free gaming experience with no hidden costs or premium barriers. Enjoy unlimited rounds of geographical exploration without any subscription fees.

Immersive Street View Exploration

Utilize authentic Google Street View imagery to navigate and explore diverse locations. From bustling city centers to remote countryside roads, every location offers unique visual clues for your geographical detective work.

Community-Created Maps

Access hundreds of custom maps created by the community, featuring: - Regional focus areas (specific countries or continents) - Themed challenges (urban areas, landmarks, rural locations) - Difficulty-based maps for beginners to experts - Special event locations and historical sites

Multiplayer Competition

Compete with friends or challenge players worldwide in exciting multiplayer modes. Test your geography skills against others and climb the global leaderboards.

Educational Value

Transform learning into entertainment as you naturally absorb geographical knowledge through gameplay. Discover new places, learn about different cultures, and improve your world awareness.

Game Mechanics

Location Analysis Strategy

Success in WorldGuessr requires keen observation skills:

  • Language Clues : Street signs, billboards, and text provide crucial country identification
  • Architectural Styles : Building designs reveal regional characteristics
  • Landscape Features : Terrain, vegetation, and climate indicators
  • Infrastructure : Road types, vehicle styles, and urban planning patterns
  • Cultural Markers : Local customs, dress, and lifestyle elements visible in the environment

Hint System

When completely stumped, utilize the helpful hint feature that provides general geographical guidance without revealing exact locations. Hints typically indicate the continent or major world region.

Scoring and Progression

After making your guess, discover how close you were to the actual location. This feedback system helps refine your geographical intuition and improves future performance.

Operation Guide

Mouse Controls : Use your mouse to navigate the Street View interface - Click and drag : Look around 360 degrees - Double-click : Move forward along roads and paths - Scroll wheel : Zoom in and out for detailed observation - Map interaction : Click on the world map to place your location guess

Exploration Tips : 1. Start by examining immediate surroundings for obvious clues 2. Move along roads to find populated areas with more identifying features 3. Look for text in any language - signs are invaluable location indicators 4. Notice driving patterns (left vs right side of road) 5. Observe architectural and landscape patterns unique to regions

Why Play WorldGuessr

Perfect for Geography Enthusiasts

Whether you're a student, teacher, or simply curious about the world, WorldGuessr combines entertainment with education. Each round serves as a mini geography lesson.

Stress-Free Casual Gaming

With no time pressure and unlimited attempts, WorldGuessr offers relaxing yet engaging gameplay perfect for short breaks or extended sessions.

Social Gaming Experience

Challenge friends, share interesting locations you've discovered, and participate in community discussions about geographical discoveries.

Accessibility and Convenience

Play directly in your browser without downloads or installations. Compatible with all modern devices including computers, tablets, and smartphones.

Continuous Learning

Every game round introduces new locations and geographical knowledge, making WorldGuessr both entertaining and educational for players of all ages.

Frequently Asked Questions (FAQ)