kinetic-slider
Version:
A WebGL-powered kinetic slider component using PIXI.js
21 lines (20 loc) • 944 B
TypeScript
import { type RefObject } from "react";
import { Container, DisplacementFilter } from "pixi.js";
import ResourceManager from '../managers/ResourceManager';
interface UseTextTiltProps {
sliderRef: RefObject<HTMLDivElement | null>;
textContainersRef: RefObject<Container[]>;
currentIndex: RefObject<number>;
cursorTextEffect: boolean;
maxContainerShiftFraction: number;
bgDispFilterRef: RefObject<DisplacementFilter | null>;
cursorDispFilterRef: RefObject<DisplacementFilter | null>;
cursorImgEffect: boolean;
resourceManager?: ResourceManager | null;
throttleTime?: number;
}
/**
* Advanced text tilt hook with comprehensive optimization
*/
declare const useTextTilt: ({ sliderRef, textContainersRef, currentIndex, cursorTextEffect, maxContainerShiftFraction, bgDispFilterRef, cursorDispFilterRef, cursorImgEffect, resourceManager, throttleTime }: UseTextTiltProps) => void;
export default useTextTilt;