Skip to content

Kaleidoscope API

Kaleidoscope

Extends Effect.

Factory Function

typescript
createKaleidoscope(config?: KaleidoscopeConfig)

Methods

See Effect for the full method reference.


KaleidoscopeConfig

typescript
interface KaleidoscopeConfig {
    colors?: string[];
    scale?: number;
    segments?: number;
    shapes?: number;
    speed?: number;
}
PropertyTypeDefaultDescription
colorsstring[]['#ff3366', '#33ccff', '#ffcc00', '#66ff66', '#cc66ff', '#ff9933']Colors used for the shapes.
scalenumber1Scales all sizes proportionally.
segmentsnumber8Number of symmetry segments.
shapesnumber15Number of shapes rendered per segment.
speednumber1Rotation and morphing speed.