DIFF - Spot the Difference Puzzle Game

Seele01-Flash
By
DIFF is a minimalistic spot-the-difference puzzle game that challenges your observation skills and reflexes. Find differences in fast-moving patterns before time runs out in this free online brain teaser.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "DIFF - Minimalist Speed Puzzle". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Extremely minimalistic, flat design aesthetic (Bauhaus or Swiss Style influence). Use `THREE.MeshBasicMaterial` for solid, unlit colors to ensure high contrast. * **Camera**: Use `THREE.OrthographicCamera` to maintain a strictly 2D look within the 3D engine, ensuring shapes don't distort at the edges of the screen. * **Core Assets**: * **The Patterns**: Use geometric primitives (Circles, Squares, Triangles, Hexagons). * **The Grid**: A dynamic container that holds a grid of these shapes (starting at 2x2, expanding to 5x5 as difficulty increases). * **Background**: Solid, muted pastel colors (Teal, Salmon, Slate Grey) that change every few levels to keep visuals fresh. * **Visual Effects**: * **Motion**: The entire grid container must gently rotate (spin), drift slowly across the screen, or pulse (zoom in/out) to make clicking harder. * **Feedback**: When the correct target is clicked, it should emit a small particle explosion (simple squares/circles) and scale up briefly before the level transitions. * **Optimization**: Use `THREE.InstancedMesh` for the identical shapes to minimize draw calls on mobile devices. ### 2. Audio Requirements * **BGM**: A fast-tempo, minimal electronic/lo-fi beat that loops seamlessly. It should sound "intellectual" but urgent. * **Sound Effects (SFX)**: * **Correct Tap**: A high-pitched, satisfying digital "pluck" or "ping" sound. * **Wrong Tap / Time Out**: A jarring, low-pitched "buzzer" or "glitch" noise. * **UI**: Soft clicks for menu navigation. ### 3. Gameplay Loop * **The Mechanic**: 1. A grid of nearly identical objects appears (e.g., 9 green squares). 2. **The "Diff"**: One object is slightly different. The difference can be: * **Color**: Slightly lighter/darker shade (calculate HSL shift). * **Rotation**: Rotated by 45 degrees while others are 0. * **Shape**: A circle among squares (rare, for bonus levels). 3. **The Timer**: A progress bar at the top rapidly depletes (starting at 5 seconds, decreasing as levels progress). * **Win Condition**: Tapping the correct object instantly adds +1 to the Score, plays a success sound, and immediately loads the next, harder pattern. * **Fail Condition**: Tapping a *normal* object OR letting the timer run out results in an instant "Game Over." * **Progression**: * Level 1-5: 2x2 grid, static. * Level 5-10: 3x3 grid, grid rotates slowly. * Level 10+: 4x4 or 5x5 grid, grid rotates and zooms, color differences become more subtle. ### 4. Mobile Controls & Interaction * **Input Handling**: Use `THREE.Raycaster` mapped to touch events (`touchstart`) for zero-latency response. * **Orientation**: Lock to **Portrait Mode** for one-handed playability. * **UI Layout**: * **Top**: Current Score (Large, bold font) and Time Bar. * **Center**: The gameplay area (The spinning grid). * **Game Over Screen**: A simple overlay showing "Score" and "High Score" with a large "Replay" button (minimum 88x88px touch target). * **Haptic Feedback**: Trigger `window.navigator.vibrate(50)` on a correct tap and `vibrate([100, 50, 100])` on a game over to provide tactile weight to the decision. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

DIFF is a unique minimalistic puzzle game that revolutionizes the classic spot-the-difference format. With a stellar 4.4/5 rating from players worldwide, this brain-teasing challenge combines lightning-fast reflexes with keen observation skills. Unlike traditional difference games, DIFF presents rapidly changing patterns that test both your visual acuity and reaction time.

This free online game strips away unnecessary complexity to focus on pure puzzle-solving mechanics. Each level presents you with minimalistic patterns where subtle differences appear and disappear, requiring immediate recognition and response. One wrong click ends your game instantly, making precision as important as speed.

Core Features

Lightning-Fast Gameplay

DIFF elevates the spot-the-difference genre with dynamic, fast-moving patterns that challenge even the quickest minds. Unlike static puzzle games, these patterns shift, spin, and transform, requiring split-second decision making.

Minimalistic Design Philosophy

The game's clean, uncluttered interface ensures nothing distracts from the core challenge. Simple geometric shapes and patterns create an elegant gaming experience that's easy to understand but difficult to master.

Cross-Platform Compatibility

  • Completely Free : No payments, subscriptions, or hidden costs
  • Instant Play : HTML5 technology means no downloads required
  • Mobile Optimized : Perfect touch controls for smartphones and tablets
  • Desktop Ready : Precise mouse controls for computer users
  • Browser Compatible : Works on all modern web browsers

Progressive Difficulty System

Start with simple patterns and advance to increasingly complex visual puzzles. The game adapts to challenge players of all skill levels, from casual puzzle enthusiasts to hardcore brain-training devotees.

High Score Competition

Compete against players worldwide with the integrated high score system. Track your personal best and see how your observation skills rank globally.

Gameplay Mechanics

DIFF presents players with seemingly identical patterns, but subtle differences hide within. Your mission: identify and click the difference before the pattern changes or time expires. The game's "one strike and you're out" policy creates intense pressure that transforms simple observation into an adrenaline-pumping challenge.

Patterns may include: - Rotating geometric shapes - Color variations in minimalistic designs - Size differences in pattern elements - Missing or additional components - Position shifts in pattern arrangements

Operation Guide

Desktop Controls

  • Mouse Click : Click directly on the spotted difference
  • Precision Timing : Click quickly but accurately to avoid game over
  • Visual Scanning : Use systematic scanning techniques to identify differences efficiently

Mobile Controls

  • Tap Interface : Tap the difference with your finger
  • Responsive Touch : Optimized touch sensitivity for mobile devices
  • Portrait/Landscape : Play in any orientation for comfortable viewing

Strategic Tips

  • Develop a systematic scanning pattern from top to bottom or left to right
  • Focus on edges and corners where differences commonly appear
  • Train your peripheral vision to catch movement and changes
  • Practice quick decision-making to improve reaction time

Why Play DIFF

Mental Training Benefits

DIFF isn't just entertainment—it's a comprehensive brain training tool. Regular play enhances: - Visual Processing Speed : Faster pattern recognition abilities - Attention to Detail : Improved focus and concentration skills - Reaction Time : Quicker decision-making and response capabilities - Cognitive Flexibility : Better adaptation to changing visual information

Perfect for Any Schedule

Whether you have 30 seconds or 30 minutes, DIFF adapts to your available time. Quick rounds make it ideal for: - Coffee break entertainment - Commute time mental exercise - Waiting room distraction - Study break brain training - Competitive gaming sessions

Accessibility and Convenience

No registration required, no downloads needed, and no subscription fees. Simply open your browser and start playing immediately on any device. The game saves your progress automatically, so you can continue improving your skills across multiple sessions.

Who Should Play

DIFF appeals to a wide range of players: - Puzzle Enthusiasts : Those who love brain teasers and mental challenges - Mobile Gamers : Perfect for on-the-go entertainment - Competitive Players : High score system provides ongoing motivation - Brain Training Seekers : Ideal for cognitive skill development - Casual Gamers : Simple mechanics with deep challenge - Students : Great for improving concentration and focus abilities

Frequently Asked Questions (FAQ)