@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.
Files changed (209) hide show
  1. package/THIRD_PARTY_LICENSES.md +19 -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/curves.d.ts +65 -0
  13. package/dist/cylinder/webgl-shader.d.ts +1 -0
  14. package/dist/dot-grid-webgpu-shader.d.ts +1 -0
  15. package/dist/drop-shadow/webgpu-shaders.d.ts +2 -0
  16. package/dist/emboss-webgpu-shader.d.ts +1 -0
  17. package/dist/esm/barrel-distortion.mjs +67 -118
  18. package/dist/esm/bevel-alpha.mjs +247 -196
  19. package/dist/esm/blur.mjs +101 -115
  20. package/dist/esm/brightness.mjs +65 -132
  21. package/dist/esm/burlap.mjs +178 -151
  22. package/dist/esm/checkerboard.mjs +6 -514
  23. package/dist/esm/chromatic-aberration.mjs +72 -119
  24. package/dist/esm/color-correction.mjs +186 -224
  25. package/dist/esm/color-key.mjs +149 -136
  26. package/dist/esm/contour-lines.mjs +201 -160
  27. package/dist/esm/contrast.mjs +65 -132
  28. package/dist/esm/corner-pin.mjs +4 -390
  29. package/dist/esm/curves.mjs +357 -0
  30. package/dist/esm/cylinder.mjs +108 -225
  31. package/dist/esm/dot-grid.mjs +184 -213
  32. package/dist/esm/drop-shadow.mjs +162 -180
  33. package/dist/esm/duotone.mjs +110 -143
  34. package/dist/esm/emboss.mjs +153 -151
  35. package/dist/esm/evolve.mjs +228 -154
  36. package/dist/esm/exposure.mjs +93 -201
  37. package/dist/esm/film-burn.mjs +298 -0
  38. package/dist/esm/fisheye.mjs +97 -126
  39. package/dist/esm/flannel.mjs +158 -156
  40. package/dist/esm/fractal-noise.mjs +186 -232
  41. package/dist/esm/glow.mjs +164 -179
  42. package/dist/esm/grayscale.mjs +56 -122
  43. package/dist/esm/gridlines.mjs +6 -575
  44. package/dist/esm/halftone-linear-gradient.mjs +246 -245
  45. package/dist/esm/halftone.mjs +267 -243
  46. package/dist/esm/hue.mjs +55 -122
  47. package/dist/esm/index-00v3hr66.mjs +299 -0
  48. package/dist/esm/index-0w4eqht8.mjs +351 -0
  49. package/dist/esm/index-18y0zcy2.mjs +440 -0
  50. package/dist/esm/index-1m1b1ad7.mjs +520 -0
  51. package/dist/esm/index-34fxm3ax.mjs +518 -0
  52. package/dist/esm/index-4fvp93ps.mjs +32 -0
  53. package/dist/esm/index-4scpn12x.mjs +224 -0
  54. package/dist/esm/index-4z6pt3ka.mjs +104 -0
  55. package/dist/esm/index-618ky75w.mjs +51 -0
  56. package/dist/esm/index-6agxdrvr.mjs +411 -0
  57. package/dist/esm/index-6jkps947.mjs +120 -0
  58. package/dist/esm/index-8agtsbw4.mjs +617 -0
  59. package/dist/esm/index-8jx11jyn.mjs +29 -0
  60. package/dist/esm/index-8p04sssx.mjs +123 -0
  61. package/dist/esm/index-afdtmrh2.mjs +596 -0
  62. package/dist/esm/index-b86qstcs.mjs +18 -0
  63. package/dist/esm/index-cb77qg3g.mjs +587 -0
  64. package/dist/esm/index-cdp7tr8x.mjs +122 -0
  65. package/dist/esm/index-evy8hyah.mjs +55 -0
  66. package/dist/esm/index-gnsce796.mjs +6 -0
  67. package/dist/esm/index-kkvzt8b7.mjs +199 -0
  68. package/dist/esm/index-r0v18b2n.mjs +425 -0
  69. package/dist/esm/index-rswpzmm5.mjs +926 -0
  70. package/dist/esm/index-s9mrx750.mjs +97 -0
  71. package/dist/esm/index-tvfexb7s.mjs +164 -0
  72. package/dist/esm/index-vp56k1gj.mjs +215 -0
  73. package/dist/esm/index-wxhvgv2s.mjs +79 -0
  74. package/dist/esm/index-wy95a41r.mjs +407 -0
  75. package/dist/esm/index-ysnwfc4t.mjs +306 -0
  76. package/dist/esm/index.mjs +49 -4053
  77. package/dist/esm/invert.mjs +54 -122
  78. package/dist/esm/iris-wipe.mjs +315 -0
  79. package/dist/esm/lens-blur.mjs +169 -156
  80. package/dist/esm/levels.mjs +204 -151
  81. package/dist/esm/light-leak.mjs +6 -416
  82. package/dist/esm/light-trail.mjs +124 -128
  83. package/dist/esm/linear-gradient-tint.mjs +4 -424
  84. package/dist/esm/linear-gradient.mjs +4 -370
  85. package/dist/esm/linear-progressive-blur.mjs +92 -118
  86. package/dist/esm/linear-progressive-pixelate.mjs +83 -378
  87. package/dist/esm/lines.mjs +167 -162
  88. package/dist/esm/liquid-contours.mjs +192 -153
  89. package/dist/esm/long-shadows.mjs +278 -251
  90. package/dist/esm/lut.mjs +123 -23
  91. package/dist/esm/mirror.mjs +78 -120
  92. package/dist/esm/noise-displacement.mjs +156 -151
  93. package/dist/esm/noise.mjs +107 -143
  94. package/dist/esm/outline.mjs +192 -170
  95. package/dist/esm/page-turn.mjs +141 -244
  96. package/dist/esm/paper.mjs +522 -194
  97. package/dist/esm/pattern.mjs +4 -568
  98. package/dist/esm/pixel-dissolve.mjs +158 -186
  99. package/dist/esm/pixelate.mjs +92 -149
  100. package/dist/esm/radial-progressive-blur.mjs +96 -118
  101. package/dist/esm/radial-progressive-pixelate.mjs +91 -384
  102. package/dist/esm/radial-wipe.mjs +224 -0
  103. package/dist/esm/rain-fall.mjs +114 -0
  104. package/dist/esm/region-blur.mjs +138 -192
  105. package/dist/esm/rings.mjs +6 -512
  106. package/dist/esm/roughen-edges.mjs +180 -156
  107. package/dist/esm/saturation.mjs +56 -122
  108. package/dist/esm/scale.mjs +50 -60
  109. package/dist/esm/scanlines.mjs +115 -149
  110. package/dist/esm/shadows-highlights.mjs +103 -205
  111. package/dist/esm/shatter.mjs +868 -0
  112. package/dist/esm/shine.mjs +192 -227
  113. package/dist/esm/shrinkwrap.mjs +388 -225
  114. package/dist/esm/skew.mjs +100 -145
  115. package/dist/esm/snow-fall.mjs +170 -0
  116. package/dist/esm/speckle.mjs +192 -210
  117. package/dist/esm/sphere.mjs +101 -225
  118. package/dist/esm/starburst.mjs +6 -345
  119. package/dist/esm/tear.mjs +138 -155
  120. package/dist/esm/thermal-vision.mjs +135 -152
  121. package/dist/esm/tile.mjs +5 -184
  122. package/dist/esm/tint.mjs +80 -132
  123. package/dist/esm/translate.mjs +55 -137
  124. package/dist/esm/turbulent-displace.mjs +182 -221
  125. package/dist/esm/tv-signal-off.mjs +140 -149
  126. package/dist/esm/venetian-blinds.mjs +91 -140
  127. package/dist/esm/vibrance.mjs +95 -204
  128. package/dist/esm/vignette.mjs +136 -155
  129. package/dist/esm/wave.mjs +88 -47
  130. package/dist/esm/waves.mjs +181 -169
  131. package/dist/esm/white-balance.mjs +100 -204
  132. package/dist/esm/white-noise.mjs +98 -146
  133. package/dist/esm/zigzag.mjs +6 -575
  134. package/dist/esm/zoom-blur.mjs +90 -121
  135. package/dist/evolve.d.ts +46 -10
  136. package/dist/film-burn-webgpu-shader.d.ts +1 -0
  137. package/dist/film-burn.d.ts +40 -0
  138. package/dist/fisheye/webgpu-shader.d.ts +1 -0
  139. package/dist/flannel-webgpu-shader.d.ts +1 -0
  140. package/dist/fractal-noise/shader.d.ts +1 -1
  141. package/dist/fractal-noise/webgpu-shader.d.ts +1 -0
  142. package/dist/gaussian-blur-webgpu-shader.d.ts +1 -0
  143. package/dist/glow/webgpu-shaders.d.ts +2 -0
  144. package/dist/gridlines-webgpu-shader.d.ts +1 -0
  145. package/dist/halftone-linear-gradient-webgpu-shader.d.ts +1 -0
  146. package/dist/halftone-webgpu-shader.d.ts +1 -0
  147. package/dist/iris-wipe.d.ts +78 -0
  148. package/dist/lens-blur/webgpu-shader.d.ts +1 -0
  149. package/dist/levels.d.ts +69 -2
  150. package/dist/light-leak-webgpu-shader.d.ts +1 -0
  151. package/dist/light-trail/webgpu-shader.d.ts +1 -0
  152. package/dist/linear-gradient-tint-webgpu-shader.d.ts +1 -0
  153. package/dist/linear-gradient-webgpu-shader.d.ts +1 -0
  154. package/dist/lines-webgpu-shader.d.ts +1 -0
  155. package/dist/liquid-contours-webgpu-shader.d.ts +1 -0
  156. package/dist/long-shadows-webgpu-shaders.d.ts +2 -0
  157. package/dist/lut/webgpu-shader.d.ts +1 -0
  158. package/dist/mirror/webgpu-shader.d.ts +1 -0
  159. package/dist/noise-displacement-webgpu-shader.d.ts +1 -0
  160. package/dist/noise-webgpu-shader.d.ts +1 -0
  161. package/dist/outline/webgpu-shader.d.ts +1 -0
  162. package/dist/page-turn/webgl-shader.d.ts +1 -0
  163. package/dist/paper-webgpu-shader.d.ts +2 -0
  164. package/dist/pattern-webgpu-shader.d.ts +1 -0
  165. package/dist/pixel-dissolve-webgpu-shader.d.ts +1 -0
  166. package/dist/progressive-pixelate-runtime.d.ts +1 -0
  167. package/dist/radial-wipe.d.ts +19 -0
  168. package/dist/rain-fall.d.ts +143 -0
  169. package/dist/rect-transform-runtime.d.ts +11 -0
  170. package/dist/region-blur/webgpu-shader.d.ts +1 -0
  171. package/dist/rings-webgpu-shader.d.ts +1 -0
  172. package/dist/roughen-edges-webgpu-shader.d.ts +1 -0
  173. package/dist/shatter/geometry.d.ts +19 -0
  174. package/dist/shatter/index.d.ts +39 -0
  175. package/dist/shatter/runtime.d.ts +19 -0
  176. package/dist/shatter/webgpu-shader.d.ts +1 -0
  177. package/dist/shatter.d.ts +1 -0
  178. package/dist/shine-webgpu-shader.d.ts +1 -0
  179. package/dist/shrinkwrap-webgpu-shader.d.ts +1 -0
  180. package/dist/single-pass-runtime.d.ts +18 -0
  181. package/dist/skew-webgpu-shader.d.ts +1 -0
  182. package/dist/snow-fall.d.ts +208 -0
  183. package/dist/speckle-webgpu-shader.d.ts +1 -0
  184. package/dist/sphere/webgl-shader.d.ts +1 -0
  185. package/dist/starburst-webgpu-shader.d.ts +1 -0
  186. package/dist/tear-webgpu-shader.d.ts +1 -0
  187. package/dist/thermal-vision-webgpu-shader.d.ts +1 -0
  188. package/dist/tile-gpu-runtime.d.ts +24 -0
  189. package/dist/turbulent-displace/webgpu-shader.d.ts +1 -0
  190. package/dist/value-noise-webgpu-shader.d.ts +1 -0
  191. package/dist/vignette-webgpu-shader.d.ts +1 -0
  192. package/dist/wave/wave-runtime.d.ts +2 -1
  193. package/dist/wave/webgpu-shader.d.ts +1 -0
  194. package/dist/waves-webgpu-shader.d.ts +1 -0
  195. package/dist/weather/params.d.ts +149 -0
  196. package/dist/weather/runtime.d.ts +52 -0
  197. package/dist/weather/shaders.d.ts +4 -0
  198. package/dist/weather/webgpu-runtime.d.ts +36 -0
  199. package/dist/weather/webgpu-shader.d.ts +1 -0
  200. package/dist/webgl-projection-runtime.d.ts +18 -0
  201. package/dist/webgpu-color-state.d.ts +10 -0
  202. package/dist/webgpu-mesh-runtime.d.ts +46 -0
  203. package/dist/webgpu-multipass-runtime.d.ts +50 -0
  204. package/dist/webgpu-projection-runtime.d.ts +9 -5
  205. package/dist/webgpu-single-pass-runtime.d.ts +47 -0
  206. package/dist/white-noise-webgpu-shader.d.ts +1 -0
  207. package/dist/zigzag-webgpu-shader.d.ts +1 -0
  208. package/dist/zoom-blur/webgpu-shader.d.ts +1 -0
  209. package/package.json +59 -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
+ };