mz-particles/types/interfaces.d.ts

TypeScript library for creating particle effects on canvas.

import { Vector2 } from 'mz-math';
export interface ISettings {
    $placeholder?: HTMLElement;
    canvasColor?: string;
    particlesNumber: number;
    particlesColors?: string[];
    minSize?: number;
    maxSize?: number;
    minSpeed?: number;
    maxSpeed?: number;
    connected?: boolean;
    connectionSize?: number;
    smConnectionSize?: number;
    mdConnectionSize?: number;
    lgConnectionSize?: number;
    connectionColor?: string;
    svgPathData?: string[];
    rotate?: boolean;
    scaleInOut?: boolean;
    maxScale?: number;
    minScale?: number;
    scaleStep?: number;
    fadeInOut?: boolean;
    opacityStep?: number;
}
export interface IParticle {
    center: Vector2;
    speed: Vector2;
    size: Vector2;
    color: string;
    rgbaColor: [number, number, number, number];
    svgPathData?: string;
    svgSize?: Vector2;
    angleRad: number;
    rotateCounterClockwise: boolean;
    scale: number;
    scaleDirection: number;
    opacity: number;
    opacityDirection: number;
}
export interface IState {
    $canvas: HTMLCanvasElement;
    ctx: CanvasRenderingContext2D;
    connectionRgbColor: [number, number, number, number];
    particles: IParticle[];
}