Form3D
Wraps child content onto a 3D raymarched shape with lighting.
Wraps child content onto a 3D raymarched shape with lighting.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| shape3d | shape3d | {"type":"ribbon","angle":0,"twist":50,"width":40,"thickness":20,"seed":0} | 3D shape and its parameters |
| shape3dType | - | ribbon | Active shape type - triggers recompile when shape is switched |
| center | position | {"x":0.5,"y":0.5} | Center position of the shape on screen |
| zoom | range | 50 | Camera zoom level |
| glossiness | range | 50 | Specular highlight intensity and sharpness |
| lighting | range | 50 | Overall intensity of lighting effects |
| uvMode | "stretch" | "mirror" | "wrap" | stretch | How to handle UV coordinates at shape boundaries |
| speed | range | 1 | Animation speed - scales all spin rates |
Usage
vue
<Shader>
<Form3D>
<Circle />
</Form3D>
</Shader>