Beam
A beam of light from one point to another.
A beam of light from one point to another.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| startPosition | position | {"x":0.2,"y":0.5} | Starting point of the beam |
| endPosition | position | {"x":0.8,"y":0.5} | Ending point of the beam |
| startThickness | range | 0.2 | Thickness at the start of the beam |
| endThickness | range | 0.2 | Thickness at the end of the beam |
| startSoftness | range | 0.5 | Edge softness at the start of the beam |
| endSoftness | range | 0.5 | Edge softness at the end of the beam |
| insideColor | color | #FF0000 | Color at the center of the beam |
| outsideColor | color | #0000FF | Color at the edges of the beam |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
Usage
vue
<Shader>
<Beam />
</Shader>