Five Differences - Spot the Difference Puzzle Game - Puzzle Game

Seele01-Flash
By Samuel Scott
Challenge your observation skills with Five Differences! Find 5 hidden differences between two similar images in this relaxing yet engaging puzzle game. Play free online.
Unity

Chaos Train Arcade

Build a chaotic Unity train arcade of hazards and timing.

Build a chaotic Unity train arcade of hazards and timing.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
Subscriber only

Unreal Top-Down Roguelite

Create a complete UE 5.5 top-down arena roguelite with upgrades and a boss finale.

Create a complete UE 5.5 top-down arena roguelite with upgrades and a boss finale.Open in workspace
Voxel

Voxel Village Explorer

Build a voxel village to roam with jump and camera controls.

Build a voxel village to roam with jump and camera controls.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
Shooter

Platform Shooter Quest

Build a side-scrolling platform shooter with weapon switching.

Build a side-scrolling platform shooter with weapon switching.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
Godot

Baby Bat Climber

Build a compact Godot cave-climbing platformer.

Build a compact Godot cave-climbing platformer.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
Sandbox

Voxel Sandbox Builder

Build a voxel sandbox for placing and breaking blocks freely.

Build a voxel sandbox for placing and breaking blocks freely.Open in workspace
Unity

Chaos Train Arcade

Build a chaotic Unity train arcade of hazards and timing.

Build a chaotic Unity train arcade of hazards and timing.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
Subscriber only

Unreal Top-Down Roguelite

Create a complete UE 5.5 top-down arena roguelite with upgrades and a boss finale.

Create a complete UE 5.5 top-down arena roguelite with upgrades and a boss finale.Open in workspace
Voxel

Voxel Village Explorer

Build a voxel village to roam with jump and camera controls.

Build a voxel village to roam with jump and camera controls.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
Shooter

Platform Shooter Quest

Build a side-scrolling platform shooter with weapon switching.

Build a side-scrolling platform shooter with weapon switching.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
Godot

Baby Bat Climber

Build a compact Godot cave-climbing platformer.

Build a compact Godot cave-climbing platformer.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
Sandbox

Voxel Sandbox Builder

Build a voxel sandbox for placing and breaking blocks freely.

