Spot the Differences - Find Hidden Objects Puzzle Game

Seele01-Flash
By
Spot the Differences is an engaging puzzle game that tests your observation skills by challenging you to find disparities between two nearly identical images. With beautiful artwork and intuitive gameplay, it's perfect for players of all ages.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Spot the Differences". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-quality digital art style similar to the provided screenshot (semi-realistic portrait of a girl). The scene should use an **OrthographicCamera** to ensure a flat, 2D puzzle perspective while utilizing WebGL for performance. * **Scene Layout**: * Render two distinct image planes. * **Responsive Design**: If the screen is Portrait (mobile phone), stack the images (Original Top, Modified Bottom). If Landscape (Tablet/PC), place them Side-by-Side. * **Game Assets**: * **Images**: Placeholder colors or generated textures representing the "Girl with Headscarf" (Original: Red scarf, Blue eyes; Modified: Blue scarf, Green eyes). * **UI Overlay**: Minimalist HUD elements layered on top (HTML/CSS or 2D Canvas texture): A generic "Heart" icon for lives (3 count), a "Magnifying Glass" icon for Hints, and a progress counter (e.g., "Found: 2/5"). * **Visual Feedback**: * **Correct Selection**: A green circle animation that draws itself around the spot on *both* images simultaneously. A small particle burst (confetti or sparkles) using Three.js `PointsMaterial`. * **Wrong Selection**: A red "X" appears briefly with a screen shake effect (camera jitter). ### 2. Audio Requirements * **BGM**: A relaxing, low-tempo "Museum/Gallery" style track (Piano or Lo-fi beats) to aid concentration. * **Sound Effects (SFX)**: * **Correct Tap**: A crisp, high-pitched "Ding" or "Pencil Checkmark" sound. * **Wrong Tap**: A low-pitched, dull "Thud" or "Buzzer" sound. * **Hint Used**: A magical "Chime" or "Sparkle" sound. * **Game Over**: A melancholic descending scale. * **Level Complete**: A short, uplifting fanfare. ### 3. Gameplay Loop * **Data Structure**: Define differences as an array of objects containing normalized coordinates (`{x: 0.5, y: 0.3, radius: 0.05}`) relative to the image plane center. * **Core Mechanics**: * Player taps on either the Top or Bottom image. * The game calculates the distance from the tap point (Raycaster hit) to the nearest defined "Difference Center". * **Threshold**: If distance < radius, it is a "Found". Mark as solved. * **Penalty**: If the tap hits the image but misses a difference, deduct 1 Life. * **Win Condition**: Find all 5 differences before lives run out. Show a "Level Complete" modal. * **Lose Condition**: Lives reach 0. Show "Try Again" modal. * **Hint System**: Clicking the Hint button consumes a "Hint Charge" and creates a pulsing glow effect around one unfound difference. ### 4. Mobile Controls & Interaction * **Touch Input**: Use `Three.Raycaster` mapped to `touchstart` events. Ensure the hit detection works on *both* image instances (tapping the difference on the bottom image should also circle it on the top image). * **Haptic Feedback**: Trigger `navigator.vibrate(200)` (strong vibration) on a Wrong Tap and `navigator.vibrate(50)` (light tap) on a Correct Tap. * **Touch Tolerance**: The hit area for differences should be slightly larger than the visual difference to accommodate "fat finger" issues on mobile screens (minimum hit radius ~44px equivalent). * **UI Positioning**: Place the "Hint" button in the bottom-right corner and "Lives" in the top-left corner, ensuring they are outside the gameplay image area to prevent accidental clicks. 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 Differences is a captivating puzzle game that challenges your visual perception and attention to detail. This classic observation game presents you with pairs of beautiful images that appear identical at first glance, but contain subtle differences waiting to be discovered. With its charming artwork featuring fairy tale scenes, delicious food imagery, and picturesque street views, each level provides a delightful visual experience while testing your detective skills.

Core Features

Beautiful and Diverse Artwork

The game features countless adorable paintings spanning various themes including enchanting fairy tale scenes, mouth-watering culinary displays, and charming urban landscapes. Each image is carefully crafted to provide both visual appeal and challenging gameplay.

Progressive Difficulty System

As you advance through levels, the differences become more subtle and challenging to spot, ensuring that the game remains engaging for both beginners and experienced players. The difficulty progression helps train your observation skills gradually.

Strategic Lives System

Each level provides exactly three lives, adding a strategic element to the gameplay. You must carefully examine both images before making your selections, as incorrect clicks will cost you precious lives.

Built-in Hint System

When you're stuck on a particularly challenging difference, the hint button provides helpful assistance without completely solving the puzzle for you. This feature ensures that players never feel completely frustrated while maintaining the challenge.

Gameplay Mechanics

Simple Click-to-Spot Interface

The game uses an intuitive point-and-click interface where players simply click on areas where they spot differences. The responsive controls work seamlessly across all devices, making it easy to play whether you're using a mouse, touchpad, or touchscreen.

Visual Feedback System

When you successfully identify a difference, the game provides clear visual feedback, highlighting the found discrepancy on both images. This helps you track your progress and learn to recognize similar differences in future levels.

Operation Guide

Basic Controls: - Mouse Click/Tap : Click or tap on any area where you notice a difference between the two images - Hint Button : Use when you're stuck to receive assistance finding remaining differences - Menu Navigation : Use mouse or touch to navigate through game menus and level selection

Gameplay Tips: 1. Start by scanning both images systematically from top to bottom 2. Pay attention to colors, shapes, objects, and shadows 3. Look for added or removed elements, color changes, or size variations 4. Use the hint system strategically when you're down to the last few differences 5. Take your time - there's no time pressure, only the three-life limit

Why Play This Game

Spot the Differences offers the perfect combination of relaxation and mental stimulation. Unlike fast-paced action games, this puzzle game allows you to play at your own pace while actively training your observation and concentration skills. The beautiful artwork makes each level a visual treat, turning what could be a simple exercise into an enjoyable artistic experience.

The game is completely free to play and requires no downloads or installations - simply open your web browser and start playing immediately. Whether you have five minutes or an hour to spare, you can enjoy this engaging puzzle game that helps improve your attention to detail and visual processing skills.

Perfect for: - Brain training and cognitive exercise - Stress relief and relaxation - Improving concentration and focus - Family-friendly entertainment - Quick mental breaks during work or study - Developing visual perception skills

With its cross-platform compatibility, you can enjoy the same high-quality experience whether you're playing on a desktop computer, laptop, tablet, or smartphone. Start your observation adventure today and discover how many differences your keen eyes can spot!

Frequently Asked Questions (FAQ)