ToolForge
Advertisement

Optical Illusion Lab

Generate 21 named optical illusions

Written by toolforge.websiteLast reviewed How we build and check these tools

Optical Illusion Lab tool

Optical Illusion Lab: key facts

What it does
Generate 21 named optical illusions
Category
Creative Tools
Cost
Free, with no account, sign-up, or install.
Your data
Runs entirely in your browser — the files and text you enter are never uploaded to a server.
Last reviewed
. Report an incorrect result.
Advertisement

What this tool is for

An optical illusion is a disagreement between what reaches your eye and what your brain concludes from it, and most of the famous ones are surprisingly simple drawings. This lab draws twenty-one of them, each named, each with a note on the mechanism and on how to actually look at it — because several only work if you stop staring, or step back, or move your head.

Six groups cover the ground. Spirals and rotation hold the Archimedean and logarithmic spirals, converging rays and pulsing rings. Moiré interference splits into line, circular and grid versions, where two innocent layers beat against each other to produce bands that exist in neither. Motion and op-art carries peripheral drift in the rotating-snakes style, Leviant's Enigma, a bulging checkerboard, orbiting discs and the Pinna–Brelstaff rings. Geometry and size holds the classics teachers actually ask for: the café wall, the Hermann and scintillating grids, Zöllner, Müller-Lyer, Ebbinghaus and Ponzo. Impossible objects gives you a Penrose tribar whose beams each pass in front of the next, and a tumbling-blocks tiling that flips between cubes and hollows. Last, a timed colour afterimage.

Only the controls a given illusion genuinely uses appear, and they are labelled for it — the shared slider reads "Row shift" on the café wall and "Fin angle" on Müller-Lyer. The ten figures that depend on being still say so instead of offering a play button that would destroy the effect. On the size and geometry illusions a guide overlay drops dashed measurements over the figure and settles the argument. Everything is drawn on canvas in your browser, exports up to 4096 px or as an animated GIF, and never leaves your device.

How to use the Optical Illusion Lab

  1. Choose an illusion from one of the six groups, or start from a preset such as Hypnotic Spiral, Café Wall or Rotating Snakes.
  2. Read the note underneath the canvas first — some need peripheral vision, some need you to move closer, and the afterimage needs a twenty-second stare.
  3. Move the parameters that appear; each one is named for what it does to this particular figure.
  4. Pick a palette, set the background or make it transparent, and pull the contrast down if the pattern feels harsh.
  5. On the animated illusions press play and set the speed and direction; switch on colour cycling for a shifting hue.
  6. On café wall, Zöllner, Müller-Lyer, Ebbinghaus and Ponzo, tick "Reveal the measurements" to see the dashed proof.
  7. Export a PNG, JPG or WebP up to 4096 px, or an animated GIF or WebM, and copy a link that hands somebody else the exact setup.

What the Optical Illusion Lab gets right

  • Twenty-one illusions are named, credited and explained rather than presented as anonymous patterns, so the page teaches the mechanism instead of only showing the trick.
  • Each figure declares which parameters it uses, so you never move a slider that is quietly connected to nothing — a fault the previous version of this tool had on three of its five patterns.
  • The ten illusions that only work as still images say why they cannot be animated, instead of offering motion that would wipe out the effect.
  • Dashed measurement overlays prove the café wall rows are parallel and the Müller-Lyer shafts are the same length, which is the part a screenshot of an illusion can never do.
  • Animation advances by elapsed time rather than per frame, so 1× means the same rate on a 60 Hz laptop and a 144 Hz monitor.
  • Exports come out of the same drawing code as the preview at 512 to 4096 px, so a wallpaper-sized file is genuinely sharp rather than an enlarged thumbnail.
  • Animated GIF encoding — palette reduction and compression alike — runs in the page itself, with no upload and no extra library to download.
  • There is a standing photosensitivity warning, a gentle-motion mode that caps speed and softens contrast, and a system reduced-motion preference that is honoured on arrival.

Frequently Asked Questions

Which illusions can I actually make here?

Twenty-one, in six groups. Spirals and rotation: Archimedean spiral, logarithmic spiral, radial rays, pulsing rings. Moiré: line, circular and grid interference. Motion and op-art: peripheral drift, Enigma, bulging grid, orbiting discs, Pinna–Brelstaff rings. Geometry and size: café wall, Hermann grid (with the scintillating variant), Zöllner, Müller-Lyer, Ebbinghaus, Ponzo. Impossible objects: Penrose triangle, tumbling blocks. Plus a timed colour afterimage.

Why will some of them not animate?

Because motion is what breaks them. Peripheral drift turns only because your own eye movements sample its asymmetric shading; the Enigma streams because of microsaccades against static rays; a length or size comparison needs a figure that holds still to be judged at all. Those ten illusions declare themselves static and explain what to do instead, such as moving your head toward the screen for the Pinna–Brelstaff rings.

How does the café wall illusion work?

Rows of alternating light and dark tiles are offset sideways against each other, with a thin mid-grey mortar line between them. Where a light tile in one row meets a dark tile in the next, the small-scale brightness averaging in your visual system pulls the mortar line toward the darker side, and the accumulated pull along the row reads as a slope. Every mortar line is exactly horizontal, and the guide overlay draws a straight dashed line along each one to prove it.

What does the guide overlay do?

On the five size-and-geometry illusions it draws the measurement the illusion is hiding: straight dashed lines along the café wall mortar and the Zöllner parallels, vertical markers at both ends of the two Müller-Lyer shafts and the two Ponzo bars, and a single fixed-radius circle over both Ebbinghaus centres. The figure does not change — only the evidence appears on top of it.

Can I export an animated illusion?

Yes. An animated GIF is encoded in the browser at up to 800 px, with a frame count, frame rate and loop setting you choose, and every cycle is tuned to loop seamlessly. Where the browser supports it, WebM recording is offered too — it captures in full colour at the speed on screen, which matters because GIF is limited to 256 colours and flattens a transparent background onto white.

Are these safe to look at?

High-contrast moving patterns can cause discomfort, nausea or seizures in people with photosensitive epilepsy or migraine, which is why the warning sits at the top of the page and nothing animates until you press play. Gentle-motion mode caps the speed at 1× and the contrast at 70%, the contrast slider goes down to 10% on every illusion, and if your system asks for reduced motion, gentle mode is switched on for you. Stop if you feel unwell.

Does anything I make get uploaded?

No. Every illusion is drawn with the HTML5 Canvas API in your own browser, and the image, GIF and WebM files are produced there too — there is no server round-trip and no account. Saved presets live in this browser's local storage, and a share link carries the settings in the address itself rather than storing them anywhere.

Related Tools

Advertisement
Buy Me a Coffee