Ascii Plasma Wave
Customize
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.
["#A855F7", "#06B6D4"]speed1numberSpeed of the first plasma wave.
0.05speed2numberSpeed of the second plasma wave.
0.05dir2numberDirection multiplier for the second wave. Use -1 to reverse.
1.0focalLengthnumberFocal length of the camera projection.
0.8rotationDegnumberRotation angle of the scene in degrees.
0xOffsetnumberHorizontal offset of the viewport.
0yOffsetnumberVertical offset of the viewport.
0bend1numberBend intensity of the first wave.
1bend2numberBend intensity of the second wave.
0.5cellSizenumberSize of each ASCII glyph cell in pixels.
14cellFillnumberStroke thickness of each glyph, from thin (0) to bold/full (1).
0.6asciiCharsstringCustom glyph ramp, ordered darkest/emptiest to densest. Any characters can be used.
" .:-=+*#%@■"classNamestringExtra CSS classes forwarded to the wrapper div.
""styleobjectInline styles forwarded to the wrapper div.
{}Dependencies
Crafted withbyMohammad Tasin
ReactBytesGet verified guest posts across 100+ sites.
Instant placements, fixed pricing
100+ Sites · 12 Countries
Fixed Pricing · Instant TAT