Marble
Classic marble swirl and vein texture using noise-warped sine waves
Classic marble swirl and vein texture using noise-warped sine waves
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #ffffff | Base background color of the marble |
| colorB | color | #3a2d54 | Secondary marble tone |
| colorC | color | #0f0f0f | Deepest marble color |
| scale | range | 2 | Scale and density of the marble vein pattern |
| turbulence | range | 10 | Amount of noise-driven distortion applied to the veins |
| speed | range | 0.05 | Animation speed |
| seed | range | 0 | Random seed for pattern variation |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
Usage
vue
<Shader>
<Marble />
</Shader>