Skip to content

Digital Rain API ​

DigitalRain ​

Extends Effect.

Factory Function ​

typescript
createDigitalRain(config?: DigitalRainConfig)

Methods ​

See Effect for the full method reference.


DigitalRainConfig ​

typescript
interface DigitalRainConfig {
    color?: string;
    columns?: number;
    fontSize?: number;
    mode?: DigitalRainMode;
    scale?: number;
    speed?: number;
    trailLength?: number;
}
PropertyTypeDefaultDescription
colorstring'#00ffaa'Color of the falling characters.
columnsnumber0Number of columns (0 = auto based on canvas width).
fontSizenumber14Font size in pixels.
modeDigitalRainMode'hex'Character set used for falling data.
scalenumber1Scales all sizes proportionally.
speednumber1Fall speed multiplier.
trailLengthnumber20Number of characters in each column's fading trail.

DigitalRainMode ​

typescript
type DigitalRainMode = 'binary' | 'hex' | 'mixed';
ValueDescription
'binary'Only 0 and 1 characters.
'hex'Hexadecimal characters (0–9, A–F).
'mixed'Combination of binary and hexadecimal characters.