Spot the Differences - Find Hidden Differences Puzzle Game

Seele01-Flash
By
Spot the Differences is an engaging puzzle game that challenges your observation skills by finding hidden disparities between two similar images. Featuring beautiful fairy tale scenes, delicious food illustrations, and charming street views.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Spot the Differences: Magic Canvas**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Scene Setup**: Use an `OrthographicCamera` to ensure pixel-perfect image comparison without perspective distortion. The background should be a soft, neutral color (e.g., beige or slate grey) to keep the focus on the artwork. * **Image Planes**: Create two identical textured planes side-by-side (or top-bottom depending on orientation). Use placeholders for the art assets, simulating the style of "semi-realistic digital paintings" (like the reference image of the girl with the headscarf). * **Markers**: Generate simple ring-shaped geometries (Torus) or 2D sprites (CircleTexture) that appear instantaneously over a discovered difference. * **Particle Effects**: Implement a lightweight particle system (using `THREE.Points`) that emits a small burst of sparkles (gold or white) when a user correctly identifies a difference. * **Optimization**: Ensure textures are power-of-two. Limit particle count to <100 per burst for mobile performance. ### 2. Audio Requirements * **BGM**: A relaxing, low-tempo "Art Gallery" ambiance—soft piano or acoustic guitar that aids concentration without being distracting. * **Sound Effects (SFX)**: * **Correct Tap**: A pleasant high-pitched "ding" or magical chime. * **Wrong Tap**: A dull, soft "thud" or "buzzer" sound (not too harsh). * **Hint Used**: A magical "shimmer" sound. * **Level Complete**: A short, uplifting victory chord. * **Game Over**: A descending, melancholic melody. ### 3. Gameplay Loop * **Initialization**: Load a level consisting of two images and a list of coordinate zones (differences). Start with **3 Lives (Hearts)**. * **Interaction**: The player taps on either image. * **Hit Logic**: Calculate the intersection point. If the click falls within a predefined "Difference Zone": 1. Mark the difference on **BOTH** images with a green circle. 2. Play "Correct" SFX and particle effect. 3. Remove that zone from the active list. * **Miss Logic**: If the click is on a non-difference area: 1. Play "Wrong" SFX. 2. Trigger a visual "Screen Shake" effect (move camera x/y randomly for 0.2s). 3. Remove 1 Heart. * **Win Condition**: All differences found before lives run out. Show a "Level Complete" modal. * **Lose Condition**: Lives reach 0. Show a "Try Again" modal. * **Hint System**: A button that, when clicked, automatically highlights one unfound difference and consumes a "Hint" usage (if limited) or has a cooldown. ### 4. Mobile Controls & Interaction * **Touch Input**: Use `THREE.Raycaster` mapped to standard `touchstart` events. Ensure the raycaster ignores UI layers and hits the image planes accurately. * **Responsive Layout (Crucial)**: * **Portrait Mode**: Stack images vertically (Top/Bottom). * **Landscape Mode**: Place images horizontally (Left/Right). * The canvas must resize dynamically on window resize events. * **UI/UX**: * **Hearts Display**: Top-left corner, large icons. * **Hint Button**: Bottom-right corner (easy thumb reach), minimum size 44x44px. * **Progress Bar**: Show how many differences are left (e.g., 3/5). * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on a wrong guess and `navigator.vibrate(20)` on a correct guess (check for API support). 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 puts your observation skills to the ultimate test. This classic find-the-difference game presents you with pairs of nearly identical images, challenging you to discover the subtle disparities hidden within. With its collection of beautifully crafted artwork featuring fairy tale scenes, mouth-watering dishes, and picturesque street views, each level offers a delightful visual experience that keeps players engaged for hours.

Core Features

Beautiful Artwork Collection

The game showcases an impressive variety of hand-crafted illustrations spanning multiple themes: - Fairy Tale Scenes : Enchanting fantasy landscapes and magical characters - Culinary Delights : Appetizing food photography and artistic meal presentations - Charming Streetscapes : Quaint urban scenes and architectural beauty - High-Quality Graphics : Crisp, detailed images that make difference-spotting both challenging and enjoyable

Challenge System

Each level is carefully designed to provide the perfect balance of difficulty: - Three Lives Per Level : Limited attempts add strategic thinking to your observation skills - Progressive Difficulty : Levels become more challenging as you advance - Hint System : Get helpful guidance when you're stuck on tricky differences - Multiple Differences : Each image pair contains several hidden disparities to discover

Accessibility and Convenience

  • Completely Free : No hidden costs or premium content barriers
  • No Download Required : Play instantly in your web browser
  • Cross-Platform Compatible : Works seamlessly on computers, tablets, and smartphones
  • Save Progress : Your achievements and level progress are automatically saved

Gameplay Mechanics

How to Play

The gameplay is intuitive and accessible to players of all ages: 1. Examine Both Images : Study the two side-by-side pictures carefully 2. Spot the Differences : Look for subtle changes in colors, objects, shapes, or details 3. Click to Mark : Touch or click on the difference you've found 4. Use Hints Wisely : Access helpful clues when you need assistance 5. Complete the Level : Find all differences before running out of lives

Winning Strategy

  • Systematic Scanning : Examine images section by section rather than randomly
  • Focus on Details : Pay attention to small elements like shadows, textures, and background objects
  • Color Variations : Look for subtle color changes that might be easy to miss
  • Save Hints : Use the hint system strategically for the most challenging differences

Operation Guide

Controls

  • Mouse Click : Click directly on spotted differences (desktop)
  • Touch Screen : Tap on differences using finger or stylus (mobile)
  • Hint Button : Access helpful clues when needed
  • Menu Navigation : Easy-to-use interface for level selection and settings

Platform Support

The game offers excellent compatibility across all modern devices: - Desktop Computers : Full keyboard and mouse support - Laptops : Optimized for both touchscreen and traditional input - Tablets : Touch-friendly interface perfect for portable gaming - Smartphones : Responsive design adapts to smaller screens

Why Play This Game

Cognitive Benefits

Spot the Differences isn't just entertaining—it's also great mental exercise: - Improves Concentration : Enhances your ability to focus on details - Sharpens Visual Skills : Develops better observation and pattern recognition - Stress Relief : Provides relaxing, meditative gameplay experience - Memory Training : Strengthens visual memory and attention span

Perfect for Everyone

  • Family-Friendly : Suitable content for players of all ages
  • Educational Value : Helps develop important cognitive skills
  • Casual Gaming : Perfect for short breaks or extended play sessions
  • Social Fun : Great for playing with friends and family members

Accessibility Features

  • Intuitive Interface : Easy to understand for new players
  • Multiple Difficulty Levels : Accommodates both beginners and experts
  • Helpful Hints : Ensures no player gets permanently stuck
  • Progress Tracking : See your improvement over time

Whether you're looking to sharpen your observation skills, enjoy beautiful artwork, or simply pass time with an engaging puzzle challenge, Spot the Differences delivers an exceptional gaming experience that combines entertainment with cognitive benefits.

Frequently Asked Questions (FAQ)