Dot and Cross - Simple Click Challenge Game

Seele01-Flash
By
Dot and Cross is a deceptively simple clicker game that challenges your reflexes and concentration. Click the green dot, avoid the yellow cross, and see how long you can last in this addictive reaction-based challenge.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Dot and Cross". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist, "Flat 3D" aesthetic (Orthographic Camera). The game should feel like a high-end mobile app with smooth transitions. * **Scene Layout**: * **Background**: Dynamic background color that changes instantly based on the active object: **Vibrant Green** (`#4CD964`) when the "Dot" appears, and **Warning Yellow** (`#FFCC00`) when the "Cross" appears. * **Central Object**: A large, 3D circular "Button" or "Medallion" in the center of the screen. * **The Dot**: A smooth 3D sphere protruding from the button. * **The Cross**: Two crossing rectangular prisms (X shape) protruding from the button. * **UI Elements**: * **Timer Bar**: A turquoise (`#00FFFF`) 3D bar at the bottom center that shrinks horizontally to indicate remaining time for the current decision. * **Level Progress Bar**: A smaller, thinner bar above the timer showing progress toward the next level. * **Effects**: * **Particles**: An explosion of confetti or small spheres when a "Dot" is successfully clicked. * **Shake**: The camera should shake violently (screen shake) upon a "Game Over" condition. * **Lighting**: Soft ambient light + a directional light to cast subtle shadows, giving depth to the flat design. * **Performance**: Use `BoxGeometry` and `SphereGeometry` with low segment counts. Reuse geometries and materials to maintain 60 FPS on mobile devices. ### 2. Audio Requirements * **BGM**: A fast-paced, rhythmic electronic track (120-140 BPM) that sounds like a ticking clock or a metronome. It should speed up slightly as the player advances levels. * **Sound Effects (SFX)**: * **Correct Tap**: A crisp, high-pitched "Pop" or "Click" sound. * **Game Over**: A harsh "Buzzer" or "Glass Breaking" sound. * **Level Up**: A rising "Chime" or "Whoosh". * **Timer Warning**: A ticking sound that gets louder as the turquoise bar nears zero. ### 3. Gameplay Loop * **Core Mechanic**: Rapid Reaction Test. 1. The game spawns a random object (Dot or Cross) on the central button. 2. **If Dot (Green BG)**: The player **MUST** tap the screen before the Timer Bar runs out. * *Result*: Score +1, Level Progress increases, timer resets, next shape appears immediately. * *Fail Condition*: Time runs out before clicking = Game Over. 3. **If Cross (Yellow BG)**: The player **MUST NOT** tap the screen. They must wait for the Timer Bar to deplete fully. * *Result*: Once the timer runs out, the player survives. Score +1, Level Progress increases, next shape appears. * *Fail Condition*: Player taps the screen while Cross is visible = Immediate Game Over. * **Leveling**: After X correct decisions (tracked by the Level Progress Bar), the game enters the next level. * *Difficulty Increase*: The Timer Bar drains faster with each level. * **Game Over**: Show a "Restart" button and the final score. ### 4. Mobile Controls & Interaction * **Input Method**: Full-screen hit detection. The player does not need to tap the specific button model; tapping anywhere on the screen counts as a "Click". * **Event Listeners**: Use `touchstart` (priority) and `mousedown` to ensure zero-latency response on mobile devices. * **Orientation**: Portrait Mode (Vertical) only. * **Haptics**: * Trigger `navigator.vibrate(50)` on a correct tap. * Trigger `navigator.vibrate([100, 50, 100])` (heavy double vibration) on Game Over. * **UI/UX**: Ensure the "Restart" button is large (minimum 44x44px click area) and positioned in the lower third of the screen for easy thumb access. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Dot and Cross is a minimalist clicker game that proves sometimes the simplest concepts create the most challenging experiences. With a clean white background and bold, colorful elements, this game presents you with a straightforward task: click the dot, don't click the cross. Despite its apparent simplicity, players quickly discover that maintaining focus and quick reflexes becomes increasingly difficult as the game progresses.

Rated 4.3 out of 5 stars by players, this instant-play browser game has captivated audiences with its "easy to learn, hard to master" gameplay philosophy. The game's minimalist design eliminates distractions, forcing you to rely purely on your reaction speed and concentration skills.

Core Features

Minimalist Design Excellence

The game features a clean, distraction-free interface with bold color contrasts. Green dots signal correct choices, while yellow crosses represent instant failure. This high-contrast design ensures quick visual recognition even during fast-paced gameplay.

Progressive Difficulty System

Each level introduces subtle changes that increase the challenge. The turquoise progress bar at the bottom tracks your advancement, and successfully completing levels unlocks new challenges that test your limits.

Competitive Elements

Built-in leaderboard functionality lets you compete against other players worldwide. Track your best scores, compare recent performances, and strive to climb the global rankings of dot clickers.

Cross-Platform Compatibility

Designed as an instant-play browser game, Dot and Cross works seamlessly on desktop computers, tablets, and mobile devices. No downloads required – simply open your browser and start playing.

Gameplay Mechanics

The core gameplay revolves around a simple binary choice system. Players face a continuous stream of visual elements – green dots (click) and yellow crosses (avoid). The challenge intensifies as:

  • Time pressure increases : The turquoise timer bar creates urgency
  • Pattern recognition : Learn to quickly identify correct targets
  • Mistake consequences : One wrong click ends the game immediately
  • Score progression : Each correct choice builds toward level completion

Visual Feedback System

The game provides immediate visual feedback through color coding and progress indicators. The timer bar creates tension while the score counter motivates continued play.

Operation Guide

Basic Controls

  • Mouse Click/Tap : Primary interaction method
  • Target Selection : Click only on green dots
  • Avoidance : Never click yellow crosses
  • Menu Navigation : Use on-screen buttons for leaderboards and replay

Winning Strategy

  1. Focus on Colors : Train your eyes to quickly distinguish green from yellow
  2. Stay Calm : Rushing leads to mistakes
  3. Practice Rhythm : Develop consistent clicking patterns
  4. Learn from Mistakes : Each game failure teaches timing lessons

Mobile Optimization

On mobile devices, the game adapts to touch controls. Tap accuracy becomes crucial, and the larger touch targets accommodate finger-based interaction.

Why Play This Game

Perfect for Quick Sessions : Each game lasts just minutes, making it ideal for short breaks or commute entertainment.

Brain Training Benefits : Regular play improves reaction time, visual processing speed, and concentration abilities. The simple mechanics hide genuine cognitive challenges.

Stress Relief : The minimalist design and straightforward objective provide a meditative gaming experience that helps clear mental clutter.

Universal Appeal : Suitable for all ages and skill levels. Children develop hand-eye coordination while adults enjoy the nostalgic simplicity of classic arcade-style challenges.

No Commitment Required : As a free browser game with no registration requirements, you can play instantly whenever the mood strikes. The game saves your progress automatically for return visits.

Competitive Edge : Global leaderboards add replay value and social competition elements, encouraging skill improvement and regular play sessions.

Frequently Asked Questions (FAQ)