@remotion/effects 4.0.471 → 4.0.472
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/color-key.d.ts +47 -0
- package/dist/color-utils.d.ts +4 -1
- package/dist/dot-grid.d.ts +2 -0
- package/dist/duotone.d.ts +1 -0
- package/dist/esm/barrel-distortion.mjs +9 -5
- package/dist/esm/blur.mjs +2 -1
- package/dist/esm/brightness.mjs +7 -4
- package/dist/esm/chromatic-aberration.mjs +10 -6
- package/dist/esm/color-key.mjs +419 -0
- package/dist/esm/contrast.mjs +7 -4
- package/dist/esm/dot-grid.mjs +11 -6
- package/dist/esm/drop-shadow.mjs +15 -8
- package/dist/esm/duotone.mjs +9 -5
- package/dist/esm/evolve.mjs +11 -6
- package/dist/esm/fisheye.mjs +13 -7
- package/dist/esm/glow.mjs +13 -7
- package/dist/esm/grayscale.mjs +7 -4
- package/dist/esm/halftone-linear-gradient.mjs +13 -7
- package/dist/esm/halftone.mjs +16 -11
- package/dist/esm/hue.mjs +7 -4
- package/dist/esm/index.mjs +24 -15
- package/dist/esm/invert.mjs +7 -4
- package/dist/esm/linear-progressive-blur.mjs +530 -0
- package/dist/esm/lines.mjs +14 -10
- package/dist/esm/mirror.mjs +9 -5
- package/dist/esm/noise.mjs +11 -6
- package/dist/esm/pixel-dissolve.mjs +17 -9
- package/dist/esm/rings.mjs +13 -7
- package/dist/esm/saturation.mjs +7 -4
- package/dist/esm/scale.mjs +2 -1
- package/dist/esm/scanlines.mjs +15 -8
- package/dist/esm/shine.mjs +18 -12
- package/dist/esm/speckle.mjs +13 -7
- package/dist/esm/tint.mjs +9 -5
- package/dist/esm/translate.mjs +15 -8
- package/dist/esm/vignette.mjs +40 -12
- package/dist/esm/wave.mjs +6 -3
- package/dist/esm/waves.mjs +20 -13
- package/dist/esm/white-noise.mjs +11 -6
- package/dist/esm/zigzag.mjs +18 -12
- package/dist/evolve.d.ts +2 -0
- package/dist/halftone-linear-gradient.d.ts +3 -0
- package/dist/halftone.d.ts +5 -3
- package/dist/linear-progressive-blur/index.d.ts +28 -0
- package/dist/linear-progressive-blur/linear-progressive-blur-runtime.d.ts +32 -0
- package/dist/linear-progressive-blur/linear-progressive-blur-shaders.d.ts +2 -0
- package/dist/linear-progressive-blur.d.ts +1 -0
- package/dist/lines.d.ts +4 -3
- package/dist/rings.d.ts +3 -0
- package/dist/tint.d.ts +1 -0
- package/dist/vignette.d.ts +13 -0
- package/dist/waves.d.ts +7 -3
- package/dist/zigzag.d.ts +6 -3
- package/package.json +19 -3
- package/dist/effect-internals.d.ts +0 -8
- package/dist/entrypoints/blur.d.ts +0 -6
|
@@ -0,0 +1,530 @@
|
|
|
1
|
+
// src/linear-progressive-blur/index.ts
|
|
2
|
+
import { Internals as Internals2 } from "remotion";
|
|
3
|
+
|
|
4
|
+
// src/validate-effect-param.ts
|
|
5
|
+
var assertEffectParamsObject = (params, effectLabel) => {
|
|
6
|
+
if (params === null || typeof params !== "object") {
|
|
7
|
+
throw new TypeError(`${effectLabel} effect requires a parameters object, but got ${JSON.stringify(params)}`);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
var assertRequiredFiniteNumber = (value, name) => {
|
|
11
|
+
if (typeof value !== "number" || !Number.isFinite(value)) {
|
|
12
|
+
throw new TypeError(`"${name}" must be a finite number, but got ${JSON.stringify(value)}`);
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
var assertRequiredColor = (value, name) => {
|
|
16
|
+
if (typeof value !== "string" || value.length === 0) {
|
|
17
|
+
throw new TypeError(`"${name}" must be a non-empty string, but got ${JSON.stringify(value)}`);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
var assertOptionalColor = (value, name) => {
|
|
21
|
+
if (value === undefined) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
assertRequiredColor(value, name);
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
// src/color-utils.ts
|
|
28
|
+
var DEFAULT_AMOUNT = 1;
|
|
29
|
+
var DEFAULT_BRIGHTNESS_AMOUNT = 0;
|
|
30
|
+
var DEFAULT_HUE_DEGREES = 0;
|
|
31
|
+
var colorAmountSchema = {
|
|
32
|
+
type: "number",
|
|
33
|
+
min: 0,
|
|
34
|
+
max: 1,
|
|
35
|
+
step: 0.01,
|
|
36
|
+
default: DEFAULT_AMOUNT,
|
|
37
|
+
description: "Amount",
|
|
38
|
+
hiddenFromList: false
|
|
39
|
+
};
|
|
40
|
+
var colorMultiplierSchema = {
|
|
41
|
+
type: "number",
|
|
42
|
+
min: 0,
|
|
43
|
+
step: 0.01,
|
|
44
|
+
default: DEFAULT_AMOUNT,
|
|
45
|
+
description: "Amount",
|
|
46
|
+
hiddenFromList: false
|
|
47
|
+
};
|
|
48
|
+
var brightnessAmountSchema = {
|
|
49
|
+
type: "number",
|
|
50
|
+
min: -1,
|
|
51
|
+
max: 1,
|
|
52
|
+
step: 0.01,
|
|
53
|
+
default: DEFAULT_BRIGHTNESS_AMOUNT,
|
|
54
|
+
description: "Amount",
|
|
55
|
+
hiddenFromList: false
|
|
56
|
+
};
|
|
57
|
+
var hueDegreesSchema = {
|
|
58
|
+
type: "rotation-degrees",
|
|
59
|
+
step: 1,
|
|
60
|
+
default: DEFAULT_HUE_DEGREES,
|
|
61
|
+
description: "Degrees"
|
|
62
|
+
};
|
|
63
|
+
var assertOptionalFiniteNumber = (value, name) => {
|
|
64
|
+
if (value === undefined) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
assertRequiredFiniteNumber(value, name);
|
|
68
|
+
};
|
|
69
|
+
var validateUnitInterval = (value, name) => {
|
|
70
|
+
if (value < 0) {
|
|
71
|
+
throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
|
|
72
|
+
}
|
|
73
|
+
if (value > 1) {
|
|
74
|
+
throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
var validateNonNegative = (value, name) => {
|
|
78
|
+
if (value < 0) {
|
|
79
|
+
throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
var validateSignedUnitInterval = (value, name) => {
|
|
83
|
+
if (value < -1) {
|
|
84
|
+
throw new TypeError(`"${name}" must be >= -1, but got ${JSON.stringify(value)}`);
|
|
85
|
+
}
|
|
86
|
+
if (value > 1) {
|
|
87
|
+
throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
var clampColorChannel = (value) => {
|
|
91
|
+
return Math.max(0, Math.min(255, value));
|
|
92
|
+
};
|
|
93
|
+
var parseColorRgba = (ctx, color) => {
|
|
94
|
+
ctx.clearRect(0, 0, 1, 1);
|
|
95
|
+
ctx.fillStyle = color;
|
|
96
|
+
ctx.fillRect(0, 0, 1, 1);
|
|
97
|
+
const { data } = ctx.getImageData(0, 0, 1, 1);
|
|
98
|
+
return [data[0], data[1], data[2], data[3]];
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
// src/linear-progressive-blur/linear-progressive-blur-runtime.ts
|
|
102
|
+
import { Internals } from "remotion";
|
|
103
|
+
|
|
104
|
+
// src/linear-progressive-blur/linear-progressive-blur-shaders.ts
|
|
105
|
+
var LINEAR_PROGRESSIVE_BLUR_VS = `#version 300 es
|
|
106
|
+
layout(location = 0) in vec2 aPos;
|
|
107
|
+
layout(location = 1) in vec2 aUv;
|
|
108
|
+
out vec2 vUv;
|
|
109
|
+
void main() {
|
|
110
|
+
vUv = aUv;
|
|
111
|
+
gl_Position = vec4(aPos, 0.0, 1.0);
|
|
112
|
+
}
|
|
113
|
+
`;
|
|
114
|
+
var buildLinearProgressiveBlurFs = (direction) => {
|
|
115
|
+
const dirVec = direction === "horizontal" ? "vec2(1.0, 0.0)" : "vec2(0.0, 1.0)";
|
|
116
|
+
return `#version 300 es
|
|
117
|
+
precision highp float;
|
|
118
|
+
|
|
119
|
+
in vec2 vUv;
|
|
120
|
+
out vec4 fragColor;
|
|
121
|
+
|
|
122
|
+
uniform sampler2D uSource;
|
|
123
|
+
uniform vec2 uTexelSize;
|
|
124
|
+
uniform vec2 uStart;
|
|
125
|
+
uniform vec2 uEnd;
|
|
126
|
+
uniform float uStartBlur;
|
|
127
|
+
uniform float uEndBlur;
|
|
128
|
+
|
|
129
|
+
const int MIN_KERNEL_HALF = 4;
|
|
130
|
+
const int MAX_KERNEL_HALF = 32;
|
|
131
|
+
const float TARGET_SAMPLE_DISTANCE_PX = 2.0;
|
|
132
|
+
const vec2 DIRECTION = ${dirVec};
|
|
133
|
+
|
|
134
|
+
float progressiveRadius(vec2 uv) {
|
|
135
|
+
vec2 gradient = uEnd - uStart;
|
|
136
|
+
float gradientLengthSq = dot(gradient, gradient);
|
|
137
|
+
if (gradientLengthSq <= 0.0000001) {
|
|
138
|
+
return max(0.0, uStartBlur);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
float progress = dot(uv - uStart, gradient) / gradientLengthSq;
|
|
142
|
+
return max(0.0, mix(uStartBlur, uEndBlur, clamp(progress, 0.0, 1.0)));
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
void main() {
|
|
146
|
+
// Public UV coordinates use top-left origin, matching canvas/CSS coordinates.
|
|
147
|
+
float radius = progressiveRadius(vec2(vUv.x, 1.0 - vUv.y));
|
|
148
|
+
if (radius <= 0.0) {
|
|
149
|
+
fragColor = texture(uSource, vUv);
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
int kernelHalf = int(
|
|
154
|
+
min(
|
|
155
|
+
float(MAX_KERNEL_HALF),
|
|
156
|
+
max(float(MIN_KERNEL_HALF), ceil(radius / TARGET_SAMPLE_DISTANCE_PX))
|
|
157
|
+
)
|
|
158
|
+
);
|
|
159
|
+
float pixelStride = radius / float(kernelHalf);
|
|
160
|
+
float sigma = max(radius / 3.0, 0.0001);
|
|
161
|
+
float twoSigmaSq = 2.0 * sigma * sigma;
|
|
162
|
+
|
|
163
|
+
vec4 sum = vec4(0.0);
|
|
164
|
+
float weightSum = 0.0;
|
|
165
|
+
|
|
166
|
+
for (int i = -MAX_KERNEL_HALF; i <= MAX_KERNEL_HALF; ++i) {
|
|
167
|
+
if (abs(i) > kernelHalf) {
|
|
168
|
+
continue;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
float offsetPx = float(i) * pixelStride;
|
|
172
|
+
float w = exp(-(offsetPx * offsetPx) / twoSigmaSq);
|
|
173
|
+
vec2 uv = vUv + DIRECTION * uTexelSize * offsetPx;
|
|
174
|
+
sum += texture(uSource, uv) * w;
|
|
175
|
+
weightSum += w;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
fragColor = sum / weightSum;
|
|
179
|
+
}
|
|
180
|
+
`;
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
// src/linear-progressive-blur/linear-progressive-blur-runtime.ts
|
|
184
|
+
var { createWebGL2ContextError } = Internals;
|
|
185
|
+
var compileShader = (gl, type, source) => {
|
|
186
|
+
const shader = gl.createShader(type);
|
|
187
|
+
if (!shader) {
|
|
188
|
+
throw new Error("Failed to create WebGL shader");
|
|
189
|
+
}
|
|
190
|
+
gl.shaderSource(shader, source);
|
|
191
|
+
gl.compileShader(shader);
|
|
192
|
+
if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
|
|
193
|
+
const log = gl.getShaderInfoLog(shader);
|
|
194
|
+
gl.deleteShader(shader);
|
|
195
|
+
throw new Error(`Linear progressive blur shader compile failed: ${log ?? "(no log)"}`);
|
|
196
|
+
}
|
|
197
|
+
return shader;
|
|
198
|
+
};
|
|
199
|
+
var linkProgram = (gl, vs, fs) => {
|
|
200
|
+
const program = gl.createProgram();
|
|
201
|
+
if (!program) {
|
|
202
|
+
throw new Error("Failed to create WebGL program");
|
|
203
|
+
}
|
|
204
|
+
gl.attachShader(program, vs);
|
|
205
|
+
gl.attachShader(program, fs);
|
|
206
|
+
gl.linkProgram(program);
|
|
207
|
+
if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
|
|
208
|
+
const log = gl.getProgramInfoLog(program);
|
|
209
|
+
gl.deleteProgram(program);
|
|
210
|
+
throw new Error(`Linear progressive blur program link failed: ${log ?? "(no log)"}`);
|
|
211
|
+
}
|
|
212
|
+
return program;
|
|
213
|
+
};
|
|
214
|
+
var createProgram = (gl, vertexSource, fragmentSource) => {
|
|
215
|
+
const vs = compileShader(gl, gl.VERTEX_SHADER, vertexSource);
|
|
216
|
+
const fs = compileShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
|
|
217
|
+
const program = linkProgram(gl, vs, fs);
|
|
218
|
+
gl.deleteShader(vs);
|
|
219
|
+
gl.deleteShader(fs);
|
|
220
|
+
return program;
|
|
221
|
+
};
|
|
222
|
+
var getUniforms = (gl, program) => ({
|
|
223
|
+
uSource: gl.getUniformLocation(program, "uSource"),
|
|
224
|
+
uTexelSize: gl.getUniformLocation(program, "uTexelSize"),
|
|
225
|
+
uStart: gl.getUniformLocation(program, "uStart"),
|
|
226
|
+
uEnd: gl.getUniformLocation(program, "uEnd"),
|
|
227
|
+
uStartBlur: gl.getUniformLocation(program, "uStartBlur"),
|
|
228
|
+
uEndBlur: gl.getUniformLocation(program, "uEndBlur")
|
|
229
|
+
});
|
|
230
|
+
var createRgbaTexture = (gl) => {
|
|
231
|
+
const texture = gl.createTexture();
|
|
232
|
+
if (!texture) {
|
|
233
|
+
throw new Error("Failed to create WebGL texture");
|
|
234
|
+
}
|
|
235
|
+
gl.bindTexture(gl.TEXTURE_2D, texture);
|
|
236
|
+
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
|
|
237
|
+
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
|
|
238
|
+
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
|
|
239
|
+
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
|
|
240
|
+
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
241
|
+
return texture;
|
|
242
|
+
};
|
|
243
|
+
var setupLinearProgressiveBlur = (target) => {
|
|
244
|
+
const gl = target.getContext("webgl2", {
|
|
245
|
+
premultipliedAlpha: true,
|
|
246
|
+
alpha: true,
|
|
247
|
+
preserveDrawingBuffer: true
|
|
248
|
+
});
|
|
249
|
+
if (!gl) {
|
|
250
|
+
throw createWebGL2ContextError("linear progressive blur effect");
|
|
251
|
+
}
|
|
252
|
+
gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
|
|
253
|
+
const programHorizontal = createProgram(gl, LINEAR_PROGRESSIVE_BLUR_VS, buildLinearProgressiveBlurFs("horizontal"));
|
|
254
|
+
const programVertical = createProgram(gl, LINEAR_PROGRESSIVE_BLUR_VS, buildLinearProgressiveBlurFs("vertical"));
|
|
255
|
+
const vao = gl.createVertexArray();
|
|
256
|
+
if (!vao) {
|
|
257
|
+
throw new Error("Failed to create WebGL vertex array");
|
|
258
|
+
}
|
|
259
|
+
gl.bindVertexArray(vao);
|
|
260
|
+
const data = new Float32Array([
|
|
261
|
+
-1,
|
|
262
|
+
-1,
|
|
263
|
+
0,
|
|
264
|
+
0,
|
|
265
|
+
1,
|
|
266
|
+
-1,
|
|
267
|
+
1,
|
|
268
|
+
0,
|
|
269
|
+
-1,
|
|
270
|
+
1,
|
|
271
|
+
0,
|
|
272
|
+
1,
|
|
273
|
+
1,
|
|
274
|
+
1,
|
|
275
|
+
1,
|
|
276
|
+
1
|
|
277
|
+
]);
|
|
278
|
+
const vbo = gl.createBuffer();
|
|
279
|
+
if (!vbo) {
|
|
280
|
+
throw new Error("Failed to create WebGL buffer");
|
|
281
|
+
}
|
|
282
|
+
gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
|
|
283
|
+
gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
|
|
284
|
+
gl.enableVertexAttribArray(0);
|
|
285
|
+
gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 16, 0);
|
|
286
|
+
gl.enableVertexAttribArray(1);
|
|
287
|
+
gl.vertexAttribPointer(1, 2, gl.FLOAT, false, 16, 8);
|
|
288
|
+
gl.bindVertexArray(null);
|
|
289
|
+
const textureSource = createRgbaTexture(gl);
|
|
290
|
+
const textureIntermediate = createRgbaTexture(gl);
|
|
291
|
+
const framebuffer = gl.createFramebuffer();
|
|
292
|
+
if (!framebuffer) {
|
|
293
|
+
throw new Error("Failed to create WebGL framebuffer");
|
|
294
|
+
}
|
|
295
|
+
const w = Math.max(1, target.width);
|
|
296
|
+
const h = Math.max(1, target.height);
|
|
297
|
+
gl.bindTexture(gl.TEXTURE_2D, textureIntermediate);
|
|
298
|
+
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, w, h, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
|
|
299
|
+
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
300
|
+
gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
|
|
301
|
+
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, textureIntermediate, 0);
|
|
302
|
+
const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);
|
|
303
|
+
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
|
|
304
|
+
if (status !== gl.FRAMEBUFFER_COMPLETE) {
|
|
305
|
+
throw new Error(`Linear progressive blur framebuffer incomplete: 0x${status.toString(16)}`);
|
|
306
|
+
}
|
|
307
|
+
return {
|
|
308
|
+
gl,
|
|
309
|
+
programHorizontal,
|
|
310
|
+
programVertical,
|
|
311
|
+
vao,
|
|
312
|
+
vbo,
|
|
313
|
+
textureSource,
|
|
314
|
+
textureIntermediate,
|
|
315
|
+
framebuffer,
|
|
316
|
+
horizontal: getUniforms(gl, programHorizontal),
|
|
317
|
+
vertical: getUniforms(gl, programVertical)
|
|
318
|
+
};
|
|
319
|
+
};
|
|
320
|
+
var cleanupLinearProgressiveBlur = (state) => {
|
|
321
|
+
const {
|
|
322
|
+
gl,
|
|
323
|
+
programHorizontal,
|
|
324
|
+
programVertical,
|
|
325
|
+
vao,
|
|
326
|
+
vbo,
|
|
327
|
+
textureSource,
|
|
328
|
+
textureIntermediate,
|
|
329
|
+
framebuffer
|
|
330
|
+
} = state;
|
|
331
|
+
gl.deleteFramebuffer(framebuffer);
|
|
332
|
+
gl.deleteTexture(textureSource);
|
|
333
|
+
gl.deleteTexture(textureIntermediate);
|
|
334
|
+
gl.deleteBuffer(vbo);
|
|
335
|
+
gl.deleteProgram(programHorizontal);
|
|
336
|
+
gl.deleteProgram(programVertical);
|
|
337
|
+
gl.deleteVertexArray(vao);
|
|
338
|
+
};
|
|
339
|
+
var uploadSource = ({
|
|
340
|
+
gl,
|
|
341
|
+
textureSource,
|
|
342
|
+
textureIntermediate,
|
|
343
|
+
source,
|
|
344
|
+
width,
|
|
345
|
+
height,
|
|
346
|
+
flipSourceY
|
|
347
|
+
}) => {
|
|
348
|
+
gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
|
|
349
|
+
gl.bindTexture(gl.TEXTURE_2D, textureSource);
|
|
350
|
+
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
|
|
351
|
+
gl.bindTexture(gl.TEXTURE_2D, textureIntermediate);
|
|
352
|
+
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
|
|
353
|
+
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
354
|
+
};
|
|
355
|
+
var setUniforms = ({
|
|
356
|
+
gl,
|
|
357
|
+
uniforms,
|
|
358
|
+
width,
|
|
359
|
+
height,
|
|
360
|
+
params
|
|
361
|
+
}) => {
|
|
362
|
+
if (uniforms.uSource)
|
|
363
|
+
gl.uniform1i(uniforms.uSource, 0);
|
|
364
|
+
if (uniforms.uTexelSize)
|
|
365
|
+
gl.uniform2f(uniforms.uTexelSize, 1 / width, 1 / height);
|
|
366
|
+
if (uniforms.uStart)
|
|
367
|
+
gl.uniform2f(uniforms.uStart, params.start[0], params.start[1]);
|
|
368
|
+
if (uniforms.uEnd)
|
|
369
|
+
gl.uniform2f(uniforms.uEnd, params.end[0], params.end[1]);
|
|
370
|
+
if (uniforms.uStartBlur)
|
|
371
|
+
gl.uniform1f(uniforms.uStartBlur, params.startBlur);
|
|
372
|
+
if (uniforms.uEndBlur)
|
|
373
|
+
gl.uniform1f(uniforms.uEndBlur, params.endBlur);
|
|
374
|
+
};
|
|
375
|
+
var drawFullscreenQuad = (state) => {
|
|
376
|
+
const { gl, vao } = state;
|
|
377
|
+
gl.bindVertexArray(vao);
|
|
378
|
+
gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
|
|
379
|
+
gl.bindVertexArray(null);
|
|
380
|
+
};
|
|
381
|
+
var applyLinearProgressiveBlur = ({
|
|
382
|
+
state,
|
|
383
|
+
source,
|
|
384
|
+
width,
|
|
385
|
+
height,
|
|
386
|
+
params,
|
|
387
|
+
flipSourceY
|
|
388
|
+
}) => {
|
|
389
|
+
const {
|
|
390
|
+
gl,
|
|
391
|
+
programHorizontal,
|
|
392
|
+
programVertical,
|
|
393
|
+
textureSource,
|
|
394
|
+
textureIntermediate,
|
|
395
|
+
framebuffer
|
|
396
|
+
} = state;
|
|
397
|
+
gl.viewport(0, 0, width, height);
|
|
398
|
+
uploadSource({
|
|
399
|
+
gl,
|
|
400
|
+
textureSource,
|
|
401
|
+
textureIntermediate,
|
|
402
|
+
source,
|
|
403
|
+
width,
|
|
404
|
+
height,
|
|
405
|
+
flipSourceY
|
|
406
|
+
});
|
|
407
|
+
gl.clearColor(0, 0, 0, 0);
|
|
408
|
+
gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
|
|
409
|
+
gl.clear(gl.COLOR_BUFFER_BIT);
|
|
410
|
+
gl.activeTexture(gl.TEXTURE0);
|
|
411
|
+
gl.bindTexture(gl.TEXTURE_2D, textureSource);
|
|
412
|
+
gl.useProgram(programHorizontal);
|
|
413
|
+
setUniforms({
|
|
414
|
+
gl,
|
|
415
|
+
uniforms: state.horizontal,
|
|
416
|
+
width,
|
|
417
|
+
height,
|
|
418
|
+
params
|
|
419
|
+
});
|
|
420
|
+
drawFullscreenQuad(state);
|
|
421
|
+
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
|
|
422
|
+
gl.clear(gl.COLOR_BUFFER_BIT);
|
|
423
|
+
gl.bindTexture(gl.TEXTURE_2D, textureIntermediate);
|
|
424
|
+
gl.useProgram(programVertical);
|
|
425
|
+
setUniforms({
|
|
426
|
+
gl,
|
|
427
|
+
uniforms: state.vertical,
|
|
428
|
+
width,
|
|
429
|
+
height,
|
|
430
|
+
params
|
|
431
|
+
});
|
|
432
|
+
drawFullscreenQuad(state);
|
|
433
|
+
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
434
|
+
gl.useProgram(null);
|
|
435
|
+
};
|
|
436
|
+
|
|
437
|
+
// src/linear-progressive-blur/index.ts
|
|
438
|
+
var { createEffect } = Internals2;
|
|
439
|
+
var DEFAULT_START = [0, 0.5];
|
|
440
|
+
var DEFAULT_END = [1, 0.5];
|
|
441
|
+
var DEFAULT_START_BLUR = 0;
|
|
442
|
+
var DEFAULT_END_BLUR = 50;
|
|
443
|
+
var linearProgressiveBlurSchema = {
|
|
444
|
+
start: {
|
|
445
|
+
type: "uv-coordinate",
|
|
446
|
+
min: -1,
|
|
447
|
+
max: 2,
|
|
448
|
+
step: 0.01,
|
|
449
|
+
default: DEFAULT_START,
|
|
450
|
+
description: "Start"
|
|
451
|
+
},
|
|
452
|
+
end: {
|
|
453
|
+
type: "uv-coordinate",
|
|
454
|
+
min: -1,
|
|
455
|
+
max: 2,
|
|
456
|
+
step: 0.01,
|
|
457
|
+
default: DEFAULT_END,
|
|
458
|
+
description: "End"
|
|
459
|
+
},
|
|
460
|
+
startBlur: {
|
|
461
|
+
type: "number",
|
|
462
|
+
min: 0,
|
|
463
|
+
max: 200,
|
|
464
|
+
step: 1,
|
|
465
|
+
default: DEFAULT_START_BLUR,
|
|
466
|
+
description: "Start blur",
|
|
467
|
+
hiddenFromList: false
|
|
468
|
+
},
|
|
469
|
+
endBlur: {
|
|
470
|
+
type: "number",
|
|
471
|
+
min: 0,
|
|
472
|
+
max: 200,
|
|
473
|
+
step: 1,
|
|
474
|
+
default: DEFAULT_END_BLUR,
|
|
475
|
+
description: "End blur",
|
|
476
|
+
hiddenFromList: false
|
|
477
|
+
}
|
|
478
|
+
};
|
|
479
|
+
var clampBlur = (value) => Math.max(0, value);
|
|
480
|
+
var resolveLinearProgressiveBlurParams = (params) => ({
|
|
481
|
+
start: [
|
|
482
|
+
...params.start ?? DEFAULT_START
|
|
483
|
+
],
|
|
484
|
+
end: [...params.end ?? DEFAULT_END],
|
|
485
|
+
startBlur: clampBlur(params.startBlur ?? DEFAULT_START_BLUR),
|
|
486
|
+
endBlur: clampBlur(params.endBlur ?? DEFAULT_END_BLUR)
|
|
487
|
+
});
|
|
488
|
+
var assertOptionalUvCoordinate = (value, name) => {
|
|
489
|
+
if (value === undefined) {
|
|
490
|
+
return;
|
|
491
|
+
}
|
|
492
|
+
if (!Array.isArray(value) || value.length !== 2 || value.some((item) => typeof item !== "number" || !Number.isFinite(item))) {
|
|
493
|
+
throw new TypeError(`"${name}" must be a [number, number] tuple`);
|
|
494
|
+
}
|
|
495
|
+
};
|
|
496
|
+
var validateLinearProgressiveBlurParams = (params) => {
|
|
497
|
+
assertEffectParamsObject(params, "Linear progressive blur");
|
|
498
|
+
assertOptionalUvCoordinate(params.start, "start");
|
|
499
|
+
assertOptionalUvCoordinate(params.end, "end");
|
|
500
|
+
assertOptionalFiniteNumber(params.startBlur, "startBlur");
|
|
501
|
+
assertOptionalFiniteNumber(params.endBlur, "endBlur");
|
|
502
|
+
};
|
|
503
|
+
var linearProgressiveBlur = createEffect({
|
|
504
|
+
type: "remotion/linear-progressive-blur",
|
|
505
|
+
label: "linearProgressiveBlur()",
|
|
506
|
+
documentationLink: "https://www.remotion.dev/docs/effects/linear-progressive-blur",
|
|
507
|
+
backend: "webgl2",
|
|
508
|
+
calculateKey: (params) => {
|
|
509
|
+
const r = resolveLinearProgressiveBlurParams(params);
|
|
510
|
+
return `linear-progressive-blur-${r.start.join(":")}-${r.end.join(":")}-${r.startBlur}-${r.endBlur}`;
|
|
511
|
+
},
|
|
512
|
+
setup: (target) => setupLinearProgressiveBlur(target),
|
|
513
|
+
apply: ({ source, width, height, params, state, flipSourceY }) => {
|
|
514
|
+
const r = resolveLinearProgressiveBlurParams(params);
|
|
515
|
+
applyLinearProgressiveBlur({
|
|
516
|
+
state,
|
|
517
|
+
source,
|
|
518
|
+
width,
|
|
519
|
+
height,
|
|
520
|
+
params: r,
|
|
521
|
+
flipSourceY
|
|
522
|
+
});
|
|
523
|
+
},
|
|
524
|
+
cleanup: (state) => cleanupLinearProgressiveBlur(state),
|
|
525
|
+
schema: linearProgressiveBlurSchema,
|
|
526
|
+
validateParams: validateLinearProgressiveBlurParams
|
|
527
|
+
});
|
|
528
|
+
export {
|
|
529
|
+
linearProgressiveBlur
|
|
530
|
+
};
|
package/dist/esm/lines.mjs
CHANGED
|
@@ -34,14 +34,16 @@ var colorAmountSchema = {
|
|
|
34
34
|
max: 1,
|
|
35
35
|
step: 0.01,
|
|
36
36
|
default: DEFAULT_AMOUNT,
|
|
37
|
-
description: "Amount"
|
|
37
|
+
description: "Amount",
|
|
38
|
+
hiddenFromList: false
|
|
38
39
|
};
|
|
39
40
|
var colorMultiplierSchema = {
|
|
40
41
|
type: "number",
|
|
41
42
|
min: 0,
|
|
42
43
|
step: 0.01,
|
|
43
44
|
default: DEFAULT_AMOUNT,
|
|
44
|
-
description: "Amount"
|
|
45
|
+
description: "Amount",
|
|
46
|
+
hiddenFromList: false
|
|
45
47
|
};
|
|
46
48
|
var brightnessAmountSchema = {
|
|
47
49
|
type: "number",
|
|
@@ -49,10 +51,11 @@ var brightnessAmountSchema = {
|
|
|
49
51
|
max: 1,
|
|
50
52
|
step: 0.01,
|
|
51
53
|
default: DEFAULT_BRIGHTNESS_AMOUNT,
|
|
52
|
-
description: "Amount"
|
|
54
|
+
description: "Amount",
|
|
55
|
+
hiddenFromList: false
|
|
53
56
|
};
|
|
54
57
|
var hueDegreesSchema = {
|
|
55
|
-
type: "
|
|
58
|
+
type: "rotation-degrees",
|
|
56
59
|
step: 1,
|
|
57
60
|
default: DEFAULT_HUE_DEGREES,
|
|
58
61
|
description: "Degrees"
|
|
@@ -120,7 +123,8 @@ var linesSchema = {
|
|
|
120
123
|
max: 400,
|
|
121
124
|
step: 0.1,
|
|
122
125
|
default: DEFAULT_THICKNESS,
|
|
123
|
-
description: "Thickness"
|
|
126
|
+
description: "Thickness",
|
|
127
|
+
hiddenFromList: false
|
|
124
128
|
},
|
|
125
129
|
gap: {
|
|
126
130
|
type: "number",
|
|
@@ -128,12 +132,11 @@ var linesSchema = {
|
|
|
128
132
|
max: 400,
|
|
129
133
|
step: 0.1,
|
|
130
134
|
default: DEFAULT_GAP,
|
|
131
|
-
description: "Gap"
|
|
135
|
+
description: "Gap",
|
|
136
|
+
hiddenFromList: false
|
|
132
137
|
},
|
|
133
138
|
angle: {
|
|
134
|
-
type: "
|
|
135
|
-
min: -180,
|
|
136
|
-
max: 180,
|
|
139
|
+
type: "rotation-degrees",
|
|
137
140
|
step: 1,
|
|
138
141
|
default: DEFAULT_ANGLE,
|
|
139
142
|
description: "Angle"
|
|
@@ -142,7 +145,8 @@ var linesSchema = {
|
|
|
142
145
|
type: "number",
|
|
143
146
|
step: 0.1,
|
|
144
147
|
default: DEFAULT_OFFSET,
|
|
145
|
-
description: "Offset"
|
|
148
|
+
description: "Offset",
|
|
149
|
+
hiddenFromList: false
|
|
146
150
|
}
|
|
147
151
|
};
|
|
148
152
|
var resolve = (p) => {
|
package/dist/esm/mirror.mjs
CHANGED
|
@@ -34,14 +34,16 @@ var colorAmountSchema = {
|
|
|
34
34
|
max: 1,
|
|
35
35
|
step: 0.01,
|
|
36
36
|
default: DEFAULT_AMOUNT,
|
|
37
|
-
description: "Amount"
|
|
37
|
+
description: "Amount",
|
|
38
|
+
hiddenFromList: false
|
|
38
39
|
};
|
|
39
40
|
var colorMultiplierSchema = {
|
|
40
41
|
type: "number",
|
|
41
42
|
min: 0,
|
|
42
43
|
step: 0.01,
|
|
43
44
|
default: DEFAULT_AMOUNT,
|
|
44
|
-
description: "Amount"
|
|
45
|
+
description: "Amount",
|
|
46
|
+
hiddenFromList: false
|
|
45
47
|
};
|
|
46
48
|
var brightnessAmountSchema = {
|
|
47
49
|
type: "number",
|
|
@@ -49,10 +51,11 @@ var brightnessAmountSchema = {
|
|
|
49
51
|
max: 1,
|
|
50
52
|
step: 0.01,
|
|
51
53
|
default: DEFAULT_BRIGHTNESS_AMOUNT,
|
|
52
|
-
description: "Amount"
|
|
54
|
+
description: "Amount",
|
|
55
|
+
hiddenFromList: false
|
|
53
56
|
};
|
|
54
57
|
var hueDegreesSchema = {
|
|
55
|
-
type: "
|
|
58
|
+
type: "rotation-degrees",
|
|
56
59
|
step: 1,
|
|
57
60
|
default: DEFAULT_HUE_DEGREES,
|
|
58
61
|
description: "Degrees"
|
|
@@ -314,7 +317,8 @@ var mirrorSchema = {
|
|
|
314
317
|
max: 1,
|
|
315
318
|
step: 0.01,
|
|
316
319
|
default: 0.5,
|
|
317
|
-
description: "Position"
|
|
320
|
+
description: "Position",
|
|
321
|
+
hiddenFromList: false
|
|
318
322
|
},
|
|
319
323
|
invert: {
|
|
320
324
|
type: "boolean",
|
package/dist/esm/noise.mjs
CHANGED
|
@@ -34,14 +34,16 @@ var colorAmountSchema = {
|
|
|
34
34
|
max: 1,
|
|
35
35
|
step: 0.01,
|
|
36
36
|
default: DEFAULT_AMOUNT,
|
|
37
|
-
description: "Amount"
|
|
37
|
+
description: "Amount",
|
|
38
|
+
hiddenFromList: false
|
|
38
39
|
};
|
|
39
40
|
var colorMultiplierSchema = {
|
|
40
41
|
type: "number",
|
|
41
42
|
min: 0,
|
|
42
43
|
step: 0.01,
|
|
43
44
|
default: DEFAULT_AMOUNT,
|
|
44
|
-
description: "Amount"
|
|
45
|
+
description: "Amount",
|
|
46
|
+
hiddenFromList: false
|
|
45
47
|
};
|
|
46
48
|
var brightnessAmountSchema = {
|
|
47
49
|
type: "number",
|
|
@@ -49,10 +51,11 @@ var brightnessAmountSchema = {
|
|
|
49
51
|
max: 1,
|
|
50
52
|
step: 0.01,
|
|
51
53
|
default: DEFAULT_BRIGHTNESS_AMOUNT,
|
|
52
|
-
description: "Amount"
|
|
54
|
+
description: "Amount",
|
|
55
|
+
hiddenFromList: false
|
|
53
56
|
};
|
|
54
57
|
var hueDegreesSchema = {
|
|
55
|
-
type: "
|
|
58
|
+
type: "rotation-degrees",
|
|
56
59
|
step: 1,
|
|
57
60
|
default: DEFAULT_HUE_DEGREES,
|
|
58
61
|
description: "Degrees"
|
|
@@ -107,13 +110,15 @@ var noiseSchema = {
|
|
|
107
110
|
max: 1,
|
|
108
111
|
step: 0.01,
|
|
109
112
|
default: DEFAULT_AMOUNT2,
|
|
110
|
-
description: "Amount"
|
|
113
|
+
description: "Amount",
|
|
114
|
+
hiddenFromList: false
|
|
111
115
|
},
|
|
112
116
|
seed: {
|
|
113
117
|
type: "number",
|
|
114
118
|
step: 1,
|
|
115
119
|
default: DEFAULT_SEED,
|
|
116
|
-
description: "Seed"
|
|
120
|
+
description: "Seed",
|
|
121
|
+
hiddenFromList: false
|
|
117
122
|
},
|
|
118
123
|
premultiply: {
|
|
119
124
|
type: "boolean",
|