@remotion/effects 4.0.539 → 4.0.541

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.
Files changed (203) hide show
  1. package/THIRD_PARTY_LICENSES.md +15 -0
  2. package/dist/barrel-distortion/webgpu-shader.d.ts +1 -0
  3. package/dist/bevel-alpha/webgpu-shaders.d.ts +2 -0
  4. package/dist/burlap-webgpu-shader.d.ts +1 -0
  5. package/dist/checkerboard-webgpu-shader.d.ts +1 -0
  6. package/dist/chromatic-aberration/webgpu-shader.d.ts +1 -0
  7. package/dist/color-correction-webgpu-shader-utils.d.ts +4 -0
  8. package/dist/color-key-webgpu-shader.d.ts +1 -0
  9. package/dist/color-matrix-runtime.d.ts +4 -0
  10. package/dist/contour-lines-webgpu-shader.d.ts +1 -0
  11. package/dist/corner-pin/webgpu-shader.d.ts +1 -0
  12. package/dist/cylinder/webgl-shader.d.ts +1 -0
  13. package/dist/dot-grid-webgpu-shader.d.ts +1 -0
  14. package/dist/drop-shadow/webgpu-shaders.d.ts +2 -0
  15. package/dist/emboss-webgpu-shader.d.ts +1 -0
  16. package/dist/esm/barrel-distortion.mjs +67 -118
  17. package/dist/esm/bevel-alpha.mjs +247 -196
  18. package/dist/esm/blur.mjs +101 -115
  19. package/dist/esm/brightness.mjs +65 -132
  20. package/dist/esm/burlap.mjs +178 -151
  21. package/dist/esm/checkerboard.mjs +6 -514
  22. package/dist/esm/chromatic-aberration.mjs +72 -119
  23. package/dist/esm/color-correction.mjs +186 -224
  24. package/dist/esm/color-key.mjs +149 -136
  25. package/dist/esm/contour-lines.mjs +201 -160
  26. package/dist/esm/contrast.mjs +65 -132
  27. package/dist/esm/corner-pin.mjs +4 -390
  28. package/dist/esm/curves.mjs +195 -211
  29. package/dist/esm/cylinder.mjs +108 -225
  30. package/dist/esm/dot-grid.mjs +184 -213
  31. package/dist/esm/drop-shadow.mjs +162 -180
  32. package/dist/esm/duotone.mjs +110 -143
  33. package/dist/esm/emboss.mjs +153 -151
  34. package/dist/esm/evolve.mjs +228 -154
  35. package/dist/esm/exposure.mjs +93 -201
  36. package/dist/esm/film-burn.mjs +298 -0
  37. package/dist/esm/fisheye.mjs +97 -126
  38. package/dist/esm/flannel.mjs +158 -156
  39. package/dist/esm/fractal-noise.mjs +186 -232
  40. package/dist/esm/glow.mjs +164 -179
  41. package/dist/esm/grayscale.mjs +56 -122
  42. package/dist/esm/gridlines.mjs +6 -575
  43. package/dist/esm/halftone-linear-gradient.mjs +246 -245
  44. package/dist/esm/halftone.mjs +267 -243
  45. package/dist/esm/hue.mjs +55 -122
  46. package/dist/esm/index-00v3hr66.mjs +299 -0
  47. package/dist/esm/index-0w4eqht8.mjs +351 -0
  48. package/dist/esm/index-18y0zcy2.mjs +440 -0
  49. package/dist/esm/index-1m1b1ad7.mjs +520 -0
  50. package/dist/esm/index-34fxm3ax.mjs +518 -0
  51. package/dist/esm/index-4fvp93ps.mjs +32 -0
  52. package/dist/esm/index-4scpn12x.mjs +224 -0
  53. package/dist/esm/index-4z6pt3ka.mjs +104 -0
  54. package/dist/esm/index-618ky75w.mjs +51 -0
  55. package/dist/esm/index-6agxdrvr.mjs +411 -0
  56. package/dist/esm/index-6jkps947.mjs +120 -0
  57. package/dist/esm/index-8agtsbw4.mjs +617 -0
  58. package/dist/esm/index-8jx11jyn.mjs +29 -0
  59. package/dist/esm/index-8p04sssx.mjs +123 -0
  60. package/dist/esm/index-afdtmrh2.mjs +596 -0
  61. package/dist/esm/index-b86qstcs.mjs +18 -0
  62. package/dist/esm/index-cb77qg3g.mjs +587 -0
  63. package/dist/esm/index-cdp7tr8x.mjs +122 -0
  64. package/dist/esm/index-evy8hyah.mjs +55 -0
  65. package/dist/esm/index-gnsce796.mjs +6 -0
  66. package/dist/esm/index-kkvzt8b7.mjs +199 -0
  67. package/dist/esm/index-r0v18b2n.mjs +425 -0
  68. package/dist/esm/index-rswpzmm5.mjs +926 -0
  69. package/dist/esm/index-s9mrx750.mjs +97 -0
  70. package/dist/esm/index-tvfexb7s.mjs +164 -0
  71. package/dist/esm/index-vp56k1gj.mjs +215 -0
  72. package/dist/esm/index-wxhvgv2s.mjs +79 -0
  73. package/dist/esm/index-wy95a41r.mjs +407 -0
  74. package/dist/esm/index-ysnwfc4t.mjs +306 -0
  75. package/dist/esm/index.mjs +49 -4053
  76. package/dist/esm/invert.mjs +54 -122
  77. package/dist/esm/iris-wipe.mjs +315 -0
  78. package/dist/esm/lens-blur.mjs +169 -156
  79. package/dist/esm/levels.mjs +134 -151
  80. package/dist/esm/light-leak.mjs +6 -416
  81. package/dist/esm/light-trail.mjs +124 -128
  82. package/dist/esm/linear-gradient-tint.mjs +4 -424
  83. package/dist/esm/linear-gradient.mjs +4 -370
  84. package/dist/esm/linear-progressive-blur.mjs +92 -118
  85. package/dist/esm/linear-progressive-pixelate.mjs +83 -378
  86. package/dist/esm/lines.mjs +167 -162
  87. package/dist/esm/liquid-contours.mjs +192 -153
  88. package/dist/esm/long-shadows.mjs +278 -251
  89. package/dist/esm/lut.mjs +123 -23
  90. package/dist/esm/mirror.mjs +78 -120
  91. package/dist/esm/noise-displacement.mjs +156 -151
  92. package/dist/esm/noise.mjs +107 -143
  93. package/dist/esm/outline.mjs +192 -170
  94. package/dist/esm/page-turn.mjs +141 -244
  95. package/dist/esm/paper.mjs +522 -194
  96. package/dist/esm/pattern.mjs +4 -568
  97. package/dist/esm/pixel-dissolve.mjs +158 -186
  98. package/dist/esm/pixelate.mjs +92 -149
  99. package/dist/esm/radial-progressive-blur.mjs +96 -118
  100. package/dist/esm/radial-progressive-pixelate.mjs +91 -384
  101. package/dist/esm/radial-wipe.mjs +224 -0
  102. package/dist/esm/rain-fall.mjs +114 -0
  103. package/dist/esm/region-blur.mjs +138 -192
  104. package/dist/esm/rings.mjs +6 -512
  105. package/dist/esm/roughen-edges.mjs +180 -156
  106. package/dist/esm/saturation.mjs +56 -122
  107. package/dist/esm/scale.mjs +50 -60
  108. package/dist/esm/scanlines.mjs +115 -149
  109. package/dist/esm/shadows-highlights.mjs +103 -205
  110. package/dist/esm/shatter.mjs +133 -153
  111. package/dist/esm/shine.mjs +192 -227
  112. package/dist/esm/shrinkwrap.mjs +388 -225
  113. package/dist/esm/skew.mjs +100 -145
  114. package/dist/esm/snow-fall.mjs +170 -0
  115. package/dist/esm/speckle.mjs +192 -210
  116. package/dist/esm/sphere.mjs +101 -225
  117. package/dist/esm/starburst.mjs +6 -345
  118. package/dist/esm/tear.mjs +138 -155
  119. package/dist/esm/thermal-vision.mjs +135 -152
  120. package/dist/esm/tile.mjs +5 -184
  121. package/dist/esm/tint.mjs +80 -132
  122. package/dist/esm/translate.mjs +55 -137
  123. package/dist/esm/turbulent-displace.mjs +182 -221
  124. package/dist/esm/tv-signal-off.mjs +140 -149
  125. package/dist/esm/venetian-blinds.mjs +91 -140
  126. package/dist/esm/vibrance.mjs +95 -204
  127. package/dist/esm/vignette.mjs +136 -155
  128. package/dist/esm/wave.mjs +88 -47
  129. package/dist/esm/waves.mjs +181 -169
  130. package/dist/esm/white-balance.mjs +100 -204
  131. package/dist/esm/white-noise.mjs +98 -146
  132. package/dist/esm/zigzag.mjs +6 -575
  133. package/dist/esm/zoom-blur.mjs +90 -121
  134. package/dist/evolve.d.ts +46 -10
  135. package/dist/film-burn-webgpu-shader.d.ts +1 -0
  136. package/dist/film-burn.d.ts +40 -0
  137. package/dist/fisheye/webgpu-shader.d.ts +1 -0
  138. package/dist/flannel-webgpu-shader.d.ts +1 -0
  139. package/dist/fractal-noise/shader.d.ts +1 -1
  140. package/dist/fractal-noise/webgpu-shader.d.ts +1 -0
  141. package/dist/gaussian-blur-webgpu-shader.d.ts +1 -0
  142. package/dist/glow/webgpu-shaders.d.ts +2 -0
  143. package/dist/gridlines-webgpu-shader.d.ts +1 -0
  144. package/dist/halftone-linear-gradient-webgpu-shader.d.ts +1 -0
  145. package/dist/halftone-webgpu-shader.d.ts +1 -0
  146. package/dist/iris-wipe.d.ts +78 -0
  147. package/dist/lens-blur/webgpu-shader.d.ts +1 -0
  148. package/dist/light-leak-webgpu-shader.d.ts +1 -0
  149. package/dist/light-trail/webgpu-shader.d.ts +1 -0
  150. package/dist/linear-gradient-tint-webgpu-shader.d.ts +1 -0
  151. package/dist/linear-gradient-webgpu-shader.d.ts +1 -0
  152. package/dist/lines-webgpu-shader.d.ts +1 -0
  153. package/dist/liquid-contours-webgpu-shader.d.ts +1 -0
  154. package/dist/long-shadows-webgpu-shaders.d.ts +2 -0
  155. package/dist/lut/webgpu-shader.d.ts +1 -0
  156. package/dist/mirror/webgpu-shader.d.ts +1 -0
  157. package/dist/noise-displacement-webgpu-shader.d.ts +1 -0
  158. package/dist/noise-webgpu-shader.d.ts +1 -0
  159. package/dist/outline/webgpu-shader.d.ts +1 -0
  160. package/dist/page-turn/webgl-shader.d.ts +1 -0
  161. package/dist/paper-webgpu-shader.d.ts +2 -0
  162. package/dist/pattern-webgpu-shader.d.ts +1 -0
  163. package/dist/pixel-dissolve-webgpu-shader.d.ts +1 -0
  164. package/dist/progressive-pixelate-runtime.d.ts +1 -0
  165. package/dist/radial-wipe.d.ts +19 -0
  166. package/dist/rain-fall.d.ts +143 -0
  167. package/dist/rect-transform-runtime.d.ts +11 -0
  168. package/dist/region-blur/webgpu-shader.d.ts +1 -0
  169. package/dist/rings-webgpu-shader.d.ts +1 -0
  170. package/dist/roughen-edges-webgpu-shader.d.ts +1 -0
  171. package/dist/shatter/webgpu-shader.d.ts +1 -0
  172. package/dist/shine-webgpu-shader.d.ts +1 -0
  173. package/dist/shrinkwrap-webgpu-shader.d.ts +1 -0
  174. package/dist/single-pass-runtime.d.ts +18 -0
  175. package/dist/skew-webgpu-shader.d.ts +1 -0
  176. package/dist/snow-fall.d.ts +208 -0
  177. package/dist/speckle-webgpu-shader.d.ts +1 -0
  178. package/dist/sphere/webgl-shader.d.ts +1 -0
  179. package/dist/starburst-webgpu-shader.d.ts +1 -0
  180. package/dist/tear-webgpu-shader.d.ts +1 -0
  181. package/dist/thermal-vision-webgpu-shader.d.ts +1 -0
  182. package/dist/tile-gpu-runtime.d.ts +24 -0
  183. package/dist/turbulent-displace/webgpu-shader.d.ts +1 -0
  184. package/dist/value-noise-webgpu-shader.d.ts +1 -0
  185. package/dist/vignette-webgpu-shader.d.ts +1 -0
  186. package/dist/wave/wave-runtime.d.ts +2 -1
  187. package/dist/wave/webgpu-shader.d.ts +1 -0
  188. package/dist/waves-webgpu-shader.d.ts +1 -0
  189. package/dist/weather/params.d.ts +149 -0
  190. package/dist/weather/runtime.d.ts +52 -0
  191. package/dist/weather/shaders.d.ts +4 -0
  192. package/dist/weather/webgpu-runtime.d.ts +36 -0
  193. package/dist/weather/webgpu-shader.d.ts +1 -0
  194. package/dist/webgl-projection-runtime.d.ts +18 -0
  195. package/dist/webgpu-color-state.d.ts +10 -0
  196. package/dist/webgpu-mesh-runtime.d.ts +46 -0
  197. package/dist/webgpu-multipass-runtime.d.ts +50 -0
  198. package/dist/webgpu-projection-runtime.d.ts +9 -5
  199. package/dist/webgpu-single-pass-runtime.d.ts +47 -0
  200. package/dist/white-noise-webgpu-shader.d.ts +1 -0
  201. package/dist/zigzag-webgpu-shader.d.ts +1 -0
  202. package/dist/zoom-blur/webgpu-shader.d.ts +1 -0
  203. package/package.json +43 -3
