Skip to content

Spot-the-Difference Generator

Generate endless spot-the-difference puzzles from any image.

Intermediate12h1 person17/20 fit
TL;DR

Build Spot-the-Difference Generator for casual players and kids in ~12h with 1 person. Stack: Image generation + Canvas.

Why it wins: Generative AI for play.

Build flow

01 · Problem
Puzzle books run out.
02 · Solution
Use image editing to make subtle changes, track change regions and let players tap differences.
03 · Build
  1. 1Edit images
  2. 2Store regions
  3. 3Detect taps
  4. 4Add hints
04 · Demo
Generate a puzzle from a photo and solve it.

MVP checklist

  • Auto differences
  • Tap detection
  • Hints
  • Difficulty

Tech stack

TechRole
Image generationGenerated images
Canvas2D rendering

Related ideas

More Gaming
  • Draw shapes that become physical objects to guide a ball to the goal

    Intermediate16h1–2
    PhaserMatter.jsJavaScript
    17/20
  • Solve puzzles together where each player sees different clues

    Intermediate18h2–3
    ColyseusPhaserNode.js
    17/20