apps/web/src/effects/types.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

import type { ParamDefinition, ParamValues } from "@/params";

export interface Effect {
	id: string;
	type: string;
	params: ParamValues;
	enabled: boolean;
}

export type EffectUniformValue = number | number[];

export interface EffectPass {
	shader: string;
	uniforms: Record<string, EffectUniformValue>;
}

export interface EffectPassTemplate {
	shader: string;
	uniforms(params: {
		effectParams: ParamValues;
		width: number;
		height: number;
	}): Record<string, EffectUniformValue>;
}

export interface MotionOffset {
	scale: number;
	translateX: number;
	translateY: number;
	rotate?: number;
}

export interface EffectMotionConfig {
	evaluate(params: {
		effectParams: ParamValues;
		progress: number;
	}): MotionOffset;
}

export interface EffectRendererConfig {
	passes: EffectPassTemplate[];
	buildPasses?: (params: {
		effectParams: ParamValues;
		width: number;
		height: number;
	}) => EffectPass[];
}

export type EffectCategory = "lens" | "effect";

export interface EffectDefinition {
	type: string;
	name: string;
	keywords: string[];
	category: EffectCategory;
	params: ParamDefinition[];
	renderer: EffectRendererConfig;
	motion?: EffectMotionConfig;
}