Find Color - Color Matching Puzzle Game

Seele01-Flash
By
Find Color is an addictive brain training puzzle game that challenges your color recognition and focus. Match color names with their actual display colors under time pressure to test your cognitive abilities.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Find Color**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Minimalist "Zen" 3D aesthetic. The game should look like a clean, high-end app. Use a bright, neutral background (soft off-white or light grey gradient) so the colors pop. * **Core Elements:** * **The Card:** A central, slightly rounded 3D plane or "card" floating in the center of the screen where the color words appear. Give it a subtle drop shadow. * **The Text:** Use 3D text (TextGeometry) or high-resolution texture mapping for the color names. The text must be bold and easily readable. * **UI Buttons:** Two large, distinct 3D buttons at the bottom of the screen: A Green "Check" (Yes) button and a Red "X" (No) button. They should look tactile (like physical buttons). * **Effects:** * **Confetti/Particles:** A small explosion of particles in the color of the text when the player answers correctly. * **Screen Shake:** A subtle camera shake effect when the player answers incorrectly. * **Timer:** A circular progress bar (ring geometry) around the central card that shrinks as time runs out. * **Mobile Optimization:** Use simple geometries (planes, boxes, cylinders) to keep draw calls low. Use a single directional light and ambient light. Ensure anti-aliasing is on for crisp text edges on high-DPI mobile screens. ### 2. Audio Requirements * **BGM:** A minimalist, rhythmic electronic track that implies focus/concentration. It should be non-intrusive. As the score gets higher, the tempo could subtly increase (optional). * **Sound Effects (SFX):** * **Correct:** A crisp, high-pitched "pop" or "ding" sound (positive reinforcement). * **Wrong:** A dull "thud" or soft "buzzer" sound. * **Timeout:** A rapid ticking sound in the last 1 second of the countdown. * **UI Click:** A soft mechanical click sound when pressing the Yes/No buttons. ### 3. Gameplay Loop * **The Mechanic (Stroop Effect):** * The game displays a word (e.g., "BLUE") colored in a specific font color (e.g., Red). * **Question:** "Does the meaning of the word match the color of the text?" * **Logic:** * Text "RED" in Red Ink -> Match -> Press **YES**. * Text "BLUE" in Green Ink -> Mismatch -> Press **NO**. * **Flow:** 1. Game Start. 2. Spawn a word/color combination. 3. Start a short countdown timer (e.g., 2.0 seconds). 4. Player inputs Yes or No. 5. **If Correct:** Score +1, add a small amount of bonus time (or reset timer), and *immediately* switch to the next word without delay to maintain flow. 6. **If Wrong or Timeout:** Game Over immediately. Show "Game Over" screen with Final Score and a "Retry" button. * **Difficulty Curve:** As the score increases, the time allowed per round decreases slightly (clamped at a minimum of 0.8 seconds). ### 4. Mobile Controls & Interaction * **Touch Controls:** * The screen should be split into two large touch zones at the bottom half to prevent misclicks. * **Left Zone:** Triggers "NO" (Red X). * **Right Zone:** Triggers "YES" (Green Check). * **Orientation:** Portrait Mode (Vertical) locked. This is best for one-handed play. * **Feedback:** * **Visual:** When a button is tapped, it should visually depress (scale down on Z-axis) and bounce back. * **Haptic:** Use `navigator.vibrate(50)` for a light tap on correct answers and `navigator.vibrate([50, 50, 50])` for game over (if supported). * **UI Layout:** Place the Score counter at the very top center (safe area), large and clear. The "Restart" button on the Game Over screen must be at least 60x60px to be thumb-friendly. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Find Color is a deceptively simple yet incredibly challenging brain training puzzle game that has earned a solid 4.3/5 rating from players worldwide. This free online game tests your ability to distinguish between color names and the actual colors they're displayed in, creating a mind-bending experience that will keep you coming back for more.

The concept appears straightforward: color names flash quickly on your screen, and you must determine whether the name matches the color it's written in. However, this seemingly simple task becomes surprisingly difficult as your brain struggles to process conflicting visual and textual information simultaneously.

Core Features

Instant Brain Challenge

Find Color delivers immediate cognitive stimulation without any learning curve. The game mechanics are intuitive - simply click "Yes" when the color name matches its display color, or "No" when they don't match. This simplicity makes it accessible to players of all ages while providing genuine mental exercise.

Addictive Gameplay Loop

The game's genius lies in its ability to create an addictive cycle of challenge and improvement. Each mistake teaches you something new about your cognitive processes, making you eager to try again and beat your previous score. The fast-paced nature ensures that sessions remain engaging and time flies by unnoticed.

Progressive Difficulty

As you play, the speed increases and color combinations become more challenging. What starts as an easy task quickly evolves into a true test of mental agility, requiring sustained concentration and quick decision-making skills.

Cross-Platform Compatibility

Built with HTML5 technology, Find Color runs smoothly on any device with a web browser. Whether you're on a desktop computer, tablet, or smartphone, the game adapts perfectly to your screen size and input method.

Gameplay Mechanics

The Color Challenge

Each round presents you with a colored word displaying a color name. Your brain must quickly process two pieces of information: what the word says and what color it appears in. When these match, click "Yes." When they conflict, click "No." The challenge lies in overriding your brain's automatic reading response.

Time Pressure Element

A countdown timer adds urgency to each decision, preventing you from overthinking and forcing rapid cognitive processing. This time pressure is what transforms a simple matching game into a genuine brain training exercise.

Score and Progress Tracking

The game tracks your performance, allowing you to monitor improvement over time. Beating your high score becomes a personal challenge that motivates continued play and skill development.

Operation Guide

Desktop Controls

  • Mouse : Point and click to select "Yes" or "No" buttons
  • Touchpad : Tap to make selections on supported devices

Mobile Controls

  • Touch : Simply tap the "Yes" or "No" buttons with your finger
  • Responsive Design : The interface automatically adjusts for comfortable mobile gameplay

Getting Started

  1. Load the game in your web browser
  2. Wait for the first colored word to appear
  3. Quickly determine if the word's color matches its meaning
  4. Click or tap the appropriate "Yes" or "No" button
  5. Continue until the timer runs out or you make an error

Why Play Find Color

Cognitive Benefits

Find Color provides genuine brain training benefits by exercising your ability to process conflicting information quickly and accurately. Regular play can improve focus, attention to detail, and decision-making speed.

Perfect for Quick Sessions

As an instant game, Find Color is ideal for short mental breaks. A complete session takes just minutes, making it perfect for filling brief downtime periods throughout your day.

No Commitment Required

With no downloads, installations, or account creation needed, you can start playing immediately. The game saves your progress locally, so you can return anytime to try beating your high score.

Universal Appeal

The simple concept transcends age and language barriers. Whether you're a student looking to sharpen your focus, a professional seeking a mental break, or a senior wanting to keep your mind active, Find Color offers appropriate challenge levels for everyone.

Completely Free

Enjoy unlimited gameplay without any cost. There are no hidden fees, premium features, or advertisements interrupting your gaming experience.

Frequently Asked Questions (FAQ)