Spot the Differences - Find Hidden Differences Puzzle Game - Puzzle Game

Seele01-Flash
By Olivia Hill
Challenge your observation skills with Spot the Differences! Compare two images and find hidden differences in fairy tale scenes, delicious foods, and charming streets. Free to play!
Driving

City Car Driving

Build an open-city free-driving game with car selection.

Build an open-city free-driving game with car selection.Open in workspace
Voxel

Voxel Hero Adventure

Build a voxel hero who explores, mines, and builds.

Build a voxel hero who explores, mines, and builds.Open in workspace
FPS

3D FPS Game

Build a desert FPS with weapon switching and a retro HUD.

Build a desert FPS with weapon switching and a retro HUD.Open in workspace
Roguelike

Dungeon Survivors

Build a Vampire-Survivors-style dungeon arena with hero picks.

Build a Vampire-Survivors-style dungeon arena with hero picks.Open in workspace
Unity

Farmstead Shop

Build a Unity farm-shop sim: grow, stock, serve, upgrade.

Build a Unity farm-shop sim: grow, stock, serve, upgrade.Open in workspace
3D

Third Person Explorer

Build a third-person explorer with swappable scenes and a live minimap.

Build a third-person explorer with swappable scenes and a live minimap.Open in workspace
Shooter

Rail Shooter Ride

Build a roller-coaster rail shooter that aims as you ride.

Build a roller-coaster rail shooter that aims as you ride.Open in workspace
Unity

Battle of Balls

Build a Unity arena where rolling balls collide and grow.

Build a Unity arena where rolling balls collide and grow.Open in workspace
New

Solo Racing Game

Build a browser racer with tracks, timing, and a minimap.

Build a browser racer with tracks, timing, and a minimap.Open in workspace
Subscriber only

Unreal Dungeon Crawler

Build a playable Unreal dungeon crawler, combat-ready.

Build a playable Unreal dungeon crawler, combat-ready.Open in workspace
Driving

City Car Driving

Build an open-city free-driving game with car selection.

Build an open-city free-driving game with car selection.Open in workspace
Voxel

Voxel Hero Adventure

Build a voxel hero who explores, mines, and builds.

Build a voxel hero who explores, mines, and builds.Open in workspace
FPS

3D FPS Game

Build a desert FPS with weapon switching and a retro HUD.

Build a desert FPS with weapon switching and a retro HUD.Open in workspace
Roguelike

Dungeon Survivors

Build a Vampire-Survivors-style dungeon arena with hero picks.

Build a Vampire-Survivors-style dungeon arena with hero picks.Open in workspace
Unity

Farmstead Shop

Build a Unity farm-shop sim: grow, stock, serve, upgrade.

Build a Unity farm-shop sim: grow, stock, serve, upgrade.Open in workspace
3D

Third Person Explorer

Build a third-person explorer with swappable scenes and a live minimap.

Build a third-person explorer with swappable scenes and a live minimap.Open in workspace
Shooter

Rail Shooter Ride

Build a roller-coaster rail shooter that aims as you ride.

Build a roller-coaster rail shooter that aims as you ride.Open in workspace
Unity

Battle of Balls

Build a Unity arena where rolling balls collide and grow.

Build a Unity arena where rolling balls collide and grow.Open in workspace
New

Solo Racing Game

Build a browser racer with tracks, timing, and a minimap.

Build a browser racer with tracks, timing, and a minimap.Open in workspace
Subscriber only

Unreal Dungeon Crawler

Build a playable Unreal dungeon crawler, combat-ready.

Build a playable Unreal dungeon crawler, combat-ready.Open in workspace

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.
A game idea becoming a playable world and reaching an audience
MAKE • SHARE • EARN

Games are fun. Creating them is even better.

Start creating for free

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)