canvasparticles-js
Version:
In an HTML canvas, a bunch of interactive particles connected with lines when they approach each other.
37 lines (36 loc) • 974 B
TypeScript
export interface CanvasParticlesOptions {
background: CSSStyleDeclaration['background'] | false;
animation: {
startOnEnter: boolean;
stopOnLeave: boolean;
};
mouse: {
interactionType: 0 | 1 | 2;
connectDistMult: number;
connectDist: number;
distRatio: number;
};
particles: {
generationType: 0 | 1 | 2;
drawLines: boolean;
color: string | CanvasGradient | CanvasPattern;
ppm: number;
max: number;
maxWork: number;
connectDistance?: number;
connectDist: number;
relSpeed: number;
relSize: number;
rotationSpeed: number;
};
gravity: {
repulsive: number;
pulling: number;
friction: number;
};
}
type DeepPartial<T> = {
[K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
};
export type CanvasParticlesOptionsInput = DeepPartial<CanvasParticlesOptions>;
export {};