Warp Twister

Twisting warp distortion effect

warp-twister-tw

Customize

Radius

1.5

Narrow

1.8

Length

10.0

Camera Distance

8.5

Edge Fade

2.0

Spiral Tightness

0.50

Rotation Speed

0.00

Haze Speed

0.5

Haze Strength

0.25

Haze Frequency

100

Dust Speed

1.0

Dust Density

300

Dust Size

100

Dust Opacity

0.10

Base Color (Dark)

Base Color (Light)

Props

17

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

radiusnumber

Tube radius

Default1.5

narrownumber

Tube narrowing factor

Default1.8

lengthnumber

Tube length

Default10

hazeSpeednumber

Speed of haze flow

Default0.5

dustSpeednumber

Speed of dust particles

Default1

hazeStrengthnumber

Intensity of haze effect

Default0.25

hazeFrequencynumber

Frequency of haze pattern

Default100

dustDensitynumber

Density of dust particles

Default300

dustSizenumber

Size of dust particles

Default100

dustOpacitynumber

Opacity of dust particles

Default0.1

edgeFadenumber

Edge fade intensity

Default2

spiralTightnumber

Tightness of spiral pattern

Default0.5

rotSpeednumber

Rotation speed

Default0

baseColor[number, number, number]

Base color [r, g, b] values 0-1

Default[0.753, 0.518, 0.988]

baseColorLight[number, number, number]

Light mode base color [r, g, b] values 0-1

Default[0.267, 0, 0.667]

cameraDistancenumber

Camera distance

Default8.5

classNamestring

Additional CSS classes for the container

Default""