@@ -1,177 +1,22 @@
1
- // src/exposure.ts
2
- import { Internals } from "remotion";
3
-
4
- // src/color-correction-shader-utils.ts
5
- var COLOR_SPACE_GLSL = `
6
- vec3 srgbToLinear(vec3 color) {
7
- vec3 lower = color / 12.92;
8
- vec3 upper = pow((color + 0.055) / 1.055, vec3(2.4));
9
- return mix(lower, upper, step(vec3(0.04045), color));
10
- }
11
-
12
- vec3 linearToSrgb(vec3 color) {
13
- vec3 nonNegative = max(color, vec3(0.0));
14
- vec3 lower = nonNegative * 12.92;
15
- vec3 upper = 1.055 * pow(nonNegative, vec3(1.0 / 2.4)) - 0.055;
16
- return mix(lower, upper, step(vec3(0.0031308), nonNegative));
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
- setup: setupExposure,
339
- apply: ({ source, width, height, params, state, flipSourceY }) => {
340
- const { stops } = resolve(params);
341
- const { gl, program, textureSource, uniforms, vao } = state;
342
- gl.viewport(0, 0, width, height);
343
- gl.bindFramebuffer(gl.FRAMEBUFFER, null);
344
- gl.clearColor(0, 0, 0, 0);
345
- gl.clear(gl.COLOR_BUFFER_BIT);
346
- gl.activeTexture(gl.TEXTURE0);
347
- gl.bindTexture(gl.TEXTURE_2D, textureSource);
348
- gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
349
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
350
- gl.useProgram(program);
351
- if (uniforms.uSource)
352
- gl.uniform1i(uniforms.uSource, 0);
353
- if (uniforms.uStops)
354
- gl.uniform1f(uniforms.uStops, stops);
355
- gl.bindVertexArray(vao);
356
- gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
357
- gl.bindVertexArray(null);
358
- gl.bindTexture(gl.TEXTURE_2D, null);
359
- gl.useProgram(null);
360
- },
361
- cleanup: ({ gl, program, vao, vbo, textureSource }) => {
362
- gl.deleteTexture(textureSource);
363
- gl.deleteBuffer(vbo);
364
- gl.deleteProgram(program);
365
- gl.deleteVertexArray(vao);
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
+ };