Build a voxel sandbox for placing and breaking blocks freely.Open in workspace

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Five Differences: 3D Noir Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Recreate the "vector art" aesthetic of the original screenshot using **Low-Poly 3D models with Flat Shading** or Toon Shading. The scene should feature a silhouette of a person sitting on a bench reading a newspaper, set against a minimalist cityscape background. * **Color Palette:** Use a muted, atmospheric palette—cool greys, desaturated blues, and stark blacks for silhouettes. * **Scene Composition:** Create a **Dual-Viewport Setup**. The screen should be split (Top Half = Original Scene, Bottom Half = Altered Scene). * **Difference Generation:** The code should structurally define the scene logic so that the Bottom Scene contains 5 specific alterations compared to the Top Scene (e.g., a missing cloud, the newspaper is a different color, an extra bird on a wire, the bench leg is missing, the person's hat is rotated). * **Performance:** Use simple geometry (BoxGeometry, CylinderGeometry) combined to form shapes to keep the draw call count low for mobile devices. ### 2. Audio Requirements * **BGM:** Procedural or looped "Ambient Noir" track—slow, calm, slightly mysterious (e.g., a distant saxophone or soft electric piano with reverb). It should match the "cool drink of water, calm yet freaky" description. * **SFX:** * **Correct Tap:** A soft, harmonious chime or a pencil-circling sound. * **Wrong Tap:** A low, dull thud or subtle buzz. * **Win:** A short, uplifting jazz chord progression. ### 3. Gameplay Loop * **Mechanic:** The player observes the Top and Bottom scenes. They must identify 5 discrepancies. * **Interaction Logic:** When the player taps an object in *either* viewport: * If the object is one of the 5 differences: A bright circle is drawn around the area in *both* viewports, and a particle effect triggers. The score increases. * If the object is normal: A "miss" animation plays (e.g., a small red 'X' appears briefly). * **Win Condition:** All 5 differences are found. Display a "Level Clear" overlay with a "Next Level" button. * **Loss Condition:** No hard fail state, but implement a "Hint" button that recharges over 10 seconds to assist stuck players. ### 4. Mobile Controls & Interaction * **Touch Handling:** Use `THREE.Raycaster` mapped to touch events. Ensure the raycaster works accurately on both the Top and Bottom viewports simultaneously (coordinates must be normalized based on the viewport bounds). * **Orientation:** **Portrait Mode Priority**. * **Top Viewport:** y=0.5 to 1.0 * **Bottom Viewport:** y=0.0 to 0.5 * **UI Layer:** HTML/CSS overlay for the score (e.g., "Found: 3/5") and Hint button at the center or bottom-right. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` on a correct guess and `navigator.vibrate(150)` on a wrong guess. * **Visual:** When a difference is found, the object in the altered scene should gently tween (scale or opacity) to match the original scene, resolving the difference visually. 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.

Game Introduction

About the Game

Five Differences is a classic spot-the-difference puzzle game that offers a perfect blend of relaxation and mental stimulation. With its calm yet intriguing visual scenes, this brain teaser challenges players to sharpen their observation skills by identifying subtle variations between two nearly identical images. The game has earned a solid 3.5/5 rating from players who appreciate its thoughtful design and engaging gameplay.

Core Features

This puzzle game stands out with several compelling features:

  • Free to Play : Completely free browser-based game with no downloads required
  • All Ages Content : Family-friendly gameplay suitable for players of all ages
  • Intuitive Controls : Simple point-and-click mechanics using just your mouse
  • Varied Scenes : Diverse collection of calm yet mysterious images to explore
  • Mental Exercise : Perfect brain training activity to improve focus and attention to detail
  • Relaxing Gameplay : Peaceful gaming experience without time pressure or stress

Visual Design and Atmosphere

The game features carefully crafted scenes that appear calm on the surface but contain subtle, sometimes eerie elements that add intrigue to the experience. Each pair of images is designed to test your visual perception skills while maintaining an engaging and mysterious atmosphere.

Progressive Challenge

While the basic concept remains consistent throughout, the difficulty gradually increases as you encounter more complex scenes with increasingly subtle differences. This progression keeps players engaged and provides a satisfying sense of accomplishment as observation skills improve.

Gameplay Mechanics

Five Differences follows the classic spot-the-difference formula with refined execution:

  • Objective : Find exactly 5 differences between two side-by-side images
  • Method : Carefully examine both images and click on areas where you spot variations
  • Success : Successfully identify all 5 differences to complete each level
  • Progression : Advance through multiple levels with increasingly challenging scenes

Types of Differences

The differences you'll encounter include: - Missing or added objects - Color variations in specific areas - Shape modifications - Size changes in elements - Positional shifts of objects

How to Play

Getting started is incredibly simple:

  1. Observe : Study both images carefully, scanning from left to right and top to bottom
  2. Compare : Look for any variations between the two seemingly identical scenes
  3. Click : Use your mouse to click on areas where you spot differences
  4. Progress : Successfully find all 5 differences to advance to the next challenge
  5. Repeat : Continue through multiple levels, each with new scenes to explore

Tips for Success

  • Take your time - there's no rush to find the differences
  • Systematically scan the entire image rather than random searching
  • Pay attention to small details like shadows, reflections, and background elements
  • Don't get discouraged if a difference isn't immediately obvious

Why Play Five Differences

This game offers numerous benefits beyond simple entertainment:

  • Cognitive Enhancement : Improves visual perception and attention to detail
  • Stress Relief : Provides a calming, meditative gaming experience
  • Accessibility : No learning curve - anyone can start playing immediately
  • Brain Training : Excellent exercise for maintaining mental sharpness
  • Portable Fun : Play anywhere with an internet connection and browser
  • No Commitment : Perfect for short gaming sessions or extended play

Whether you're looking for a quick mental break during work, a relaxing evening activity, or a way to sharpen your observation skills, Five Differences delivers an engaging and satisfying puzzle experience that appeals to players of all ages and skill levels.

Frequently Asked Questions (FAQ)

Five Differences - Spot the Difference Puzzle Game