hover-effects-ts
Version:
A collection of beautiful hover effects for images using canvas
59 lines • 1.59 kB
TypeScript
import { HoverEffect } from '../core/types';
export declare class AsciiHover implements HoverEffect {
private readonly id;
private element;
private canvas;
private ctx;
private tempCanvas;
private tempCtx;
private isHovering;
private mousePos;
private animationFrame;
private imageData;
private lastRenderTime;
private readonly FPS;
private readonly frameInterval;
private frameCount;
private glitchOffsets;
private nonColoredChars;
private radius;
private size;
private chars;
private scale;
private glitchIntensity;
private glitchSpeed;
private charMetrics;
private get cellW();
private get cellH();
private autoSize;
private baseImageSize;
constructor(options?: {
radius?: number;
size?: number;
glitchIntensity?: number;
glitchSpeed?: number;
chars?: string[];
});
private hexToRgba;
private rgbToHsl;
private hslToCss;
private initGlitchOffsets;
private updateGlitchOffsets;
private onMouseEnter;
private onMouseLeave;
private onMouseMove;
private updateImageData;
private render;
attach(element: HTMLElement): void;
detach(): void;
destroy(): void;
setGlitchIntensity(intensity: number): void;
setGlitchSpeed(speed: number): void;
setRadius(radius: number): void;
setSize(size: number): void;
setChars(chars: string[]): void;
private calculateAutoSize;
setAutoSize(enabled: boolean): void;
private measureChars;
}
//# sourceMappingURL=ascii.d.ts.map