Warp Twister
Twisting warp distortion effect
warp-twister-tw
Customize
Tube & Camera
1.5
1.8
10
8.5
2
0.5
0
Haze & Dust
0.5
0.25
100
1
300
100
0.1
Colors
Props
| Name | Type | Default | Description |
|---|---|---|---|
| radius | number | 1.5 | Tube radius |
| narrow | number | 1.8 | Tube narrowing factor |
| length | number | 10 | Tube length |
| hazeSpeed | number | 0.5 | Speed of haze flow |
| dustSpeed | number | 1 | Speed of dust particles |
| hazeStrength | number | 0.25 | Intensity of haze effect |
| hazeFrequency | number | 100 | Frequency of haze pattern |
| dustDensity | number | 300 | Density of dust particles |
| dustSize | number | 100 | Size of dust particles |
| dustOpacity | number | 0.1 | Opacity of dust particles |
| edgeFade | number | 2 | Edge fade intensity |
| spiralTight | number | 0.5 | Tightness of spiral pattern |
| rotSpeed | number | 0 | Rotation speed |
| baseColor | [number, number, number] | [0.753, 0.518, 0.988] | Base color [r, g, b] values 0-1 |
| baseColorLight | [number, number, number] | [0.267, 0, 0.667] | Light mode base color [r, g, b] values 0-1 |
| cameraDistance | number | 8.5 | Camera distance |
| className | string | "" | Additional CSS classes for the container |