Pulse Grid API
PulseGrid
Extends Effect.
Factory Function
typescript
createPulseGrid(config?: PulseGridConfig): Effect<PulseGridConfig>Methods
See Effect for the full method reference.
PulseGridConfig
typescript
interface PulseGridConfig {
readonly spacing?: number;
readonly speed?: number;
readonly color?: string;
readonly dotSize?: number;
readonly waveCount?: number;
readonly waveSpeed?: number;
readonly scale?: number;
}| Property | Type | Default | Description |
|---|---|---|---|
spacing | number | 30 | Distance in pixels between grid dots. |
speed | number | 1 | Overall animation speed multiplier. |
color | string | '#4488ff' | Base color of the dots. |
dotSize | number | 2 | Radius of each dot. |
waveCount | number | 3 | Number of simultaneous ripple waves. |
waveSpeed | number | 100 | Expansion speed of waves in pixels per second. |
scale | number | 1 | Scales all sizes proportionally. |