@remotion/effects 4.0.538 → 4.0.540
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/THIRD_PARTY_LICENSES.md +19 -0
- package/dist/barrel-distortion/webgpu-shader.d.ts +1 -0
- package/dist/bevel-alpha/webgpu-shaders.d.ts +2 -0
- package/dist/burlap-webgpu-shader.d.ts +1 -0
- package/dist/checkerboard-webgpu-shader.d.ts +1 -0
- package/dist/chromatic-aberration/webgpu-shader.d.ts +1 -0
- package/dist/color-correction-webgpu-shader-utils.d.ts +4 -0
- package/dist/color-key-webgpu-shader.d.ts +1 -0
- package/dist/color-matrix-runtime.d.ts +4 -0
- package/dist/contour-lines-webgpu-shader.d.ts +1 -0
- package/dist/corner-pin/webgpu-shader.d.ts +1 -0
- package/dist/curves.d.ts +65 -0
- package/dist/cylinder/webgl-shader.d.ts +1 -0
- package/dist/dot-grid-webgpu-shader.d.ts +1 -0
- package/dist/drop-shadow/webgpu-shaders.d.ts +2 -0
- package/dist/emboss-webgpu-shader.d.ts +1 -0
- package/dist/esm/barrel-distortion.mjs +67 -118
- package/dist/esm/bevel-alpha.mjs +247 -196
- package/dist/esm/blur.mjs +101 -115
- package/dist/esm/brightness.mjs +65 -132
- package/dist/esm/burlap.mjs +178 -151
- package/dist/esm/checkerboard.mjs +6 -514
- package/dist/esm/chromatic-aberration.mjs +72 -119
- package/dist/esm/color-correction.mjs +186 -224
- package/dist/esm/color-key.mjs +149 -136
- package/dist/esm/contour-lines.mjs +201 -160
- package/dist/esm/contrast.mjs +65 -132
- package/dist/esm/corner-pin.mjs +4 -390
- package/dist/esm/curves.mjs +357 -0
- package/dist/esm/cylinder.mjs +108 -225
- package/dist/esm/dot-grid.mjs +184 -213
- package/dist/esm/drop-shadow.mjs +162 -180
- package/dist/esm/duotone.mjs +110 -143
- package/dist/esm/emboss.mjs +153 -151
- package/dist/esm/evolve.mjs +228 -154
- package/dist/esm/exposure.mjs +93 -201
- package/dist/esm/film-burn.mjs +298 -0
- package/dist/esm/fisheye.mjs +97 -126
- package/dist/esm/flannel.mjs +158 -156
- package/dist/esm/fractal-noise.mjs +186 -232
- package/dist/esm/glow.mjs +164 -179
- package/dist/esm/grayscale.mjs +56 -122
- package/dist/esm/gridlines.mjs +6 -575
- package/dist/esm/halftone-linear-gradient.mjs +246 -245
- package/dist/esm/halftone.mjs +267 -243
- package/dist/esm/hue.mjs +55 -122
- package/dist/esm/index-00v3hr66.mjs +299 -0
- package/dist/esm/index-0w4eqht8.mjs +351 -0
- package/dist/esm/index-18y0zcy2.mjs +440 -0
- package/dist/esm/index-1m1b1ad7.mjs +520 -0
- package/dist/esm/index-34fxm3ax.mjs +518 -0
- package/dist/esm/index-4fvp93ps.mjs +32 -0
- package/dist/esm/index-4scpn12x.mjs +224 -0
- package/dist/esm/index-4z6pt3ka.mjs +104 -0
- package/dist/esm/index-618ky75w.mjs +51 -0
- package/dist/esm/index-6agxdrvr.mjs +411 -0
- package/dist/esm/index-6jkps947.mjs +120 -0
- package/dist/esm/index-8agtsbw4.mjs +617 -0
- package/dist/esm/index-8jx11jyn.mjs +29 -0
- package/dist/esm/index-8p04sssx.mjs +123 -0
- package/dist/esm/index-afdtmrh2.mjs +596 -0
- package/dist/esm/index-b86qstcs.mjs +18 -0
- package/dist/esm/index-cb77qg3g.mjs +587 -0
- package/dist/esm/index-cdp7tr8x.mjs +122 -0
- package/dist/esm/index-evy8hyah.mjs +55 -0
- package/dist/esm/index-gnsce796.mjs +6 -0
- package/dist/esm/index-kkvzt8b7.mjs +199 -0
- package/dist/esm/index-r0v18b2n.mjs +425 -0
- package/dist/esm/index-rswpzmm5.mjs +926 -0
- package/dist/esm/index-s9mrx750.mjs +97 -0
- package/dist/esm/index-tvfexb7s.mjs +164 -0
- package/dist/esm/index-vp56k1gj.mjs +215 -0
- package/dist/esm/index-wxhvgv2s.mjs +79 -0
- package/dist/esm/index-wy95a41r.mjs +407 -0
- package/dist/esm/index-ysnwfc4t.mjs +306 -0
- package/dist/esm/index.mjs +49 -4053
- package/dist/esm/invert.mjs +54 -122
- package/dist/esm/iris-wipe.mjs +315 -0
- package/dist/esm/lens-blur.mjs +169 -156
- package/dist/esm/levels.mjs +204 -151
- package/dist/esm/light-leak.mjs +6 -416
- package/dist/esm/light-trail.mjs +124 -128
- package/dist/esm/linear-gradient-tint.mjs +4 -424
- package/dist/esm/linear-gradient.mjs +4 -370
- package/dist/esm/linear-progressive-blur.mjs +92 -118
- package/dist/esm/linear-progressive-pixelate.mjs +83 -378
- package/dist/esm/lines.mjs +167 -162
- package/dist/esm/liquid-contours.mjs +192 -153
- package/dist/esm/long-shadows.mjs +278 -251
- package/dist/esm/lut.mjs +123 -23
- package/dist/esm/mirror.mjs +78 -120
- package/dist/esm/noise-displacement.mjs +156 -151
- package/dist/esm/noise.mjs +107 -143
- package/dist/esm/outline.mjs +192 -170
- package/dist/esm/page-turn.mjs +141 -244
- package/dist/esm/paper.mjs +522 -194
- package/dist/esm/pattern.mjs +4 -568
- package/dist/esm/pixel-dissolve.mjs +158 -186
- package/dist/esm/pixelate.mjs +92 -149
- package/dist/esm/radial-progressive-blur.mjs +96 -118
- package/dist/esm/radial-progressive-pixelate.mjs +91 -384
- package/dist/esm/radial-wipe.mjs +224 -0
- package/dist/esm/rain-fall.mjs +114 -0
- package/dist/esm/region-blur.mjs +138 -192
- package/dist/esm/rings.mjs +6 -512
- package/dist/esm/roughen-edges.mjs +180 -156
- package/dist/esm/saturation.mjs +56 -122
- package/dist/esm/scale.mjs +50 -60
- package/dist/esm/scanlines.mjs +115 -149
- package/dist/esm/shadows-highlights.mjs +103 -205
- package/dist/esm/shatter.mjs +868 -0
- package/dist/esm/shine.mjs +192 -227
- package/dist/esm/shrinkwrap.mjs +388 -225
- package/dist/esm/skew.mjs +100 -145
- package/dist/esm/snow-fall.mjs +170 -0
- package/dist/esm/speckle.mjs +192 -210
- package/dist/esm/sphere.mjs +101 -225
- package/dist/esm/starburst.mjs +6 -345
- package/dist/esm/tear.mjs +138 -155
- package/dist/esm/thermal-vision.mjs +135 -152
- package/dist/esm/tile.mjs +5 -184
- package/dist/esm/tint.mjs +80 -132
- package/dist/esm/translate.mjs +55 -137
- package/dist/esm/turbulent-displace.mjs +182 -221
- package/dist/esm/tv-signal-off.mjs +140 -149
- package/dist/esm/venetian-blinds.mjs +91 -140
- package/dist/esm/vibrance.mjs +95 -204
- package/dist/esm/vignette.mjs +136 -155
- package/dist/esm/wave.mjs +88 -47
- package/dist/esm/waves.mjs +181 -169
- package/dist/esm/white-balance.mjs +100 -204
- package/dist/esm/white-noise.mjs +98 -146
- package/dist/esm/zigzag.mjs +6 -575
- package/dist/esm/zoom-blur.mjs +90 -121
- package/dist/evolve.d.ts +46 -10
- package/dist/film-burn-webgpu-shader.d.ts +1 -0
- package/dist/film-burn.d.ts +40 -0
- package/dist/fisheye/webgpu-shader.d.ts +1 -0
- package/dist/flannel-webgpu-shader.d.ts +1 -0
- package/dist/fractal-noise/shader.d.ts +1 -1
- package/dist/fractal-noise/webgpu-shader.d.ts +1 -0
- package/dist/gaussian-blur-webgpu-shader.d.ts +1 -0
- package/dist/glow/webgpu-shaders.d.ts +2 -0
- package/dist/gridlines-webgpu-shader.d.ts +1 -0
- package/dist/halftone-linear-gradient-webgpu-shader.d.ts +1 -0
- package/dist/halftone-webgpu-shader.d.ts +1 -0
- package/dist/iris-wipe.d.ts +78 -0
- package/dist/lens-blur/webgpu-shader.d.ts +1 -0
- package/dist/levels.d.ts +69 -2
- package/dist/light-leak-webgpu-shader.d.ts +1 -0
- package/dist/light-trail/webgpu-shader.d.ts +1 -0
- package/dist/linear-gradient-tint-webgpu-shader.d.ts +1 -0
- package/dist/linear-gradient-webgpu-shader.d.ts +1 -0
- package/dist/lines-webgpu-shader.d.ts +1 -0
- package/dist/liquid-contours-webgpu-shader.d.ts +1 -0
- package/dist/long-shadows-webgpu-shaders.d.ts +2 -0
- package/dist/lut/webgpu-shader.d.ts +1 -0
- package/dist/mirror/webgpu-shader.d.ts +1 -0
- package/dist/noise-displacement-webgpu-shader.d.ts +1 -0
- package/dist/noise-webgpu-shader.d.ts +1 -0
- package/dist/outline/webgpu-shader.d.ts +1 -0
- package/dist/page-turn/webgl-shader.d.ts +1 -0
- package/dist/paper-webgpu-shader.d.ts +2 -0
- package/dist/pattern-webgpu-shader.d.ts +1 -0
- package/dist/pixel-dissolve-webgpu-shader.d.ts +1 -0
- package/dist/progressive-pixelate-runtime.d.ts +1 -0
- package/dist/radial-wipe.d.ts +19 -0
- package/dist/rain-fall.d.ts +143 -0
- package/dist/rect-transform-runtime.d.ts +11 -0
- package/dist/region-blur/webgpu-shader.d.ts +1 -0
- package/dist/rings-webgpu-shader.d.ts +1 -0
- package/dist/roughen-edges-webgpu-shader.d.ts +1 -0
- package/dist/shatter/geometry.d.ts +19 -0
- package/dist/shatter/index.d.ts +39 -0
- package/dist/shatter/runtime.d.ts +19 -0
- package/dist/shatter/webgpu-shader.d.ts +1 -0
- package/dist/shatter.d.ts +1 -0
- package/dist/shine-webgpu-shader.d.ts +1 -0
- package/dist/shrinkwrap-webgpu-shader.d.ts +1 -0
- package/dist/single-pass-runtime.d.ts +18 -0
- package/dist/skew-webgpu-shader.d.ts +1 -0
- package/dist/snow-fall.d.ts +208 -0
- package/dist/speckle-webgpu-shader.d.ts +1 -0
- package/dist/sphere/webgl-shader.d.ts +1 -0
- package/dist/starburst-webgpu-shader.d.ts +1 -0
- package/dist/tear-webgpu-shader.d.ts +1 -0
- package/dist/thermal-vision-webgpu-shader.d.ts +1 -0
- package/dist/tile-gpu-runtime.d.ts +24 -0
- package/dist/turbulent-displace/webgpu-shader.d.ts +1 -0
- package/dist/value-noise-webgpu-shader.d.ts +1 -0
- package/dist/vignette-webgpu-shader.d.ts +1 -0
- package/dist/wave/wave-runtime.d.ts +2 -1
- package/dist/wave/webgpu-shader.d.ts +1 -0
- package/dist/waves-webgpu-shader.d.ts +1 -0
- package/dist/weather/params.d.ts +149 -0
- package/dist/weather/runtime.d.ts +52 -0
- package/dist/weather/shaders.d.ts +4 -0
- package/dist/weather/webgpu-runtime.d.ts +36 -0
- package/dist/weather/webgpu-shader.d.ts +1 -0
- package/dist/webgl-projection-runtime.d.ts +18 -0
- package/dist/webgpu-color-state.d.ts +10 -0
- package/dist/webgpu-mesh-runtime.d.ts +46 -0
- package/dist/webgpu-multipass-runtime.d.ts +50 -0
- package/dist/webgpu-projection-runtime.d.ts +9 -5
- package/dist/webgpu-single-pass-runtime.d.ts +47 -0
- package/dist/white-noise-webgpu-shader.d.ts +1 -0
- package/dist/zigzag-webgpu-shader.d.ts +1 -0
- package/dist/zoom-blur/webgpu-shader.d.ts +1 -0
- package/package.json +59 -3
package/dist/esm/exposure.mjs
CHANGED
|
@@ -1,177 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
`;
|
|
19
|
-
var WHITE_BALANCE_GLSL = `
|
|
20
|
-
vec3 applyWhiteBalanceLinear(vec3 linear, float temperature, float tint) {
|
|
21
|
-
vec3 temperatureOffset = vec3(0.3, 0.0, -0.3) * temperature;
|
|
22
|
-
vec3 tintOffset = vec3(0.15, -0.3, 0.15) * tint;
|
|
23
|
-
vec3 gains = exp2(temperatureOffset + tintOffset);
|
|
24
|
-
float luminanceGain = dot(gains, vec3(0.2126, 0.7152, 0.0722));
|
|
25
|
-
return linear * gains / luminanceGain;
|
|
26
|
-
}
|
|
27
|
-
`;
|
|
28
|
-
var SHADOWS_HIGHLIGHTS_GLSL = `
|
|
29
|
-
float getShadowsHighlightsStops(
|
|
30
|
-
vec3 color,
|
|
31
|
-
float shadows,
|
|
32
|
-
float highlights
|
|
33
|
-
) {
|
|
34
|
-
float luminance = dot(color, vec3(0.2126, 0.7152, 0.0722));
|
|
35
|
-
float shadowWeight = 1.0 - smoothstep(0.0, 0.6, luminance);
|
|
36
|
-
float highlightWeight = smoothstep(0.4, 1.0, luminance);
|
|
37
|
-
shadowWeight *= shadowWeight;
|
|
38
|
-
highlightWeight *= highlightWeight;
|
|
39
|
-
return shadows * shadowWeight + highlights * highlightWeight;
|
|
40
|
-
}
|
|
41
|
-
`;
|
|
42
|
-
var VIBRANCE_GLSL = `
|
|
43
|
-
vec3 applyVibrance(vec3 color, float amount) {
|
|
44
|
-
float maximum = max(max(color.r, color.g), color.b);
|
|
45
|
-
float minimum = min(min(color.r, color.g), color.b);
|
|
46
|
-
float lightness = (maximum + minimum) * 0.5;
|
|
47
|
-
float chroma = maximum - minimum;
|
|
48
|
-
float saturationDenominator = 1.0 - abs(2.0 * lightness - 1.0);
|
|
49
|
-
float saturation = saturationDenominator <= 0.0
|
|
50
|
-
? 0.0
|
|
51
|
-
: chroma / saturationDenominator;
|
|
52
|
-
|
|
53
|
-
if (saturation <= 0.000001) {
|
|
54
|
-
return color;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
float targetSaturation = amount >= 0.0
|
|
58
|
-
? saturation + amount * (1.0 - saturation)
|
|
59
|
-
: saturation * (1.0 + amount);
|
|
60
|
-
return clamp(
|
|
61
|
-
vec3(lightness) +
|
|
62
|
-
(color - vec3(lightness)) * (targetSaturation / saturation),
|
|
63
|
-
0.0,
|
|
64
|
-
1.0
|
|
65
|
-
);
|
|
66
|
-
}
|
|
67
|
-
`;
|
|
68
|
-
|
|
69
|
-
// src/validate-effect-param.ts
|
|
70
|
-
var assertEffectParamsObject = (params, effectLabel) => {
|
|
71
|
-
if (params === null || typeof params !== "object") {
|
|
72
|
-
throw new TypeError(`${effectLabel} effect requires a parameters object, but got ${JSON.stringify(params)}`);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
var assertRequiredFiniteNumber = (value, name) => {
|
|
76
|
-
if (typeof value !== "number" || !Number.isFinite(value)) {
|
|
77
|
-
throw new TypeError(`"${name}" must be a finite number, but got ${JSON.stringify(value)}`);
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
var assertRequiredColor = (value, name) => {
|
|
81
|
-
if (typeof value !== "string" || value.length === 0) {
|
|
82
|
-
throw new TypeError(`"${name}" must be a non-empty string, but got ${JSON.stringify(value)}`);
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
var assertOptionalColor = (value, name) => {
|
|
86
|
-
if (value === undefined) {
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
assertRequiredColor(value, name);
|
|
90
|
-
};
|
|
91
|
-
var assertOptionalBoolean = (value, name) => {
|
|
92
|
-
if (value === undefined) {
|
|
93
|
-
return;
|
|
94
|
-
}
|
|
95
|
-
if (typeof value !== "boolean") {
|
|
96
|
-
throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
|
|
100
|
-
// src/color-utils.ts
|
|
101
|
-
var DEFAULT_AMOUNT = 1;
|
|
102
|
-
var DEFAULT_BRIGHTNESS_AMOUNT = 0;
|
|
103
|
-
var DEFAULT_HUE_DEGREES = 0;
|
|
104
|
-
var colorAmountSchema = {
|
|
105
|
-
type: "number",
|
|
106
|
-
min: 0,
|
|
107
|
-
max: 1,
|
|
108
|
-
step: 0.01,
|
|
109
|
-
default: DEFAULT_AMOUNT,
|
|
110
|
-
description: "Amount",
|
|
111
|
-
hiddenFromList: false
|
|
112
|
-
};
|
|
113
|
-
var colorMultiplierSchema = {
|
|
114
|
-
type: "number",
|
|
115
|
-
min: 0,
|
|
116
|
-
step: 0.01,
|
|
117
|
-
default: DEFAULT_AMOUNT,
|
|
118
|
-
description: "Amount",
|
|
119
|
-
hiddenFromList: false
|
|
120
|
-
};
|
|
121
|
-
var brightnessAmountSchema = {
|
|
122
|
-
type: "number",
|
|
123
|
-
min: -1,
|
|
124
|
-
max: 1,
|
|
125
|
-
step: 0.01,
|
|
126
|
-
default: DEFAULT_BRIGHTNESS_AMOUNT,
|
|
127
|
-
description: "Amount",
|
|
128
|
-
hiddenFromList: false
|
|
129
|
-
};
|
|
130
|
-
var hueDegreesSchema = {
|
|
131
|
-
type: "rotation-degrees",
|
|
132
|
-
step: 1,
|
|
133
|
-
default: DEFAULT_HUE_DEGREES,
|
|
134
|
-
description: "Degrees"
|
|
135
|
-
};
|
|
136
|
-
var assertOptionalFiniteNumber = (value, name) => {
|
|
137
|
-
if (value === undefined) {
|
|
138
|
-
return;
|
|
139
|
-
}
|
|
140
|
-
assertRequiredFiniteNumber(value, name);
|
|
141
|
-
};
|
|
142
|
-
var validateUnitInterval = (value, name) => {
|
|
143
|
-
if (value < 0) {
|
|
144
|
-
throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
|
|
145
|
-
}
|
|
146
|
-
if (value > 1) {
|
|
147
|
-
throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
var validateNonNegative = (value, name) => {
|
|
151
|
-
if (value < 0) {
|
|
152
|
-
throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
|
|
153
|
-
}
|
|
154
|
-
};
|
|
155
|
-
var validateSignedUnitInterval = (value, name) => {
|
|
156
|
-
if (value < -1) {
|
|
157
|
-
throw new TypeError(`"${name}" must be >= -1, but got ${JSON.stringify(value)}`);
|
|
158
|
-
}
|
|
159
|
-
if (value > 1) {
|
|
160
|
-
throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
|
|
161
|
-
}
|
|
162
|
-
};
|
|
163
|
-
var clampColorChannel = (value) => {
|
|
164
|
-
return Math.max(0, Math.min(255, value));
|
|
165
|
-
};
|
|
166
|
-
var parseColorRgba = (ctx, color) => {
|
|
167
|
-
ctx.clearRect(0, 0, 1, 1);
|
|
168
|
-
ctx.fillStyle = color;
|
|
169
|
-
ctx.fillRect(0, 0, 1, 1);
|
|
170
|
-
const { data } = ctx.getImageData(0, 0, 1, 1);
|
|
171
|
-
return [data[0], data[1], data[2], data[3]];
|
|
172
|
-
};
|
|
1
|
+
import {
|
|
2
|
+
COLOR_SPACE_GLSL,
|
|
3
|
+
COLOR_SPACE_WGSL
|
|
4
|
+
} from "./index-6jkps947.mjs";
|
|
5
|
+
import {
|
|
6
|
+
assertOptionalFiniteNumber
|
|
7
|
+
} from "./index-wxhvgv2s.mjs";
|
|
8
|
+
import {
|
|
9
|
+
WEBGPU_SINGLE_PASS_VERTEX,
|
|
10
|
+
setupWebGpuSinglePass,
|
|
11
|
+
cleanupWebGpuSinglePass,
|
|
12
|
+
applyWebGpuSinglePass
|
|
13
|
+
} from "./index-tvfexb7s.mjs";
|
|
14
|
+
import {
|
|
15
|
+
assertEffectParamsObject
|
|
16
|
+
} from "./index-4fvp93ps.mjs";
|
|
173
17
|
|
|
174
18
|
// src/exposure.ts
|
|
19
|
+
import { Internals } from "remotion";
|
|
175
20
|
var { createEffect, createWebGL2ContextError } = Internals;
|
|
176
21
|
var DEFAULT_STOPS = 0;
|
|
177
22
|
var MIN_STOPS = -5;
|
|
@@ -239,6 +84,31 @@ void main() {
|
|
|
239
84
|
fragColor = vec4(corrected * alpha, alpha);
|
|
240
85
|
}
|
|
241
86
|
`;
|
|
87
|
+
var WEBGPU_SHADER = `
|
|
88
|
+
${WEBGPU_SINGLE_PASS_VERTEX}
|
|
89
|
+
struct Params {
|
|
90
|
+
stops: f32,
|
|
91
|
+
padding0: f32,
|
|
92
|
+
padding1: f32,
|
|
93
|
+
padding2: f32,
|
|
94
|
+
}
|
|
95
|
+
@group(0) @binding(0) var source: texture_2d<f32>;
|
|
96
|
+
@group(0) @binding(1) var sourceSampler: sampler;
|
|
97
|
+
@group(0) @binding(2) var<uniform> params: Params;
|
|
98
|
+
${COLOR_SPACE_WGSL}
|
|
99
|
+
|
|
100
|
+
@fragment fn fragment(input: VertexOutput) -> @location(0) vec4f {
|
|
101
|
+
let sourceColor = textureSampleLevel(source, sourceSampler, input.uv, 0.0);
|
|
102
|
+
let alpha = sourceColor.a;
|
|
103
|
+
if (alpha <= 0.0) {
|
|
104
|
+
return vec4f(0.0);
|
|
105
|
+
}
|
|
106
|
+
let linear = srgbToLinear(sourceColor.rgb / alpha);
|
|
107
|
+
let exposed = linear * exp2(params.stops);
|
|
108
|
+
let corrected = linearToSrgb(exposed);
|
|
109
|
+
return vec4f(corrected * alpha, alpha);
|
|
110
|
+
}
|
|
111
|
+
`;
|
|
242
112
|
var compileShader = (gl, type, source) => {
|
|
243
113
|
const shader = gl.createShader(type);
|
|
244
114
|
if (!shader) {
|
|
@@ -330,39 +200,61 @@ var exposure = createEffect({
|
|
|
330
200
|
type: "remotion/exposure",
|
|
331
201
|
label: "exposure()",
|
|
332
202
|
documentationLink: "https://www.remotion.dev/docs/effects/exposure",
|
|
333
|
-
backend: "webgl2",
|
|
334
203
|
calculateKey: (params) => {
|
|
335
204
|
const { stops } = resolve(params);
|
|
336
205
|
return `exposure-${stops}`;
|
|
337
206
|
},
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
207
|
+
implementations: {
|
|
208
|
+
webgpu: Internals.createEffectImplementation({
|
|
209
|
+
setup: (target) => setupWebGpuSinglePass(target, "exposure"),
|
|
210
|
+
apply: ({ source, width, height, params, state, gpuDevice }) => {
|
|
211
|
+
if (!gpuDevice) {
|
|
212
|
+
throw new Error("A WebGPU device is required for the exposure effect");
|
|
213
|
+
}
|
|
214
|
+
const r = resolve(params);
|
|
215
|
+
applyWebGpuSinglePass({
|
|
216
|
+
state,
|
|
217
|
+
source,
|
|
218
|
+
width,
|
|
219
|
+
height,
|
|
220
|
+
device: gpuDevice,
|
|
221
|
+
shader: WEBGPU_SHADER,
|
|
222
|
+
uniformData: new Float32Array([r.stops, 0, 0, 0])
|
|
223
|
+
});
|
|
224
|
+
},
|
|
225
|
+
cleanup: cleanupWebGpuSinglePass
|
|
226
|
+
}),
|
|
227
|
+
webgl2: Internals.createEffectImplementation({
|
|
228
|
+
setup: setupExposure,
|
|
229
|
+
apply: ({ source, width, height, params, state, flipSourceY }) => {
|
|
230
|
+
const { stops } = resolve(params);
|
|
231
|
+
const { gl, program, textureSource, uniforms, vao } = state;
|
|
232
|
+
gl.viewport(0, 0, width, height);
|
|
233
|
+
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
|
|
234
|
+
gl.clearColor(0, 0, 0, 0);
|
|
235
|
+
gl.clear(gl.COLOR_BUFFER_BIT);
|
|
236
|
+
gl.activeTexture(gl.TEXTURE0);
|
|
237
|
+
gl.bindTexture(gl.TEXTURE_2D, textureSource);
|
|
238
|
+
gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
|
|
239
|
+
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
|
|
240
|
+
gl.useProgram(program);
|
|
241
|
+
if (uniforms.uSource)
|
|
242
|
+
gl.uniform1i(uniforms.uSource, 0);
|
|
243
|
+
if (uniforms.uStops)
|
|
244
|
+
gl.uniform1f(uniforms.uStops, stops);
|
|
245
|
+
gl.bindVertexArray(vao);
|
|
246
|
+
gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
|
|
247
|
+
gl.bindVertexArray(null);
|
|
248
|
+
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
249
|
+
gl.useProgram(null);
|
|
250
|
+
},
|
|
251
|
+
cleanup: ({ gl, program, vao, vbo, textureSource }) => {
|
|
252
|
+
gl.deleteTexture(textureSource);
|
|
253
|
+
gl.deleteBuffer(vbo);
|
|
254
|
+
gl.deleteProgram(program);
|
|
255
|
+
gl.deleteVertexArray(vao);
|
|
256
|
+
}
|
|
257
|
+
})
|
|
366
258
|
},
|
|
367
259
|
schema: exposureSchema,
|
|
368
260
|
validateParams: validateExposureParams
|
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
import {
|
|
2
|
+
setupSinglePass,
|
|
3
|
+
prepareSinglePassSource,
|
|
4
|
+
drawSinglePass,
|
|
5
|
+
cleanupSinglePass
|
|
6
|
+
} from "./index-8p04sssx.mjs";
|
|
7
|
+
import {
|
|
8
|
+
assertOptionalFiniteNumber,
|
|
9
|
+
validateUnitInterval
|
|
10
|
+
} from "./index-wxhvgv2s.mjs";
|
|
11
|
+
import {
|
|
12
|
+
WEBGPU_SINGLE_PASS_VERTEX,
|
|
13
|
+
setupWebGpuSinglePass,
|
|
14
|
+
cleanupWebGpuSinglePass,
|
|
15
|
+
applyWebGpuSinglePass
|
|
16
|
+
} from "./index-tvfexb7s.mjs";
|
|
17
|
+
import {
|
|
18
|
+
assertEffectParamsObject,
|
|
19
|
+
assertRequiredFiniteNumber
|
|
20
|
+
} from "./index-4fvp93ps.mjs";
|
|
21
|
+
|
|
22
|
+
// src/film-burn.ts
|
|
23
|
+
import { Internals } from "remotion";
|
|
24
|
+
|
|
25
|
+
// src/film-burn-webgpu-shader.ts
|
|
26
|
+
var FILM_BURN_WEBGPU_SHADER = `
|
|
27
|
+
${WEBGPU_SINGLE_PASS_VERTEX}
|
|
28
|
+
@group(0) @binding(0) var source: texture_2d<f32>;
|
|
29
|
+
@group(0) @binding(1) var sourceSampler: sampler;
|
|
30
|
+
@group(0) @binding(2) var<uniform> params: Params;
|
|
31
|
+
|
|
32
|
+
struct Params { size: vec2f, progress: f32, seed: u32, center: vec2f, }
|
|
33
|
+
fn lattice(point: vec3i, seed: u32) -> f32 {
|
|
34
|
+
let p = bitcast<vec3u>(point);
|
|
35
|
+
var h = (p.x * 0x27d4eb2du) ^ (p.y * 0x165667b1u) ^ (p.z * 0x9e3779b9u) ^ (seed * 0x85ebca6bu);
|
|
36
|
+
h ^= h >> 15u; h *= 0x2c1b3c6du; h ^= h >> 12u; h *= 0x297a2d39u; h ^= h >> 15u;
|
|
37
|
+
return f32(h & 65535u) / 65535.0;
|
|
38
|
+
}
|
|
39
|
+
fn valueNoise(point: vec3f, seed: u32) -> f32 {
|
|
40
|
+
let cell = vec3i(floor(point));
|
|
41
|
+
let t = fract(point);
|
|
42
|
+
let fade = t * t * t * (t * (t * 6.0 - vec3f(15.0)) + vec3f(10.0));
|
|
43
|
+
let lower = mix(mix(lattice(cell,seed),lattice(cell+vec3i(1,0,0),seed),fade.x),mix(lattice(cell+vec3i(0,1,0),seed),lattice(cell+vec3i(1,1,0),seed),fade.x),fade.y);
|
|
44
|
+
let upper = mix(mix(lattice(cell+vec3i(0,0,1),seed),lattice(cell+vec3i(1,0,1),seed),fade.x),mix(lattice(cell+vec3i(0,1,1),seed),lattice(cell+vec3i(1,1,1),seed),fade.x),fade.y);
|
|
45
|
+
return mix(lower,upper,fade.z);
|
|
46
|
+
}
|
|
47
|
+
@fragment fn fragment(input: VertexOutput) -> @location(0) vec4f {
|
|
48
|
+
let color = textureSampleLevel(source,sourceSampler,input.uv,0);
|
|
49
|
+
if (params.progress <= 0.0 || color.a == 0.0) { return color; }
|
|
50
|
+
if (params.progress >= 1.0) { return vec4f(0); }
|
|
51
|
+
let pixel = input.uv * params.size;
|
|
52
|
+
let distanceFromCenter = length(pixel-params.center*params.size)/max(length(params.size),1.0);
|
|
53
|
+
var noise = 0.0; var amplitude = 1.0; var frequency = 1.0;
|
|
54
|
+
for(var octave=0;octave<4;octave++) {
|
|
55
|
+
noise += valueNoise(vec3f(pixel/60.0*frequency,f32(octave)*7.31),params.seed+17u+u32(octave))*amplitude;
|
|
56
|
+
amplitude *= 0.5; frequency *= 2.0;
|
|
57
|
+
}
|
|
58
|
+
noise /= 1.875;
|
|
59
|
+
let field = noise*0.65+(1.0-min(distanceFromCenter,1.0))*0.35;
|
|
60
|
+
let threshold = 1.0-params.progress*1.25;
|
|
61
|
+
let band = 0.12*min(params.progress*10.0,1.0);
|
|
62
|
+
if(field>threshold+band) { return vec4f(0); }
|
|
63
|
+
if(field<=threshold-band*2.0) { return color; }
|
|
64
|
+
let scorch = smoothstep(threshold-band*2.0,threshold,field);
|
|
65
|
+
let hot = smoothstep(threshold,threshold+band,field);
|
|
66
|
+
var rgb = color.rgb/color.a*(1.0-scorch*0.85);
|
|
67
|
+
rgb = vec3f(rgb.r+(1.0-rgb.r)*hot*0.9,rgb.g+(0.45-rgb.g)*hot*0.9,rgb.b*(1.0-hot));
|
|
68
|
+
let alpha = color.a*(1.0-hot*0.6);
|
|
69
|
+
return vec4f(rgb*alpha,alpha);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
`;
|
|
73
|
+
|
|
74
|
+
// src/film-burn.ts
|
|
75
|
+
var { createEffect } = Internals;
|
|
76
|
+
var DEFAULT_PROGRESS = 0;
|
|
77
|
+
var DEFAULT_CENTER = [0.5, 0.5];
|
|
78
|
+
var DEFAULT_SEED = 0;
|
|
79
|
+
var filmBurnSchema = {
|
|
80
|
+
progress: {
|
|
81
|
+
type: "number",
|
|
82
|
+
min: 0,
|
|
83
|
+
max: 1,
|
|
84
|
+
step: 0.01,
|
|
85
|
+
default: DEFAULT_PROGRESS,
|
|
86
|
+
description: "Progress",
|
|
87
|
+
hiddenFromList: false
|
|
88
|
+
},
|
|
89
|
+
center: {
|
|
90
|
+
type: "uv-coordinate",
|
|
91
|
+
min: 0,
|
|
92
|
+
max: 1,
|
|
93
|
+
step: 0.01,
|
|
94
|
+
default: DEFAULT_CENTER,
|
|
95
|
+
description: "Center"
|
|
96
|
+
},
|
|
97
|
+
seed: {
|
|
98
|
+
type: "number",
|
|
99
|
+
min: 0,
|
|
100
|
+
max: 4294967295,
|
|
101
|
+
step: 1,
|
|
102
|
+
integer: true,
|
|
103
|
+
default: DEFAULT_SEED,
|
|
104
|
+
description: "Seed",
|
|
105
|
+
hiddenFromList: false
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
var resolve = (params) => ({
|
|
109
|
+
progress: params.progress ?? DEFAULT_PROGRESS,
|
|
110
|
+
center: params.center ?? DEFAULT_CENTER,
|
|
111
|
+
seed: params.seed ?? DEFAULT_SEED
|
|
112
|
+
});
|
|
113
|
+
var validateFilmBurnParams = (params) => {
|
|
114
|
+
assertEffectParamsObject(params, "Film burn");
|
|
115
|
+
assertOptionalFiniteNumber(params.progress, "progress");
|
|
116
|
+
assertOptionalFiniteNumber(params.seed, "seed");
|
|
117
|
+
if (params.center !== undefined) {
|
|
118
|
+
if (!Array.isArray(params.center) || params.center.length !== 2) {
|
|
119
|
+
throw new TypeError('"center" must be a [number, number] tuple');
|
|
120
|
+
}
|
|
121
|
+
assertRequiredFiniteNumber(params.center[0], "center[0]");
|
|
122
|
+
assertRequiredFiniteNumber(params.center[1], "center[1]");
|
|
123
|
+
validateUnitInterval(params.center[0], "center[0]");
|
|
124
|
+
validateUnitInterval(params.center[1], "center[1]");
|
|
125
|
+
}
|
|
126
|
+
const r = resolve(params);
|
|
127
|
+
validateUnitInterval(r.progress, "progress");
|
|
128
|
+
if (!Number.isInteger(r.seed) || r.seed < 0 || r.seed > 4294967295) {
|
|
129
|
+
throw new TypeError('"seed" must be an unsigned 32-bit integer');
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
var FRAGMENT_SHADER = `#version 300 es
|
|
133
|
+
precision highp float;
|
|
134
|
+
precision highp int;
|
|
135
|
+
|
|
136
|
+
in vec2 vUv;
|
|
137
|
+
out vec4 fragColor;
|
|
138
|
+
|
|
139
|
+
uniform sampler2D uSource;
|
|
140
|
+
uniform vec2 uResolution;
|
|
141
|
+
uniform float uProgress;
|
|
142
|
+
uniform vec2 uCenter;
|
|
143
|
+
uniform uint uSeed;
|
|
144
|
+
|
|
145
|
+
float lattice(ivec3 point, uint seed) {
|
|
146
|
+
uvec3 p = uvec3(point);
|
|
147
|
+
uint h = p.x * 0x27d4eb2du ^ p.y * 0x165667b1u
|
|
148
|
+
^ p.z * 0x9e3779b9u ^ seed * 0x85ebca6bu;
|
|
149
|
+
h ^= h >> 15;
|
|
150
|
+
h *= 0x2c1b3c6du;
|
|
151
|
+
h ^= h >> 12;
|
|
152
|
+
h *= 0x297a2d39u;
|
|
153
|
+
h ^= h >> 15;
|
|
154
|
+
return float(h & 65535u) / 65535.0;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
float valueNoise(vec3 point, uint seed) {
|
|
158
|
+
ivec3 cell = ivec3(floor(point));
|
|
159
|
+
vec3 t = fract(point);
|
|
160
|
+
vec3 fade = t * t * t * (t * (t * 6.0 - 15.0) + 10.0);
|
|
161
|
+
float lower = mix(
|
|
162
|
+
mix(lattice(cell, seed), lattice(cell + ivec3(1, 0, 0), seed), fade.x),
|
|
163
|
+
mix(lattice(cell + ivec3(0, 1, 0), seed), lattice(cell + ivec3(1, 1, 0), seed), fade.x),
|
|
164
|
+
fade.y
|
|
165
|
+
);
|
|
166
|
+
float upper = mix(
|
|
167
|
+
mix(lattice(cell + ivec3(0, 0, 1), seed), lattice(cell + ivec3(1, 0, 1), seed), fade.x),
|
|
168
|
+
mix(lattice(cell + ivec3(0, 1, 1), seed), lattice(cell + ivec3(1, 1, 1), seed), fade.x),
|
|
169
|
+
fade.y
|
|
170
|
+
);
|
|
171
|
+
return mix(lower, upper, fade.z);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
void main() {
|
|
175
|
+
vec4 source = texture(uSource, vUv);
|
|
176
|
+
if (uProgress <= 0.0 || source.a == 0.0) {
|
|
177
|
+
fragColor = source;
|
|
178
|
+
return;
|
|
179
|
+
}
|
|
180
|
+
if (uProgress >= 1.0) {
|
|
181
|
+
fragColor = vec4(0.0);
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
vec2 pixel = vec2(vUv.x, 1.0 - vUv.y) * uResolution;
|
|
186
|
+
float distanceFromCenter = length(pixel - uCenter * uResolution)
|
|
187
|
+
/ max(length(uResolution), 1.0);
|
|
188
|
+
float noise = 0.0;
|
|
189
|
+
float amplitude = 1.0;
|
|
190
|
+
float frequency = 1.0;
|
|
191
|
+
for (int octave = 0; octave < 4; octave++) {
|
|
192
|
+
noise += valueNoise(
|
|
193
|
+
vec3(pixel / 60.0 * frequency, float(octave) * 7.31),
|
|
194
|
+
uSeed + 17u + uint(octave)
|
|
195
|
+
) * amplitude;
|
|
196
|
+
amplitude *= 0.5;
|
|
197
|
+
frequency *= 2.0;
|
|
198
|
+
}
|
|
199
|
+
noise /= 1.875;
|
|
200
|
+
float field = noise * 0.65 + (1.0 - min(distanceFromCenter, 1.0)) * 0.35;
|
|
201
|
+
float threshold = 1.0 - uProgress * 1.25;
|
|
202
|
+
float band = 0.12 * min(uProgress * 10.0, 1.0);
|
|
203
|
+
if (field > threshold + band) {
|
|
204
|
+
fragColor = vec4(0.0);
|
|
205
|
+
return;
|
|
206
|
+
}
|
|
207
|
+
if (field <= threshold - band * 2.0) {
|
|
208
|
+
fragColor = source;
|
|
209
|
+
return;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
float scorch = smoothstep(threshold - band * 2.0, threshold, field);
|
|
213
|
+
float hot = smoothstep(threshold, threshold + band, field);
|
|
214
|
+
vec3 color = source.rgb / source.a * (1.0 - scorch * 0.85);
|
|
215
|
+
color = vec3(
|
|
216
|
+
color.r + (1.0 - color.r) * hot * 0.9,
|
|
217
|
+
color.g + (0.45 - color.g) * hot * 0.9,
|
|
218
|
+
color.b * (1.0 - hot)
|
|
219
|
+
);
|
|
220
|
+
float alpha = source.a * (1.0 - hot * 0.6);
|
|
221
|
+
fragColor = vec4(color * alpha, alpha);
|
|
222
|
+
}
|
|
223
|
+
`;
|
|
224
|
+
var filmBurn = createEffect({
|
|
225
|
+
type: "remotion/film-burn",
|
|
226
|
+
label: "filmBurn()",
|
|
227
|
+
documentationLink: "https://www.remotion.dev/docs/effects/film-burn",
|
|
228
|
+
calculateKey: (params) => {
|
|
229
|
+
const r = resolve(params);
|
|
230
|
+
return `film-burn-${r.progress}-${r.center.join(":")}-${r.seed}`;
|
|
231
|
+
},
|
|
232
|
+
implementations: {
|
|
233
|
+
webgpu: Internals.createEffectImplementation({
|
|
234
|
+
setup: (target) => setupWebGpuSinglePass(target, "film-burn"),
|
|
235
|
+
apply: ({ source, width, height, params, state, gpuDevice }) => {
|
|
236
|
+
if (!gpuDevice)
|
|
237
|
+
throw new Error("A WebGPU device is required for the film-burn effect");
|
|
238
|
+
const r = resolve(params);
|
|
239
|
+
const uniformData = new Float32Array([
|
|
240
|
+
width,
|
|
241
|
+
height,
|
|
242
|
+
r.progress,
|
|
243
|
+
0,
|
|
244
|
+
r.center[0],
|
|
245
|
+
r.center[1],
|
|
246
|
+
0,
|
|
247
|
+
0
|
|
248
|
+
]);
|
|
249
|
+
new Uint32Array(uniformData.buffer)[3] = r.seed;
|
|
250
|
+
applyWebGpuSinglePass({
|
|
251
|
+
state,
|
|
252
|
+
source,
|
|
253
|
+
width,
|
|
254
|
+
height,
|
|
255
|
+
device: gpuDevice,
|
|
256
|
+
shader: FILM_BURN_WEBGPU_SHADER,
|
|
257
|
+
uniformData
|
|
258
|
+
});
|
|
259
|
+
},
|
|
260
|
+
cleanup: cleanupWebGpuSinglePass
|
|
261
|
+
}),
|
|
262
|
+
webgl2: Internals.createEffectImplementation({
|
|
263
|
+
setup: (target) => setupSinglePass(target, FRAGMENT_SHADER, "film burn", [
|
|
264
|
+
"uResolution",
|
|
265
|
+
"uProgress",
|
|
266
|
+
"uCenter",
|
|
267
|
+
"uSeed"
|
|
268
|
+
]),
|
|
269
|
+
apply: ({ source, width, height, params, state, flipSourceY }) => {
|
|
270
|
+
const r = resolve(params);
|
|
271
|
+
const { gl, uniforms } = state;
|
|
272
|
+
prepareSinglePassSource({
|
|
273
|
+
state,
|
|
274
|
+
source,
|
|
275
|
+
width,
|
|
276
|
+
height,
|
|
277
|
+
flipSourceY
|
|
278
|
+
});
|
|
279
|
+
if (uniforms.uResolution)
|
|
280
|
+
gl.uniform2f(uniforms.uResolution, width, height);
|
|
281
|
+
if (uniforms.uProgress)
|
|
282
|
+
gl.uniform1f(uniforms.uProgress, r.progress);
|
|
283
|
+
if (uniforms.uCenter)
|
|
284
|
+
gl.uniform2f(uniforms.uCenter, r.center[0], r.center[1]);
|
|
285
|
+
if (uniforms.uSeed)
|
|
286
|
+
gl.uniform1ui(uniforms.uSeed, r.seed);
|
|
287
|
+
drawSinglePass(state);
|
|
288
|
+
},
|
|
289
|
+
cleanup: cleanupSinglePass
|
|
290
|
+
})
|
|
291
|
+
},
|
|
292
|
+
schema: filmBurnSchema,
|
|
293
|
+
validateParams: validateFilmBurnParams
|
|
294
|
+
});
|
|
295
|
+
export {
|
|
296
|
+
filmBurn,
|
|
297
|
+
filmBurnSchema
|
|
298
|
+
};
|