Ascii Waves
Wave effect made of ASCII characters
ascii-waves-tw
Customize
2
16
1
1
0.5
0.1
1
Props
| Name | Type | Default | Description |
|---|---|---|---|
| characters | string | " .:-+*=%@#" | String of characters to use for the ASCII gradient. |
| color | string | "#ffffff" | Color of the ASCII characters. |
| waveTension | number | 0.5 | Tension of the wave flow (0.1-2.0). |
| waveTwist | number | 0.1 | Twist amount of the wave flow (0.0-1.0). |
| invert | boolean | false | Invert the character mapping. |
| noiseScale | number | 1.0 | Scale of the noise/wave pattern (zoom). |
| elementSize | number | 16.0 | Size of individual ASCII characters/grid cells. |
| speed | number | 1.0 | Animation speed multiplier. |
| hasCursorInteraction | boolean | true | Whether the waves react to mouse cursor. |
| intensity | number | 1.0 | Intensity of the wave effect. |
| interactionIntensity | number | 1.0 | Intensity of the cursor interaction. |
| className | string | "" | Additional CSS classes. |
| videoUrl | string | "" | Direct URL to a video file to be rendered as ASCII. |