import { GpuShaderDefinition } from '../../gpu/porters'; import { transformColor } from '../../utilities/transformations'; /** * KeyFrames — a real MOTION TRACKER, the After Effects sibling of ObjectTracker. Trackers latch * onto content (bright / dark / colored / opaque features) and PURSUE it as it moves, dropping * keyframe diamonds behind them along their motion paths. * * The whole shader is two std recipes: the kit's tracker-pursuit sim (a feature-grid scoring * pass + a per-tracker mean-shift pursuit kernel over the feedback-trail scaffold) feeding the * motionTrackerHud fragment (the runtime tracker loop with per-tracker AABB culling, trail-ring * stamps and the bracket gizmo over the shared overlay vocabulary). */ export interface ComponentProps { /** * Number of simultaneous trackers. * * @default 12 */ trackers: number; /** * What the trackers hunt for. * * Accepts one of: `"bright"`, `"dark"`, `"alpha"`, `"red"`, `"green"`, `"blue"`. * @default "bright" */ detect: string; /** * Feature floor — content scoring below this doesn * * Accepts a number between 0 and 0.9. * @default 0.15 */ threshold: number; /** * Spread of tracker preferences — 0 hunts only the strongest features, 1 distributes trackers across the whole brightness range. * * @default 0.8 */ variance: number; /** * How fast trackers travel and how wide they search. * * @default 0.5 */ agility: number; /** * Seconds a tracker follows its target before retiring and reacquiring elsewhere. 0 = track forever. * * @default 6 */ lifespan: number; /** * Visibility of the keyframe trail each tracker leaves behind. * * @default 1 */ trail: number; /** * Tracker gizmo size in pixels. * * Accepts a number between 8 and 80. * @default 28 */ markerSize: number; /** * Stroke width in pixels. * * Accepts a number between 0.5 and 6. * @default 1.5 */ lineWidth: number; /** * Tracker gizmo color. * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#54d66b" */ markerColor: Parameters[0]; /** * Keyframe diamond color. * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#ffcf33" */ keyframeColor: Parameters[0]; /** * Motion path color. * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#ffffffb8" */ pathColor: Parameters[0]; } export declare const componentDefinition: GpuShaderDefinition; export default componentDefinition; //# sourceMappingURL=index.d.ts.map