Flag Paint: World Tour

Seele01-Flash
By
Flag Paint: World Tour is an engaging geography quiz game where you paint country flags with the correct colors. Challenge your world knowledge and compete with other players in this educational adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Flag Paint: World Tour 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a "Soft 3D" or "Claymation" aesthetic. The world should look tactile and friendly, matching the casual puzzle genre. * **The Flag Asset:** Instead of a flat 2D image, generate the flag as a **3D extruded "cookie" shape**. The flag must be composed of **Segmented Geometries** (e.g., for the USA flag, the stripes and the star field are separate mesh parts) to allow for individual coloring. * *Unpainted State:* White, matte material (resembling plaster or paper). * *Painted State:* When colored, the material should switch to a slightly glossy, vibrant plastic or wet-paint look. * **Background:** A smooth, radial gradient background (Light Blue `#4FACFE` to Cyan `#00F2FE`) to mimic a bright sky. Add slowly floating low-poly clouds in the distance to add depth without distracting. * **Performance:** Use `THREE.BoxGeometry` or low-poly extruded shapes for flag segments. Merge geometries where possible if not interacting. Use a simple Directional Light + Ambient Light setup; avoid expensive real-time shadows. ### 2. Audio Requirements * **BGM:** A lighthearted, rhythmic "Travel/Quiz" style track. Marimba or Ukulele based, roughly 100-110 BPM, looping seamlessly. * **SFX:** * *Selection:* A soft "pop" or "bubble" sound when picking a color from the UI. * *Painting:* A satisfying "squish" or "wet slap" sound when applying color to the flag. * *Success:* A bright major-chord chime or "Ding!" when a flag is fully completed correctly. * *Error:* A comical, low-pitched "boing" or buzzer if the player tries to submit a wrong flag (optional mechanism). ### 3. Gameplay Loop * **Setup:** The camera focuses on a blank, white 3D flag shape in the center of the screen. A text label at the top displays the Country Name (e.g., "Germany"). * **Color Palette:** A UI array of 3-5 paint buckets/buttons appears at the bottom of the screen. Only one is the "active" color. * **Action:** 1. Player taps a color button to "dip" their brush. 2. Player taps a segment of the 3D flag. 3. The specific segment changes to the active color immediately. * **Win Condition:** The game logic checks the color array of the flag against the "Correct Solution". If the flag matches 100%, trigger a confetti particle explosion, play the Success SFX, and transition the camera to slide the flag away and bring in the next one. * **Progression:** Start with simple flags (France, Italy) and progress to complex geometries (USA, Brazil). ### 4. Mobile Controls & Interaction * **Orientation:** Portrait Mode (Vertical) is mandatory for one-handed play. * **Input Handling:** * Use `THREE.Raycaster` mapped to `touchstart` events. The raycaster needs to detect exactly which sub-mesh (flag segment) was tapped. * Ignore touches on the background; only register hits on the Flag Mesh or UI. * **UI Layout:** * *Top:* Level progress bar and Country Name (Large, readable font). * *Center:* The 3D Flag interaction area. * *Bottom:* A horizontal scrollable or fixed container for Color Buttons. Buttons must be at least **60x60 pixels** to ensure a large touch target. * **Feedback:** * *Visual:* When a segment is painted, apply a small `scale` animation (bounce effect: 1.0 -> 1.1 -> 1.0) to give it a "jelly" feel. * *Haptic:* Trigger `navigator.vibrate(20)` (short tick) on every successful paint action for tactile feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Flag Paint: World Tour is an innovative geography quiz game that transforms learning about world flags into an interactive painting experience. This educational game challenges players to demonstrate their knowledge of countries and regions by correctly painting flags with their authentic colors. Perfect for geography enthusiasts, students, and anyone looking to expand their world knowledge while having fun.

Core Features

Interactive Flag Painting System

The game features a unique painting mechanic where you select colors from a palette and paint flag sections to match the real-world designs. This hands-on approach makes learning country flags more memorable and engaging than traditional quiz formats.

Multiplayer Competition Mode

Challenge friends and players worldwide in competitive multiplayer matches. See who can correctly paint the most flags in the shortest time, adding a social and competitive element to your geography learning experience.

Progressive World Discovery

Unlock different countries and regions as you progress through the game. Each successfully painted flag brings you closer to becoming a world geography expert, with new challenges and flag designs to master.

Educational Hints System

When you're stuck on a particularly challenging flag, use the built-in hint system to get helpful clues about the country's colors, patterns, or geographical location. This feature ensures learning continues even when facing difficult flags.

Cross-Platform Accessibility

Enjoy seamless gameplay across all your devices. Whether you're on a computer, smartphone, or tablet, the game adapts perfectly to your screen size and input method.

Gameplay Mechanics

Simple Click-to-Paint Controls

The intuitive control system makes the game accessible to players of all ages. Simply click to select your desired color from the palette, then click on the flag sections to paint them. No complex controls or steep learning curves - just pure geographical fun.

Flag Recognition Challenge

Each level presents you with an outline of a country's flag, and your task is to paint it using the correct colors in the right positions. From simple two-color flags to complex multi-element designs, the difficulty gradually increases as you progress.

Operation Guide

Basic Controls: - Mouse Click : Select colors from the palette and paint flag sections - Color Selection : Click on the color palette to choose your painting color - Flag Painting : Click directly on flag areas to apply the selected color - Hint System : Use hints when you need assistance identifying the correct colors - Multiplayer : Join competitive matches to test your skills against other players

Gameplay Tips: - Study the flag outline carefully before starting to paint - Use hints strategically when facing unfamiliar flags - Practice with easier flags to build confidence before tackling complex designs - Challenge friends in multiplayer mode to make learning more social and fun

Why Play This Game

Flag Paint: World Tour offers the perfect blend of education and entertainment. Unlike passive learning methods, this game actively engages you in the learning process through interactive painting mechanics. The multiplayer feature adds a competitive edge that motivates continued play and learning.

The game is completely free to play and requires no downloads or installations. It's an excellent educational tool for students, teachers, and geography enthusiasts who want to improve their knowledge of world flags and countries in an enjoyable way.

Whether you're preparing for geography exams, teaching children about world cultures, or simply satisfying your curiosity about different countries, this game provides an entertaining path to geographical knowledge that you can access anytime, anywhere.

Frequently Asked Questions (FAQ)