Spot The Difference Daily

Seele01-Flash
By
Spot The Difference Daily is an engaging puzzle game that challenges your observation skills. Find 10 hidden differences between two nearly identical images, with new puzzles added every single day.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Spot The Difference Daily**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A clean, polished 2D interface rendered within a 3D WebGL context. Use an **Orthographic Camera** for the puzzle gameplay to ensure image precision. The UI color palette should match the logo: Vibrant Orange (#FFA500) and Deep Blue (#003366) accents against a dark, calming gradient background (Dark Navy). * **Game Assets**: * **Image Planes**: Two identical high-resolution planes placed side-by-side (landscape) or top-bottom (portrait). One is the "Original," one is the "Altered." * **Markers**: A glowing green circle shader or sprite that appears when a difference is correctly identified. * **Error Marker**: A red "X" sprite with a slight screen-shake effect for incorrect taps. * **Magnifying Glass**: A custom cursor (for desktop) or a UI icon (for mobile) representing the "Hint" feature. * **Performance**: Use texture compression for the puzzle images. Implement an object pooling system for the click-effect particles (sparkles/confetti) to maintain 60 FPS on mobile devices. ### 2. Audio Requirements * **BGM**: A relaxing, "Lo-Fi Study" or soft Acoustic Guitar track that aids concentration without being repetitive. It should loop seamlessly. * **Sound Effects (SFX)**: * **Correct Choice**: A soft, high-pitched "Ding" or crystal chime. * **Wrong Choice**: A low, dull thud or soft buzzer (not too jarring/annoying). * **Hint Used**: A "magic dust" shimmering sound. * **Win**: A short, uplifting fanfare. * **UI Click**: Crisp, wooden block clicks. ### 3. Gameplay Loop * **Objective**: Find all **10 differences** between the two images. * **Mechanics**: * **Timer**: A timer starts counting UP immediately upon loading. * **Interaction**: When the player taps a correct area, a circle appears on *both* images to mark it found. * **Penalties**: Tapping a non-difference area adds **+5 seconds** to the timer. Using a Hint adds **+10 seconds**. * **Scoring**: The final score is the total time taken (lower is better). * **Data Structure**: Simulate a "Daily" system by creating a JSON array containing `imageURL`, `differenceCoordinates` (x, y, radius), and `difficultyLevel`. The game should load one entry. ### 4. Mobile Controls & Interaction * **Touch Interaction**: * **Raycaster**: Use a Three.js Raycaster to detect taps on the image planes. * **Pan & Zoom**: **Critical for Mobile.** Implement a dual-touch gesture system. Pinch to zoom in on specific areas of the images, and drag with one finger to pan the camera when zoomed in. The two images must pan/zoom synchronously (locking their relative positions). * **Orientation Support**: * **Landscape**: Images arranged Left/Right. * **Portrait**: Images arranged Top/Bottom. * The layout must update dynamically on `window.resize`. * **UI Layout**: * Top Bar: Progress (e.g., "3/10 found"), Timer. * Bottom Bar: "Hint" Button (large, >44px touch target), "Pause" Button. * **Feedback**: Trigger `navigator.vibrate(50)` on a correct find and `navigator.vibrate([50, 50, 50])` (double pulse) on an error. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Spot The Difference Daily is a captivating puzzle game that puts your observation and attention to detail to the ultimate test. With an impressive 4.5/5 rating from players worldwide, this brain-teasing game challenges you to find exactly 10 differences between two seemingly identical images. Each puzzle is carefully crafted to provide the perfect balance of challenge and satisfaction.

This HTML5-based puzzle game brings fresh content daily, ensuring you'll never run out of new challenges. Whether you're looking to sharpen your cognitive skills, enjoy a relaxing break, or engage in some serious brain training, Spot The Difference Daily delivers an entertaining experience suitable for all ages.

Core Features

Daily Fresh Content

Every single day brings a brand new puzzle to solve. This ensures endless entertainment and keeps the game experience fresh and engaging. The daily format creates anticipation and gives players something to look forward to each day.

Progressive Difficulty System

While some differences are immediately obvious, others require careful examination and patience to discover. The game expertly balances easy-to-spot changes with subtle modifications that will challenge even experienced puzzle solvers.

Smart Scoring System

Your performance is measured by speed and accuracy. The faster you complete each puzzle, the higher your score. However, wrong guesses and hint usage add time penalties, encouraging careful observation over rapid clicking.

Hint System Available

When you're truly stuck, the built-in hint system provides assistance. While hints help you progress, they come with a time penalty that affects your final score, maintaining the game's competitive element.

Cross-Platform Compatibility

As an HTML5 game, Spot The Difference Daily works seamlessly across all modern browsers and devices. Play on your computer, tablet, or smartphone without any downloads or installations required.

Game Mechanics

Find 10 Hidden Differences

Each puzzle contains exactly 10 differences between two images. These modifications can range from color changes and missing objects to subtle alterations in patterns or textures. Success requires methodical examination of every corner of both images.

Time-Based Competition

The game encourages quick thinking while maintaining accuracy. Your final score reflects how efficiently you can spot all differences, creating a competitive element that keeps players coming back to improve their performance.

Operation Guide

Basic Controls

  • Mouse Click : Click directly on any area where you spot a difference
  • Hint Button : Use when stuck, but remember it adds time to your score
  • Careful Observation : Examine every detail before clicking to avoid penalties

Winning Strategy

  1. Systematic Scanning : Examine the images section by section rather than randomly clicking
  2. Look for Common Changes : Check for color variations, missing objects, size differences, and pattern alterations
  3. Use Hints Sparingly : Save hints for genuinely difficult differences to minimize score penalties
  4. Stay Patient : Rushing leads to wrong guesses and time penalties

Why Play Spot The Difference Daily

Cognitive Benefits

Regular play enhances visual processing, attention to detail, and concentration skills. It's an excellent form of brain training that's both enjoyable and beneficial for mental acuity.

Stress Relief

The focused nature of difference-spotting provides a meditative quality that helps reduce stress and anxiety. It's a perfect way to unwind while keeping your mind engaged.

Daily Mental Exercise

With new puzzles every day, you get consistent brain training that helps maintain and improve cognitive function over time.

Accessible Entertainment

The game's simple concept makes it accessible to players of all ages and skill levels, while the varying difficulty ensures it remains challenging for everyone.

No Commitment Required

Each puzzle can be completed in just a few minutes, making it perfect for quick breaks or longer gaming sessions depending on your available time.

Frequently Asked Questions (FAQ)