Ascii Waves

Wave effect made of ASCII characters

ascii-waves-tw

Customize

Tweak the props live

Input

Characters

Video URL

Appearance

Color

#ffffff

Invert

Element Size16

Wave Settings

Noise Scale2

Speed1

Wave Intensity1

Wave Tension0.5

Wave Twist0.1

Interaction

Cursor Interaction

Interaction Intensity1

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.

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).

Default:0.5

waveTwistnumber

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

Default:0.1

invertboolean

Invert the character mapping.

Default:false

noiseScalenumber

Scale of the noise/wave pattern (zoom).

Default:1.0

elementSizenumber

Size of individual ASCII characters/grid cells.

Default:16.0

speednumber

Animation speed multiplier.

Default:1.0

hasCursorInteractionboolean

Whether the waves react to mouse cursor.

Default:true

intensitynumber

Intensity of the wave effect.

Default:1.0

interactionIntensitynumber

Intensity of the cursor interaction.

Default:1.0

classNamestring

Additional CSS classes.

Default:""

videoUrlstring

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

Default:""