Menu
Ascii Plasma Wave
Customize
ASCII Characters
Cell Size4
Speed 10.06
Speed 20.1
Bend 11.2
Bend 20.4
Focal Length1.1
Rotation24
X Offset0
Y Offset0
Cell Fill1
Props
| Property | Type | Default | Description |
|---|---|---|---|
colors | [string, string] | ["#A855F7", "#06B6D4"] | Array of two hex colors — one for each plasma wave band. |
speed1 | number | 0.05 | Speed of the first plasma wave. |
speed2 | number | 0.05 | Speed of the second plasma wave. |
dir2 | number | 1.0 | Direction multiplier for the second wave. Use -1 to reverse. |
focalLength | number | 0.8 | Focal length of the camera projection. |
rotationDeg | number | 0 | Rotation angle of the scene in degrees. |
xOffset | number | 0 | Horizontal offset of the viewport. |
yOffset | number | 0 | Vertical offset of the viewport. |
bend1 | number | 1 | Bend intensity of the first wave. |
bend2 | number | 0.5 | Bend intensity of the second wave. |
cellSize | number | 14 | Size of each ASCII glyph cell in pixels. |
cellFill | number | 0.6 | Stroke thickness of each glyph, from thin (0) to bold/full (1). |
asciiChars | string | " .:-=+*#%@■" | Custom glyph ramp, ordered darkest/emptiest to densest. Any characters can be used. |
className | string | "" | Extra CSS classes forwarded to the wrapper div. |
style | object | {} | Inline styles forwarded to the wrapper div. |
colors[string, string]Array of two hex colors — one for each plasma wave band.
Default
["#A855F7", "#06B6D4"]speed1numberSpeed of the first plasma wave.
Default
0.05speed2numberSpeed of the second plasma wave.
Default
0.05dir2numberDirection multiplier for the second wave. Use -1 to reverse.
Default
1.0focalLengthnumberFocal length of the camera projection.
Default
0.8rotationDegnumberRotation angle of the scene in degrees.
Default
0xOffsetnumberHorizontal offset of the viewport.
Default
0yOffsetnumberVertical offset of the viewport.
Default
0bend1numberBend intensity of the first wave.
Default
1bend2numberBend intensity of the second wave.
Default
0.5cellSizenumberSize of each ASCII glyph cell in pixels.
Default
14cellFillnumberStroke thickness of each glyph, from thin (0) to bold/full (1).
Default
0.6asciiCharsstringCustom glyph ramp, ordered darkest/emptiest to densest. Any characters can be used.
Default
" .:-=+*#%@■"classNamestringExtra CSS classes forwarded to the wrapper div.
Default
""styleobjectInline styles forwarded to the wrapper div.
Default
{}Dependencies
Crafted withbyMohammad Tasin
