ASCII Text
A word drawn as a grid of ASCII characters, with a slow wave running through it. Picks characters by brightness and colors them with the palette.
import { AsciiText } from "pleate/effects/ascii-text";Waving
pleate
Custom ramp, no wave
HELLO
Props
- text
The word to draw.
string- ramp
Characters from empty to full.
stringdefault " .:-=+*#%@"- cell
Character size (px).
numberdefault 9- amplitude
Wave height in cells; 0 for none.
numberdefault 1.5- speed
Wave speed.
numberdefault 1- color
Character color.
stringdefault "var(--pl-accent)"- font
Canvas font for the source letters.
stringdefault "800 100px system-ui"
Accessibility
- The real text is in the page for screen readers; the characters are hidden.
- Reduced motion draws one still frame.
- Pauses when off screen.