👁️

Perception & Optical Illusions

Your eyes detect light — your brain interprets reality. Explore how the visual cortex processes colour, motion and depth through interactive illusions, afterimages and impossible figures.

This category covers the science of visual perception: how the eye gathers light and how the visual cortex turns those signals into the stable, three-dimensional world we experience. You will learn why identical lines, colours and shapes can look strikingly different depending on context, how Gestalt grouping organises raw input into objects, and why afterimages and motion aftereffects reveal the brain's adaptive machinery. Each interactive experiment lets you change the parameters that drive an illusion and watch perception shift in real time. Understanding these phenomena matters far beyond curiosity — it informs interface design, data visualisation, road-safety signage, clinical vision testing and the study of how attention shapes what we consciously see.

5 simulations Vision · Colour Gestalt · Motion · Depth

Category Simulations

Open a simulation — it runs right in your browser

👁️
★★☆ Moderate New
Gestalt Grouping Principles
Interactive demos of how the visual system organises elements into wholes: proximity, similarity, closure (Kanizsa triangle), continuity, common fate and figure-ground (Rubin's vase).
Gestalt Visual Grouping Kanizsa Triangle Figure-Ground
🌈
★☆☆ Easy
Rainbow Ray Tracer
Trace light through a raindrop — refraction, internal reflection and dispersion. See why each wavelength exits at a different angle and how the 42° primary bow forms.
Optics Rayleigh Canvas 2D
🔮
★☆☆ Easy
Kaleidoscope
Mirror symmetry and reflection transformations produce infinitely varied patterns. Adjust the number of mirrors and import your own image.
Symmetry Reflections Canvas 2D
🌅
★★☆ Moderate
Atmospheric Optics
Rayleigh scattering explains the blue sky and red sunsets. See how the sun angle shifts the sky colour from noon to twilight.
Rayleigh Sky Colour Optics
🌀
★☆☆ Easy
Motion Aftereffect
Stare at a rotating spiral for 30 seconds, then look away. The world appears to move in the opposite direction — the "waterfall illusion" explained.
Motion AftereffectAdaptation
♟️
★☆☆ Easy
Colour Contrast Illusions
Simultaneous contrast, Mach bands and the checker shadow — identical colours that look completely different depending on their surroundings.
Colour PerceptionContrast
🔮
★☆☆ Easy
Optical Illusions
Gallery of 8 classic illusions: Müller-Lyer, Ebbinghaus, Café Wall, Hermann Grid, Kanizsa Triangle, Rubin's Vase, Ponzo and Zöllner. Reveal the geometry behind each one.
Visual PerceptionCognitive Science
👁️
★★☆ Moderate New
Retinal Photoreceptor Adaptation
Rod and cone phototransduction: photons activate rhodopsin → G-protein cascade → cGMP hydrolysis → c...
Photoreception Phototransduction Retina
🎨
★★☆ Moderate New
Color Constancy & Chromatic Adaptation
Von Kries chromatic adaptation: scale LMS cone signals by illuminant estimate. Retinex theory: surfa...
Color Constancy Chromatic Adaptation Von Kries

Related Articles

Dig deeper into the science of perception

About Perception & Cognition Simulations

Optical illusions, sensory processing, attention, and cognitive biases

Perception and cognition simulations demonstrate how the brain constructs reality from ambiguous sensory input. Classic optical illusions — Müller-Lyer, Ebbinghaus, Café Wall, and Motion Aftereffect — are rendered interactively with controls that let you vary the parameters that modulate illusion strength, connecting low-level visual processing to high-level perceptual inference. The Stroop effect demo measures your reaction time to congruent versus incongruent colour-word pairs, making automatic versus controlled processing palpable.

Auditory scene-analysis simulations demonstrate primitive and schema-driven auditory segregation: how the brain separates simultaneous sound streams based on frequency proximity, onset synchrony, and learned speaker identity. Change-blindness and inattentional-blindness demos show how selective attention filters most of the visual field. These interactive experiments are used in cognitive psychology courses, UX research, and the design of warning systems and human-factors engineering.

Each simulation in this category is built with accuracy and interactivity in mind. The underlying mathematical models are the same ones used in academic research and professional engineering — just made accessible through a web browser. Changing parameters in real time and observing the results is one of the most effective ways to build intuition for complex scientific and engineering concepts.

Key Concepts

Topics and algorithms you'll explore in this category

Interactive ModelReal-time browser simulation with live parameter controls
WebGL / Canvas 2DHardware-accelerated rendering in the browser
Mathematical FoundationDifferential equations and numerical integration
Open SourceMIT-licensed code — inspect, fork, and learn
No Install RequiredRuns directly in Chrome, Firefox, Safari, Edge
Educational FocusBuilt to explain the underlying science clearly

Frequently Asked Questions

Common questions about this simulation category

Do these simulations require installation?
No. Every simulation runs entirely in your web browser using WebGL and Canvas 2D. Nothing to install or download — open the page and the simulation starts immediately.
Can I use these simulations for teaching?
Yes — all simulations are designed to be educational and run without an account or login. They are widely used in university lectures, high-school science classes, and self-directed learning. Embed them via iframe or link directly.
What devices do the simulations support?
All simulations work on desktop browsers (Chrome, Firefox, Edge, Safari). Many work on mobile and tablets too, though some physics-heavy simulations benefit from the GPU performance of a desktop or laptop.

Other Categories

Every Perception & Optical Illusions simulation on this page runs free in your browser, so you can learn Perception & Optical Illusions online without any downloads. Each interactive Perception & Optical Illusions model lets you adjust contrast, motion, geometry and timing to see exactly how the brain is fooled — from the Müller-Lyer and Café Wall illusions to colour contrast and the motion aftereffect. These tools support a real-world application in user-interface and dashboard design, where understanding how people misjudge size, colour and depth helps engineers build clearer, safer and more accessible visual displays.