Grid

Wallpaper Grid

Kaleidoscope patterns with the exact symmetry of the 17 wallpaper groups, drifting and cycling from one group to the next. Use for tiled, ornamental, crystal and mosaic floors.

  • wallpaper-group
  • symmetry
  • kaleidoscope
  • crystallography
  • tiling
  • ornament
  • mosaic
  • floor

Settings and defaults

Group
-1
Cycle Time
12
Motif
0.5
Levels
11
Cell Size
10
Line Width
2
Section Size
0
Section Width
1.4
Line Mode
2
Cell Mode
2
Anim Speed
1
Anim Scale
0.6
Anim Intensity
0.55
Fade Strength
0.7
Displace
0
Size
50
Line Color
#f3d79b
Section Color
#7fd6ff
Cell Color
#101c50
Glow Color
#ff9ec7
Bg Color
#05070a
Bg Opacity
0
Reveal
1
Reveal Duration
0

The Wallpaper Grid is a kaleidoscope with rules. It draws a flowing, contoured pattern that repeats with the exact symmetry of one of the seventeen wallpaper groups, the complete list of ways a pattern can repeat across a flat surface. By default it cycles through all seventeen, crossfading from one to the next, so the same motif reappears with new mirrors, glides and rotations.

How it works

A soft motif made of a few overlapping waves is copied once for every move in the chosen symmetry group and the copies are added together. The sum has precisely that group's mirrors, glide lines and centres of rotation, and tiles without a seam. Contour lines are drawn through the result, the bands between them are shaded like terraces cut in steps, and the peaks glow warm while the troughs sink into the cell colour. With Section Width above 0 the symmetry lines are traced too: solid for true mirrors, dashed for glides.

Settings

  • Group picks one of the seventeen groups, or -1 to cycle through them all.
  • Cycle Time is the number of seconds each group is shown while cycling.
  • Motif sets how complex the repeating shape is.
  • Levels is the number of contour lines.
  • Displace turns the pattern into a carved relief.

Use it for

Textile, fashion and interior brands, tiles and ornament, crystal and mineral themes and maths education. See also the Girih Grid and the Quasicrystal Grid.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More grids

Works well with

Used in