Ascii Waves

Wave effect made of ASCII characters

Customize

Color
Element Size
16
Noise Scale
2.0
Speed
1.00
Wave Intensity
1.0
Wave Tension
0.5
Wave Twist
0.1
Interaction Intensity
1.0

Props

13
charactersstring

String of characters to use for the ASCII gradient.

Default" .:-+*=%@#"
colorstring

Color of the ASCII characters.

Default"#ffffff"
waveTensionnumber

Tension of the wave flow (0.1-2.0).

Default0.5
waveTwistnumber

Twist amount of the wave flow (0.0-1.0).

Default0.1
invertboolean

Invert the character mapping.

Defaultfalse
noiseScalenumber

Scale of the noise/wave pattern (zoom).

Default1.0
elementSizenumber

Size of individual ASCII characters/grid cells.

Default16.0
speednumber

Animation speed multiplier.

Default1.0
hasCursorInteractionboolean

Whether the waves react to mouse cursor.

Defaulttrue
intensitynumber

Intensity of the wave effect.

Default1.0
interactionIntensitynumber

Intensity of the cursor interaction.

Default1.0
classNamestring

Additional CSS classes.

Default""
videoUrlstring

Direct URL to a video file to be rendered as ASCII.

Default""