Visual Perception
Find the one patch that differs, and watch how quickly a change becomes invisible when a blank frame interrupts it. Two short demonstrations of how construction-heavy vision really is.
How to run it
- 1.Contrast: click the tile that is a slightly different shade; difficulty adapts as you go.
- 2.Change detection: a single tile flips colour between frames — spot it.
- 3.Use a normally lit screen; brightness and colour profile change difficulty.
Interactive demonstration
1. Contrast: find the odd tile
Current difference: Δ 14% lightness · Streak: 0
2. Change detection
One tile alternates colour between frames. Click it when you spot it.
How this demonstration works
Grids are drawn as plain DOM elements with computed colour values, so no image assets or canvas readback are involved. The odd-one-out difference shrinks after correct answers and widens after misses. Change-detection frames alternate on a timer that is cleared on unmount.
What the science says
Vision does not store a rich, complete snapshot of a scene. Attention selects a small region at a time, so a change interrupted by a blank frame or a saccade often goes unnoticed — change blindness. Contrast thresholds also vary with display calibration and ambient light, which is why lab studies use calibrated monitors and fixed viewing distance.
Sources
Sponsor this work
BRAINMATTER is independent and reader-supported. These demos and the Visualizer Studio run entirely in your browser, with no tracking and no sign-up. A one-time sponsorship covers research time, editorial review, and hosting so we can keep publishing without paywalls.