@remotion/effects 4.0.540 → 4.0.542

package/dist/esm/preview/exposure.mjs

@@ -0,0 +1,264 @@
+import {
+  COLOR_SPACE_GLSL,
+  COLOR_SPACE_WGSL
+} from "./index-6jkps947.mjs";
+import {
+  assertOptionalFiniteNumber
+} from "./index-wxhvgv2s.mjs";
+import {
+  WEBGPU_SINGLE_PASS_VERTEX,
+  setupWebGpuSinglePass,
+  cleanupWebGpuSinglePass,
+  applyWebGpuSinglePass
+} from "./index-tvfexb7s.mjs";
+import {
+  assertEffectParamsObject
+} from "./index-4fvp93ps.mjs";
+
+// src/exposure.ts
+import { Internals } from "remotion";
+var { createEffect, createWebGL2ContextError } = Internals;
+var DEFAULT_STOPS = 0;
+var MIN_STOPS = -5;
+var MAX_STOPS = 5;
+var exposureSchema = {
+  stops: {
+    type: "number",
+    min: MIN_STOPS,
+    max: MAX_STOPS,
+    step: 0.1,
+    default: DEFAULT_STOPS,
+    description: "Stops",
+    hiddenFromList: false
+  }
+};
+var resolve = (params) => ({
+  stops: params.stops ?? DEFAULT_STOPS
+});
+var validateExposureParams = (params) => {
+  assertEffectParamsObject(params, "Exposure");
+  assertOptionalFiniteNumber(params.stops, "stops");
+  const { stops } = resolve(params);
+  if (stops < MIN_STOPS) {
+    throw new TypeError(`"stops" must be >= ${MIN_STOPS}, but got ${JSON.stringify(stops)}`);
+  }
+  if (stops > MAX_STOPS) {
+    throw new TypeError(`"stops" must be <= ${MAX_STOPS}, but got ${JSON.stringify(stops)}`);
+  }
+};
+var VERTEX_SHADER = `#version 300 es
+in vec2 aPos;
+in vec2 aUv;
+out vec2 vUv;
+
+void main() {
+	vUv = aUv;
+	gl_Position = vec4(aPos, 0.0, 1.0);
+}
+`;
+var FRAGMENT_SHADER = `#version 300 es
+precision highp float;
+
+in vec2 vUv;
+out vec4 fragColor;
+
+uniform sampler2D uSource;
+uniform float uStops;
+
+${COLOR_SPACE_GLSL}
+
+void main() {
+	vec4 sourceColor = texture(uSource, vUv);
+	float alpha = sourceColor.a;
+
+	if (alpha <= 0.0) {
+		fragColor = vec4(0.0);
+		return;
+	}
+
+	vec3 unpremultiplied = sourceColor.rgb / alpha;
+	vec3 linear = srgbToLinear(unpremultiplied);
+	vec3 exposed = linear * exp2(uStops);
+	vec3 corrected = linearToSrgb(exposed);
+
+	fragColor = vec4(corrected * alpha, alpha);
+}
+`;
+var WEBGPU_SHADER = `
+${WEBGPU_SINGLE_PASS_VERTEX}
+struct Params {
+	stops: f32,
+	padding0: f32,
+	padding1: f32,
+	padding2: f32,
+}
+@group(0) @binding(0) var source: texture_2d<f32>;
+@group(0) @binding(1) var sourceSampler: sampler;
+@group(0) @binding(2) var<uniform> params: Params;
+${COLOR_SPACE_WGSL}
+
+@fragment fn fragment(input: VertexOutput) -> @location(0) vec4f {
+	let sourceColor = textureSampleLevel(source, sourceSampler, input.uv, 0.0);
+	let alpha = sourceColor.a;
+	if (alpha <= 0.0) {
+		return vec4f(0.0);
+	}
+	let linear = srgbToLinear(sourceColor.rgb / alpha);
+	let exposed = linear * exp2(params.stops);
+	let corrected = linearToSrgb(exposed);
+	return vec4f(corrected * alpha, alpha);
+}
+`;
+var compileShader = (gl, type, source) => {
+  const shader = gl.createShader(type);
+  if (!shader) {
+    throw new Error("Failed to create exposure shader");
+  }
+  gl.shaderSource(shader, source);
+  gl.compileShader(shader);
+  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    const log = gl.getShaderInfoLog(shader);
+    gl.deleteShader(shader);
+    throw new Error(`Exposure shader compile failed: ${log ?? "(no log)"}`);
+  }
+  return shader;
+};
+var createProgram = (gl) => {
+  const vertexShader = compileShader(gl, gl.VERTEX_SHADER, VERTEX_SHADER);
+  const fragmentShader = compileShader(gl, gl.FRAGMENT_SHADER, FRAGMENT_SHADER);
+  const program = gl.createProgram();
+  if (!program) {
+    throw new Error("Failed to create exposure shader program");
+  }
+  gl.attachShader(program, vertexShader);
+  gl.attachShader(program, fragmentShader);
+  gl.linkProgram(program);
+  gl.deleteShader(vertexShader);
+  gl.deleteShader(fragmentShader);
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    const log = gl.getProgramInfoLog(program);
+    gl.deleteProgram(program);
+    throw new Error(`Exposure shader link failed: ${log ?? "(no log)"}`);
+  }
+  return program;
+};
+var createTexture = (gl) => {
+  const texture = gl.createTexture();
+  if (!texture) {
+    throw new Error("Failed to create exposure texture");
+  }
+  gl.bindTexture(gl.TEXTURE_2D, texture);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+  gl.bindTexture(gl.TEXTURE_2D, null);
+  return texture;
+};
+var setupExposure = (target) => {
+  const gl = target.getContext("webgl2", {
+    premultipliedAlpha: true,
+    alpha: true,
+    preserveDrawingBuffer: true
+  });
+  if (!gl) {
+    throw createWebGL2ContextError("exposure effect");
+  }
+  gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+  const program = createProgram(gl);
+  const vao = gl.createVertexArray();
+  if (!vao) {
+    throw new Error("Failed to create exposure vertex array");
+  }
+  const vbo = gl.createBuffer();
+  if (!vbo) {
+    throw new Error("Failed to create exposure vertex buffer");
+  }
+  gl.bindVertexArray(vao);
+  gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
+  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 0, 0, 1, -1, 1, 0, -1, 1, 0, 1, 1, 1, 1, 1]), gl.STATIC_DRAW);
+  const aPos = gl.getAttribLocation(program, "aPos");
+  const aUv = gl.getAttribLocation(program, "aUv");
+  gl.enableVertexAttribArray(aPos);
+  gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 16, 0);
+  gl.enableVertexAttribArray(aUv);
+  gl.vertexAttribPointer(aUv, 2, gl.FLOAT, false, 16, 8);
+  gl.bindVertexArray(null);
+  return {
+    gl,
+    program,
+    vao,
+    vbo,
+    textureSource: createTexture(gl),
+    uniforms: {
+      uSource: gl.getUniformLocation(program, "uSource"),
+      uStops: gl.getUniformLocation(program, "uStops")
+    }
+  };
+};
+var exposure = createEffect({
+  type: "remotion/exposure",
+  label: "exposure()",
+  documentationLink: "https://www.remotion.dev/docs/effects/exposure",
+  calculateKey: (params) => {
+    const { stops } = resolve(params);
+    return `exposure-${stops}`;
+  },
+  implementations: {
+    webgpu: Internals.createEffectImplementation({
+      setup: (target) => setupWebGpuSinglePass(target, "exposure"),
+      apply: ({ source, width, height, params, state, gpuDevice }) => {
+        if (!gpuDevice) {
+          throw new Error("A WebGPU device is required for the exposure effect");
+        }
+        const r = resolve(params);
+        applyWebGpuSinglePass({
+          state,
+          source,
+          width,
+          height,
+          device: gpuDevice,
+          shader: WEBGPU_SHADER,
+          uniformData: new Float32Array([r.stops, 0, 0, 0])
+        });
+      },
+      cleanup: cleanupWebGpuSinglePass
+    }),
+    webgl2: Internals.createEffectImplementation({
+      setup: setupExposure,
+      apply: ({ source, width, height, params, state, flipSourceY }) => {
+        const { stops } = resolve(params);
+        const { gl, program, textureSource, uniforms, vao } = state;
+        gl.viewport(0, 0, width, height);
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.clearColor(0, 0, 0, 0);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, textureSource);
+        gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
+        gl.useProgram(program);
+        if (uniforms.uSource)
+          gl.uniform1i(uniforms.uSource, 0);
+        if (uniforms.uStops)
+          gl.uniform1f(uniforms.uStops, stops);
+        gl.bindVertexArray(vao);
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+        gl.bindVertexArray(null);
+        gl.bindTexture(gl.TEXTURE_2D, null);
+        gl.useProgram(null);
+      },
+      cleanup: ({ gl, program, vao, vbo, textureSource }) => {
+        gl.deleteTexture(textureSource);
+        gl.deleteBuffer(vbo);
+        gl.deleteProgram(program);
+        gl.deleteVertexArray(vao);
+      }
+    })
+  },
+  schema: exposureSchema,
+  validateParams: validateExposureParams
+});
+export {
+  exposure
+};

