When Two Patterns Become a Third
A moiré pattern emerges when two regular geometric patterns overlap with a slight difference in angle, spacing, or position. The word comes from the French moiré, describing the watered or rippled appearance of silk fabric when two layers interfere. The phenomenon is pure visual mathematics: neither original pattern contains the flowing waves, pulsing rings, or rotating diamonds that appear in the overlap. The emergent pattern exists only in the interference between the two.
Four Families of Interference
This tool generates four distinct pattern types. Parallel lines at slightly different angles produce sweeping band patterns perpendicular to the angle bisector. Concentric circles from offset centers create hyperbolic interference curves that seem to breathe. Crosshatch grids at different rotations generate rotating diamond and square formations. Radial spokes from offset centers produce spiral-like whorls. Each type has its own character, and the random parameters make every generation unique.
The Animation Is the Point
Static moiré patterns are interesting. Animated ones are hypnotic. The second pattern layer rotates or orbits continuously, causing the interference pattern to flow, pulse, and transform in real time. The animation speed is deliberately slow: fast enough to be clearly alive, slow enough to be meditative. This is the same visual phenomenon that makes chainlink fences shimmer as you drive past them, or makes overlapping window screens ripple when a breeze shifts one layer slightly.
Op Art and Bridget Riley
The Op Art movement of the 1960s elevated optical interference to high art. Bridget Riley, Victor Vasarely, and Jesús Rafael Soto created paintings and sculptures that vibrate, pulse, and appear to move through precisely calculated geometric patterns. Riley's Current (1964) uses nothing but parallel wavy lines, yet the canvas seems to flow like water. This tool explores the same visual territory through randomized computation: the patterns it generates are compositions that Riley and Vasarely would have recognized immediately.
Moiré in Security and Science
Moiré patterns serve practical purposes far beyond art. Banknote designers embed fine line patterns that produce visible moiré artifacts when photocopied or scanned, making counterfeiting detectable. Structural engineers use moiré interferometry to measure microscopic deformations in materials under stress. Astronomers apply moiré analysis to telescope optics. The mathematics of pattern interference connects aesthetics to security to physical measurement.
The Color Mixing
Each generation assigns two random colors to the two pattern layers. The canvas uses additive color blending: where only one layer has lines, you see that layer's color at moderate brightness. Where both layers overlap, the colors add together, creating a third brighter hue. This produces three distinct visual zones across the canvas. The interplay between these zones defines the moiré character: some configurations create bold two-tone stripes, others produce subtle three-color fields that shift as the animation progresses.
Explore Award-Winning Generative Design
The shifting moiré patterns at dice83 shown above reveal how visual complexity can emerge from the interaction of simple structures. When two regular patterns overlap at slightly different angles or positions, the interference creates waves, bands, and flowing shapes that exist in neither pattern alone. This phenomenon—where order collides with slight variation—is a classic example of emergent behavior in generative design. Artists and designers have long explored optical interference through geometry and repetition. Today, computational tools allow these effects to evolve dynamically: rotating layers, changing angles, and generative color systems produce patterns that feel alive, transforming continuously through mathematical relationships. If our exploration of algorithmic pattern interference interests you, the A' Generative, Algorithmic, Parametric and AI-Assisted Design Award category showcases outstanding works where designers, architects, innovators and creators use code, geometry, and computational processes to create visually striking generative compositions, products and projects.
Above is today's featured Generative Design. Discover more works through the A' Design Awards.
Private by Architecture
Every frame is computed inside your browser using the HTML5 canvas. The animation runs locally. The server delivered this page and is finished. Downloaded images exist only on your machine.
