MultiPointGradient
Five individually placed color points blended together by proximity - drag each point to shape the gradient
Five individually placed color points blended together by proximity - drag each point to shape the gradient
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #4776E6 | Color of control point A |
| positionA | position | {"x":0.2,"y":0.2} | Position of control point A |
| colorB | color | #C44DFF | Color of control point B |
| positionB | position | {"x":0.8,"y":0.2} | Position of control point B |
| colorC | color | #1ABC9C | Color of control point C |
| positionC | position | {"x":0.2,"y":0.8} | Position of control point C |
| colorD | color | #F8BBD9 | Color of control point D |
| positionD | position | {"x":0.8,"y":0.8} | Position of control point D |
| colorE | color | #FF8C42 | Color of control point E |
| positionE | position | {"x":0.5,"y":0.5} | Position of control point E |
| smoothness | range | 2 | Controls how smoothly colors blend. |
Usage
vue
<Shader>
<MultiPointGradient />
</Shader>