Skip to main content

Function: AsciiFluid()

AsciiFluid(options?: object): Background

Creates a procedural ASCII Fluid background element.

Parameters​

ParameterTypeDescription
options{ backgroundColor?: string; cellSize?: number; characters?: string; className?: string; color?: string; id?: string; opacity?: number; waveSpeed?: number; }-
options.backgroundColor?stringBackground color behind the fluid (default: "#09090b")
options.cellSize?numberSize of each ASCII character cell in pixels (default: 18)
options.characters?stringASCII character ramp ordered from darkest to brightest
options.className?string-
options.color?stringPrimary accent color for characters (default: "#38bdf8")
options.id?string-
options.opacity?numberOptional initial opacity (default: 1).
options.waveSpeed?numberSpeed of wave rolling across screen (default: 0.5)

Returns​

Background