Paint the Flag

Seele01-Flash
By
Paint the Flag is an engaging educational quiz game that combines flag recognition with creative coloring. Test your knowledge of 200+ country flags while learning about global symbols in this entertaining trivia experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Paint the Flag". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Clean, "Hyper-casual" aesthetic. High saturation, cartoon-style shading (ToonShader or MeshLambertMaterial). The background should be a pleasing radial gradient (e.g., light blue to dark blue) to maintain focus on the central object. * **The Flag Model**: The central asset is a 3D rounded rectangular slab (resembling a fridge magnet or a badge) representing the flag. * **Segmentation**: The mesh must be segmented by face groups or have a specific UV map setup that allows distinct regions (e.g., stripes, crosses, stars) to be colored independently. * **Initial State**: The flag starts as a blank white or grayscale canvas with visible outlines separating the fillable zones. * **UI Assets**: A floating "Color Palette" at the bottom of the screen containing circular paint swatches. A 3D "Paintbrush" model that follows the user's touch/cursor (optional, but adds polish). * **Optimization**: Use low-poly meshes for the flags. Reuse geometry for common flag layouts (e.g., vertical tricolor, horizontal tricolor). Ensure textures are compressed. ### 2. Audio Requirements * **Background Music (BGM)**: A light, looping, "thinking-time" track. Acoustic guitar or soft synth-pop that is relaxing but encourages focus. * **Sound Effects (SFX)**: * **Selection**: A soft "click" when choosing a color from the palette. * **Painting**: A satisfying "wet squash" or "pop" sound when a flag segment is filled. * **Success**: A cheerful chime or fanfare when the flag is painted correctly. * **Error**: A comical "buzzer" or "spring boing" sound if the player tries to submit an incorrect flag (optional mode). ### 3. Gameplay Loop * **Round Start**: The game displays a text prompt (e.g., "Paint: France") and a blank 3D flag model. * **Action Phase**: 1. The player taps a color from the bottom palette to select active paint. 2. The player taps a segment of the 3D flag. 3. The targeted segment instantly changes to the selected color. * **Validation**: Once the player is satisfied, they press a "Done" button. * **Win/Loss Condition**: The game compares the current material colors of the segments against the correct answer key. * **Win**: Colors match > 90%. Confetti particles explode, and a "Next Level" button appears. * **Retry**: If colors are wrong, shake the camera slightly and highlight the incorrect segments. ### 4. Mobile Controls & Interaction * **Touch Input**: Use Three.js `Raycaster` for precision touch detection. * **Palette**: Large, thumb-friendly circular buttons (minimum 44px touch area) anchored to the bottom of the screen. * **Painting**: Tap anywhere on the 3D mesh to apply color. * **Orientation**: Design for **Portrait Mode** (Vertical) to accommodate the flag in the center and the palette at the bottom comfortably on smartphones. * **Visual Feedback**: * When a segment is painted, apply a slight "scale bounce" animation (scale up to 1.1x then back to 1.0x) to give tactile responsiveness. * Spawn small splash particles at the point of contact when painting. * **Camera**: Fixed perspective camera. Allow slight rotation (gyroscope parallax or drag-to-rotate) to see the 3D depth of the flag, but limit the angle so the player doesn't get lost. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Paint the Flag

Paint the Flag is a unique educational quiz game that transforms learning geography into an entertaining creative experience. This innovative game challenges players to correctly color flags from over 200 countries worldwide, combining trivia knowledge with artistic expression. Perfect for students, trivia enthusiasts, and anyone looking to enhance their global awareness through interactive gameplay.

The game offers an excellent blend of education and entertainment, making it ideal for players of all ages who want to test and improve their knowledge of world flags while enjoying a relaxing coloring experience.

Core Features

Comprehensive Flag Database

Explore flags from over 200 countries around the world, from well-known nations to lesser-known territories. Each flag presents a unique challenge that tests your geographical knowledge and attention to detail.

Interactive Coloring Mechanics

Unlike traditional quiz games, Paint the Flag adds a creative twist by requiring players to actively color each flag section. This hands-on approach enhances memory retention and makes learning more engaging than standard multiple-choice formats.

Educational Value

  • Geography Learning : Discover countries and their national symbols
  • Cultural Awareness : Learn about different nations through their flag designs
  • Memory Enhancement : Visual and tactile learning improves flag recognition
  • Brain Training : Combines puzzle-solving with trivia knowledge

Cross-Platform Compatibility

  • Web Browser : Play instantly on any modern browser
  • Mobile Optimized : Perfectly designed for touch controls on smartphones and tablets
  • Desktop Friendly : Full mouse support for precision coloring
  • No Downloads Required : Start playing immediately without installation

How to Play

Simple Controls

The game features intuitive controls suitable for all devices: - Mouse Users : Click to select colors from the palette, then click on flag sections to fill them - Touch Devices : Tap colors and flag areas directly with your finger - Color Palette : Choose from accurately matched flag colors - Section Filling : Each flag is divided into colorable sections for easy completion

Game Progression

  1. Select a Flag : Choose from the extensive country database
  2. Analyze the Design : Study the flag's pattern and color scheme
  3. Choose Colors : Pick the correct colors from the provided palette
  4. Paint Sections : Fill each section with the appropriate color
  5. Complete & Learn : Finish the flag and discover interesting facts about the country

Why Play Paint the Flag

Educational Benefits

This game transforms passive learning into active engagement. By physically coloring each flag, players develop stronger visual memory connections than traditional study methods. It's an excellent tool for students preparing for geography tests or anyone interested in world cultures.

Relaxing Gameplay

The coloring aspect provides a meditative, stress-relieving experience similar to adult coloring books, but with the added benefit of educational content. Perfect for unwinding while still exercising your brain.

Perfect for All Ages

Whether you're a student learning about world geography, a parent looking for educational games for children, or an adult who enjoys trivia challenges, Paint the Flag offers appropriate difficulty levels and engaging content for everyone.

Instant Accessibility

With no downloads required and full cross-platform support, you can start your flag-painting journey immediately on any device with an internet connection.

Frequently Asked Questions (FAQ)