Grid

Truchet Grid

Smith quarter-circle Truchet tiles forming endless two-coloured loops; tiles turn to re-route the paths and comets travel them. Use for playful, retro and generative floors.

  • truchet
  • tiling
  • loops
  • generative
  • retro
  • maze

Settings and defaults

Flip
0.25
Bias
0.5
Pulse
0.8
Region Fill
0.8
Cell Size
3
Line Width
1.3
Section Size
4
Section Width
1.2
Line Mode
0
Cell Mode
0
Anim Speed
1
Anim Scale
0.5
Anim Intensity
0.6
Fade Strength
0.7
Displace
0
Size
50
Line Color
#a052e0
Section Color
#4a2a66
Cell Color
#2a0f45
Glow Color
#ff7ad9
Bg Color
#07030d
Bg Opacity
0
Reveal
1
Reveal Duration
0

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