Moiré Patterns: The Geometry of Overlapping Grids

A pattern nobody drew

Lay one fine grid of lines over a second, near-identical grid, rotate one of them by a few degrees, and a completely new pattern of large, sweeping dark bands appears — sweeping across the image at a scale far coarser than either grid's own spacing. This is a moiré pattern (from the French word for a rippled silk fabric that shows the same effect), and it is not printed anywhere: it is an emergent consequence of where the two grids' opaque lines happen to overlap versus where they leave gaps that let light through.

Wherever the two sets of lines nearly coincide, more light gets through and the composite looks bright; wherever they interleave to maximally cover each other, the composite looks dark. Because the misalignment between the two grids changes slowly and smoothly as you scan across the image, the bright and dark regions form broad bands — a low-frequency beat pattern, in exactly the sense a beat frequency appears when two sound waves of close but unequal pitch are played together.

Predicting the moiré period

For two line gratings with spacings d₁ and d₂, rotated relative to each other by an angle θ, the spacing of the resulting moiré fringes dm follows directly from the geometry of where the two families of lines cross:

d_m = d1 · d2 / sqrt( d1² + d2² − 2·d1·d2·cos(θ) )

special cases:
  θ = 0,  d1 = d2 = d   →  no rotation, only a pitch mismatch Δd:
                            d_m ≈ d² / Δd     (huge fringes for tiny Δd)
  d1 = d2 = d, θ small  →  d_m ≈ d / θ         (θ in radians)

Both limiting cases show the same striking behaviour: the moiré period grows without bound as the mismatch — in angle or in spacing — shrinks toward zero. A tiny, humanly imperceptible misalignment between two fine grids produces enormous, unmissable fringes, which is exactly why moiré is simultaneously a nuisance (visible on screens and printed halftones) and a precision tool (it can reveal misalignments far smaller than either grid's own pitch).

Why your monitor shimmers on a video call

A digital camera sensor is itself a fine, regular grid of pixels. Point it at anything with its own fine, regular structure — a striped shirt, a brick wall, a window screen, another screen's own pixel grid — and the sensor's pixel grid becomes "grid two" in the moiré geometry above. The result is aliasing: rainbow-tinted bands that were never in the original scene, created purely by the interaction between the scene's fine texture and the sensor's sampling grid. The fix, an optical low-pass (anti-aliasing) filter that gently blurs the image before it reaches the sensor, works by removing exactly the fine spatial frequencies that would otherwise beat against the pixel grid.

Precision engineering with intentional moiré

Because the moiré period is enormously more sensitive than the underlying grid pitch, engineers deliberately exploit the effect. Moiré deflectometry and moiré interferometry measure micron-scale displacements, strains and surface deformations by tracking how the fringe pattern shifts as one grating moves relative to another. Anti-counterfeiting features on banknotes and passports print two fine, precisely matched patterns that only reveal a hidden moiré image (often the letters "OK" or a specific graphic) when photocopied or scanned, because the scanner's own sampling grid supplies the second grating.

The same geometry, one atom thick

The identical geometric idea reappears at the atomic scale in twisted bilayer graphene: stack two sheets of graphene's hexagonal carbon lattice and twist one slightly relative to the other, and the two lattices interfere to form a much larger moiré superlattice, exactly analogous to the fringes from two overlapping grids. In 2018 researchers found that at a very specific "magic angle" near 1.1 degrees, the resulting moiré superlattice period reshapes the material's electronic band structure so strongly that the material becomes superconducting — a discovery that opened up the field now called twistronics, all traceable to the same overlapping-grid geometry behind a shimmering window screen.

Frequently asked questions

Try it live

Everything above runs in your browser — open Moiré Patterns and change the parameters while it is running. Nothing is installed, nothing is uploaded, the whole model lives in one tab.