import { GpuShaderDefinition } from '../../gpu/porters'; import { d } from '../../gpu/kit'; import { transformColor, transformPosition } from '../../utilities/transformations'; import { ColorStop } from '../../utilities/colorStops'; export type { ColorStop }; export interface ComponentProps { /** * Color of fresh smoke * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#fc83f9" */ colorA: Parameters[0]; /** * Color smoke transitions to as it ages * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#c21c79" */ colorB: Parameters[0]; stops: ColorStop[] | null; /** * The emission source point * * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`. * @default {"x":0.5,"y":1} */ emitFrom: Parameters[0]; /** * Emission direction (0 = up, 90 = right, 180 = down, 270 = left) * * Accepts a number between 0 and 360. * @default 0 */ direction: number; /** * Emission velocity strength * * Accepts a number between 0.1 and 50. * @default 20 */ speed: number; /** * Emission cone angle in degrees * * Accepts a number between 0 and 180. * @default 60 */ spread: number; /** * Size of the emission area * * Accepts a number between 0.01 and 0.3. * @default 0.08 */ emitRadius: number; /** * Smoke emission density * * Accepts a number between 0.1 and 1. * @default 1 */ intensity: number; /** * How fast smoke fades over time * * Accepts a number between 0.1 and 3. * @default 0.2 */ dissipation: number; /** * Fine-scale swirling detail * * Accepts a number between 0 and 50. * @default 25 */ detail: number; /** * Downward gravitational pull on smoke * * Accepts a number between -2 and 2. * @default 0.5 */ gravity: number; /** * How quickly smoke shifts from Color A to Color B * * Accepts a number between 0 and 3. * @default 0.4 */ colorDecay: number; /** * Strength of cursor influence * * Accepts a number between 0 and 2. * @default 0.1 */ mouseInfluence: number; /** * Radius of cursor influence area * * Accepts a number between 0.02 and 0.5. * @default 0.1 */ mouseRadius: number; /** * Color space for color interpolation * * Accepts one of the predefined option values. * @default "linear" */ colorSpace: string; } export declare const splatKernel: import('typegpu').TgpuFn<(cx: d.U32, cy: d.U32) => d.Void>; export declare const curlKernel: (cx: number, cy: number) => void, vorticityKernel: (cx: number, cy: number) => void, divergenceKernel: (cx: number, cy: number) => void, jacobiKernel: (cx: number, cy: number) => void, gradSubtractKernel: (cx: number, cy: number) => void, advectVelKernel: (cx: number, cy: number) => void, copyVelKernel: (cx: number, cy: number) => void, advectDensKernel: ((cx: number, cy: number) => void) | undefined, copyDensKernel: ((cx: number, cy: number) => void) | undefined; export declare const outputKernel: import('typegpu').TgpuFn<(cx: d.U32, cy: d.U32) => d.Void>; export declare const componentDefinition: GpuShaderDefinition; export default componentDefinition; //# sourceMappingURL=index.d.ts.map