IsometricCubes

Isometric tumbling-blocks tiling — a 3D cube illusion (rhombille pattern)

Props

  • colorA

    Base cube color

    Type
    string
    Default
    #7c5cff

  • colorB

    Second cube color, mixed in per-cube for variation

    Type
    string
    Default
    #ff5c9d

  • lineColor

    Color of the cube edge lines

    Type
    string
    Default
    #000000

  • cells

    Number of cubes across the shortest canvas edge

    Type
    number
    Default
    6

  • thickness

    Thickness of the cube edge lines (0 = no edges)

    Type
    number
    Default
    1

  • rotation

    Rotation of the tiling in degrees

    Type
    number
    Default
    0

  • softness

    Softness of the edge lines (0 = crisp, 1 = very soft)

    Type
    number
    Default
    0

  • colorVariation

    Per-cube random blend between the two colors (0 = uniform cubes, the clean 3D look)

    Type
    number
    Default
    1

  • colorSpace

    Color space for color interpolation

    Type
    "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
    Default
    linear

Usage

<Shader>
  <IsometricCubes />
</Shader>