package/dist/esm/preview/film-burn.mjs

@@ -0,0 +1,298 @@
+import {
+  setupSinglePass,
+  prepareSinglePassSource,
+  drawSinglePass,
+  cleanupSinglePass
+} from "./index-8p04sssx.mjs";
+import {
+  assertOptionalFiniteNumber,
+  validateUnitInterval
+} from "./index-wxhvgv2s.mjs";
+import {
+  WEBGPU_SINGLE_PASS_VERTEX,
+  setupWebGpuSinglePass,
+  cleanupWebGpuSinglePass,
+  applyWebGpuSinglePass
+} from "./index-tvfexb7s.mjs";
+import {
+  assertEffectParamsObject,
+  assertRequiredFiniteNumber
+} from "./index-4fvp93ps.mjs";
+
+// src/film-burn.ts
+import { Internals } from "remotion";
+
+// src/film-burn-webgpu-shader.ts
+var FILM_BURN_WEBGPU_SHADER = `
+${WEBGPU_SINGLE_PASS_VERTEX}
+@group(0) @binding(0) var source: texture_2d<f32>;
+@group(0) @binding(1) var sourceSampler: sampler;
+@group(0) @binding(2) var<uniform> params: Params;
+
+struct Params { size: vec2f, progress: f32, seed: u32, center: vec2f, }
+fn lattice(point: vec3i, seed: u32) -> f32 {
+  let p = bitcast<vec3u>(point);
+  var h = (p.x * 0x27d4eb2du) ^ (p.y * 0x165667b1u) ^ (p.z * 0x9e3779b9u) ^ (seed * 0x85ebca6bu);
+  h ^= h >> 15u; h *= 0x2c1b3c6du; h ^= h >> 12u; h *= 0x297a2d39u; h ^= h >> 15u;
+  return f32(h & 65535u) / 65535.0;
+}
+fn valueNoise(point: vec3f, seed: u32) -> f32 {
+  let cell = vec3i(floor(point));
+  let t = fract(point);
+  let fade = t * t * t * (t * (t * 6.0 - vec3f(15.0)) + vec3f(10.0));
+  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);
+  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);
+  return mix(lower,upper,fade.z);
+}
+@fragment fn fragment(input: VertexOutput) -> @location(0) vec4f {
+  let color = textureSampleLevel(source,sourceSampler,input.uv,0);
+  if (params.progress <= 0.0 || color.a == 0.0) { return color; }
+  if (params.progress >= 1.0) { return vec4f(0); }
+  let pixel = input.uv * params.size;
+  let distanceFromCenter = length(pixel-params.center*params.size)/max(length(params.size),1.0);
+  var noise = 0.0; var amplitude = 1.0; var frequency = 1.0;
+  for(var octave=0;octave<4;octave++) {
+    noise += valueNoise(vec3f(pixel/60.0*frequency,f32(octave)*7.31),params.seed+17u+u32(octave))*amplitude;
+    amplitude *= 0.5; frequency *= 2.0;
+  }
+  noise /= 1.875;
+  let field = noise*0.65+(1.0-min(distanceFromCenter,1.0))*0.35;
+  let threshold = 1.0-params.progress*1.25;
+  let band = 0.12*min(params.progress*10.0,1.0);
+  if(field>threshold+band) { return vec4f(0); }
+  if(field<=threshold-band*2.0) { return color; }
+  let scorch = smoothstep(threshold-band*2.0,threshold,field);
+  let hot = smoothstep(threshold,threshold+band,field);
+  var rgb = color.rgb/color.a*(1.0-scorch*0.85);
+  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));
+  let alpha = color.a*(1.0-hot*0.6);
+  return vec4f(rgb*alpha,alpha);
+}
+
+`;
+
+// src/film-burn.ts
+var { createEffect } = Internals;
+var DEFAULT_PROGRESS = 0;
+var DEFAULT_CENTER = [0.5, 0.5];
+var DEFAULT_SEED = 0;
+var filmBurnSchema = {
+  progress: {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: DEFAULT_PROGRESS,
+    description: "Progress",
+    hiddenFromList: false
+  },
+  center: {
+    type: "uv-coordinate",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: DEFAULT_CENTER,
+    description: "Center"
+  },
+  seed: {
+    type: "number",
+    min: 0,
+    max: 4294967295,
+    step: 1,
+    integer: true,
+    default: DEFAULT_SEED,
+    description: "Seed",
+    hiddenFromList: false
+  }
+};
+var resolve = (params) => ({
+  progress: params.progress ?? DEFAULT_PROGRESS,
+  center: params.center ?? DEFAULT_CENTER,
+  seed: params.seed ?? DEFAULT_SEED
+});
+var validateFilmBurnParams = (params) => {
+  assertEffectParamsObject(params, "Film burn");
+  assertOptionalFiniteNumber(params.progress, "progress");
+  assertOptionalFiniteNumber(params.seed, "seed");
+  if (params.center !== undefined) {
+    if (!Array.isArray(params.center) || params.center.length !== 2) {
+      throw new TypeError('"center" must be a [number, number] tuple');
+    }
+    assertRequiredFiniteNumber(params.center[0], "center[0]");
+    assertRequiredFiniteNumber(params.center[1], "center[1]");
+    validateUnitInterval(params.center[0], "center[0]");
+    validateUnitInterval(params.center[1], "center[1]");
+  }
+  const r = resolve(params);
+  validateUnitInterval(r.progress, "progress");
+  if (!Number.isInteger(r.seed) || r.seed < 0 || r.seed > 4294967295) {
+    throw new TypeError('"seed" must be an unsigned 32-bit integer');
+  }
+};
+var FRAGMENT_SHADER = `#version 300 es
+precision highp float;
+precision highp int;
+
+in vec2 vUv;
+out vec4 fragColor;
+
+uniform sampler2D uSource;
+uniform vec2 uResolution;
+uniform float uProgress;
+uniform vec2 uCenter;
+uniform uint uSeed;
+
+float lattice(ivec3 point, uint seed) {
+	uvec3 p = uvec3(point);
+	uint h = p.x * 0x27d4eb2du ^ p.y * 0x165667b1u
+		^ p.z * 0x9e3779b9u ^ seed * 0x85ebca6bu;
+	h ^= h >> 15;
+	h *= 0x2c1b3c6du;
+	h ^= h >> 12;
+	h *= 0x297a2d39u;
+	h ^= h >> 15;
+	return float(h & 65535u) / 65535.0;
+}
+
+float valueNoise(vec3 point, uint seed) {
+	ivec3 cell = ivec3(floor(point));
+	vec3 t = fract(point);
+	vec3 fade = t * t * t * (t * (t * 6.0 - 15.0) + 10.0);
+	float lower = mix(
+		mix(lattice(cell, seed), lattice(cell + ivec3(1, 0, 0), seed), fade.x),
+		mix(lattice(cell + ivec3(0, 1, 0), seed), lattice(cell + ivec3(1, 1, 0), seed), fade.x),
+		fade.y
+	);
+	float upper = mix(
+		mix(lattice(cell + ivec3(0, 0, 1), seed), lattice(cell + ivec3(1, 0, 1), seed), fade.x),
+		mix(lattice(cell + ivec3(0, 1, 1), seed), lattice(cell + ivec3(1, 1, 1), seed), fade.x),
+		fade.y
+	);
+	return mix(lower, upper, fade.z);
+}
+
+void main() {
+	vec4 source = texture(uSource, vUv);
+	if (uProgress <= 0.0 || source.a == 0.0) {
+		fragColor = source;
+		return;
+	}
+	if (uProgress >= 1.0) {
+		fragColor = vec4(0.0);
+		return;
+	}
+
+	vec2 pixel = vec2(vUv.x, 1.0 - vUv.y) * uResolution;
+	float distanceFromCenter = length(pixel - uCenter * uResolution)
+		/ max(length(uResolution), 1.0);
+	float noise = 0.0;
+	float amplitude = 1.0;
+	float frequency = 1.0;
+	for (int octave = 0; octave < 4; octave++) {
+		noise += valueNoise(
+			vec3(pixel / 60.0 * frequency, float(octave) * 7.31),
+			uSeed + 17u + uint(octave)
+		) * amplitude;
+		amplitude *= 0.5;
+		frequency *= 2.0;
+	}
+	noise /= 1.875;
+	float field = noise * 0.65 + (1.0 - min(distanceFromCenter, 1.0)) * 0.35;
+	float threshold = 1.0 - uProgress * 1.25;
+	float band = 0.12 * min(uProgress * 10.0, 1.0);
+	if (field > threshold + band) {
+		fragColor = vec4(0.0);
+		return;
+	}
+	if (field <= threshold - band * 2.0) {
+		fragColor = source;
+		return;
+	}
+
+	float scorch = smoothstep(threshold - band * 2.0, threshold, field);
+	float hot = smoothstep(threshold, threshold + band, field);
+	vec3 color = source.rgb / source.a * (1.0 - scorch * 0.85);
+	color = vec3(
+		color.r + (1.0 - color.r) * hot * 0.9,
+		color.g + (0.45 - color.g) * hot * 0.9,
+		color.b * (1.0 - hot)
+	);
+	float alpha = source.a * (1.0 - hot * 0.6);
+	fragColor = vec4(color * alpha, alpha);
+}
+`;
+var filmBurn = createEffect({
+  type: "remotion/film-burn",
+  label: "filmBurn()",
+  documentationLink: "https://www.remotion.dev/docs/effects/film-burn",
+  calculateKey: (params) => {
+    const r = resolve(params);
+    return `film-burn-${r.progress}-${r.center.join(":")}-${r.seed}`;
+  },
+  implementations: {
+    webgpu: Internals.createEffectImplementation({
+      setup: (target) => setupWebGpuSinglePass(target, "film-burn"),
+      apply: ({ source, width, height, params, state, gpuDevice }) => {
+        if (!gpuDevice)
+          throw new Error("A WebGPU device is required for the film-burn effect");
+        const r = resolve(params);
+        const uniformData = new Float32Array([
+          width,
+          height,
+          r.progress,
+          0,
+          r.center[0],
+          r.center[1],
+          0,
+          0
+        ]);
+        new Uint32Array(uniformData.buffer)[3] = r.seed;
+        applyWebGpuSinglePass({
+          state,
+          source,
+          width,
+          height,
+          device: gpuDevice,
+          shader: FILM_BURN_WEBGPU_SHADER,
+          uniformData
+        });
+      },
+      cleanup: cleanupWebGpuSinglePass
+    }),
+    webgl2: Internals.createEffectImplementation({
+      setup: (target) => setupSinglePass(target, FRAGMENT_SHADER, "film burn", [
+        "uResolution",
+        "uProgress",
+        "uCenter",
+        "uSeed"
+      ]),
+      apply: ({ source, width, height, params, state, flipSourceY }) => {
+        const r = resolve(params);
+        const { gl, uniforms } = state;
+        prepareSinglePassSource({
+          state,
+          source,
+          width,
+          height,
+          flipSourceY
+        });
+        if (uniforms.uResolution)
+          gl.uniform2f(uniforms.uResolution, width, height);
+        if (uniforms.uProgress)
+          gl.uniform1f(uniforms.uProgress, r.progress);
+        if (uniforms.uCenter)
+          gl.uniform2f(uniforms.uCenter, r.center[0], r.center[1]);
+        if (uniforms.uSeed)
+          gl.uniform1ui(uniforms.uSeed, r.seed);
+        drawSinglePass(state);
+      },
+      cleanup: cleanupSinglePass
+    })
+  },
+  schema: filmBurnSchema,
+  validateParams: validateFilmBurnParams
+});
+export {
+  filmBurn,
+  filmBurnSchema
+};