A machine by Travers MacMaster

MoiréFieldAnimated Moiré Pattern Generator

MoiréField is an interactive animated moiré pattern generator for creating optical interference, layered geometric patterns and evolving moiré effects directly in the browser.

MoiréField interface showing its creative controls and output

How the process works

Two independent pattern layers form the image. Changes to spacing, angle, position and distortion alter the interference between them, while Auto Movement turns those relationships into animated moiré.

Inputs and source material

Start from the built-in geometric pattern generators; no imported media is required.

Save and export

Export a still image or record a WebM animation in the browser, with landscape, square, portrait and custom canvas sizes.

  1. 01Choose two pattern layers and select a pattern for each.
  2. 02Adjust spacing, angle and position; use Lab warps or Auto Movement to animate their relationship.
  3. 03Choose a canvas size, including vertical 9:16, then export a still or record WebM in the browser.

Five processing engines, image/video input, masking and live output smoothing are available in the current web app.

MoiréField in motion

Output examples

Artwork output from MoiréField
Exported artwork study