Checkerboard
Classic checkerboard pattern with two alternating colors
Classic checkerboard pattern with two alternating colors
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #cccccc | First color of the checkerboard pattern |
| colorB | color | #999999 | Second color of the checkerboard pattern |
| cells | range | 8 | Number of cells along the shortest canvas edge (creates square cells) |
| softness | range | 0 | Smoothness of the transition between colors (0 = hard edges, 1 = very soft) |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
Usage
vue
<Shader>
<Checkerboard />
</Shader>