mirrorTile: Reflective Tiling Functions

Seamless Mirror Pattern Generation

The mirrorTile family creates seamless tiling patterns by alternating between normal and mirrored repetitions. This eliminates edge discontinuities that occur with standard tiling, producing smooth, continuous textures across tile boundaries.

Function Variants

Function	Mirror Axis	Input	Output
mirrorTile	Both X and Y	vec4 tile data	vec4 mirrored tile
mirrorXTile	X-axis only	vec4 tile data	vec4 X-mirrored tile
mirrorYTile	Y-axis only	vec4 tile data	vec4 Y-mirrored tile

Each function also provides Vec2 convenience variants that internally use sqTile for coordinate preprocessing.

Mathematical Principle

The mirror transformation alternates between:

• Identity: $f(x) = x$ for even tiles
• Reflection: $f(x) = 1 - x$ for odd tiles

This creates $C^0$ continuity across tile boundaries, eliminating visible seams in tiled patterns.

ライブエディター

const fragment = () => {
      const tile = mirrorTileVec2(uv.mul(4))
      const pattern = sin(tile.x.mul(20)).mul(sin(tile.y.mul(20)))
      const color = pattern.mul(0.5).add(0.5)
      return vec4(vec3(color), 1)
}