ContourLines
Draw topographical contour lines based on luminance or alpha
Draw topographical contour lines based on luminance or alpha
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| levels | range | 5 | Number of contour levels |
| lineWidth | range | 2 | Width of the contour lines in pixels |
| softness | range | 0 | Edge softness of the lines (0 = sharp, 1 = soft) |
| gamma | range | 0.5 | Contour distribution. <1 clusters in bright, >1 clusters in dark |
| invert | checkbox | false | Invert the source values |
| source | "luminance" | "alpha" | luminance | Use luminance or alpha channel for contours |
| colorMode | "source" | "custom" | source | Use source image colors or custom colors |
| lineColor | color | #000000 | Color of the contour lines (custom mode) |
| backgroundColor | color | transparent | Background color (custom mode) |
Usage
vue
<Shader>
<ContourLines>
<Circle />
</ContourLines>
</Shader>