@remotion/starburst 4.0.467 → 4.0.469

package/dist/esm/index.mjs

@@ -16,6 +16,7 @@ var hexToRgb = (hex) => {
 
 // src/starburst-effect.ts
 var { createEffect, createWebGL2ContextError } = Internals;
+var DEFAULT_ORIGIN = [0.5, 0.5];
 var starburstEffectSchema = {
   rays: {
     type: "number",
@@ -41,29 +42,13 @@ var starburstEffectSchema = {
     default: 0,
     description: "Edge Smoothness"
   },
-  vignette: {
-    type: "number",
+  origin: {
+    type: "uv-coordinate",
     min: 0,
     max: 1,
     step: 0.01,
-    default: 1,
-    description: "Vignette"
-  },
-  originOffsetX: {
-    type: "number",
-    min: -1,
-    max: 1,
-    step: 0.01,
-    default: 0,
-    description: "Origin Offset X"
-  },
-  originOffsetY: {
-    type: "number",
-    min: -1,
-    max: 1,
-    step: 0.01,
-    default: 0,
-    description: "Origin Offset Y"
+    default: DEFAULT_ORIGIN,
+    description: "Origin"
   }
 };
 var resolve = (p) => ({
@@ -71,9 +56,7 @@ var resolve = (p) => ({
   colors: p.colors,
   rotation: p.rotation ?? 0,
   smoothness: p.smoothness ?? 0,
-  vignette: p.vignette ?? 1,
-  originOffsetX: p.originOffsetX ?? 0,
-  originOffsetY: p.originOffsetY ?? 0
+  origin: p.origin ?? DEFAULT_ORIGIN
 });
 var validateStarburstEffectParams = (params) => {
   if (params === null || typeof params !== "object") {
@@ -99,17 +82,13 @@ var validateStarburstEffectParams = (params) => {
   if (r.smoothness < 0 || r.smoothness > 1) {
     throw new RangeError(`"smoothness" must be between 0 and 1, but got ${r.smoothness}`);
   }
-  if (typeof r.vignette !== "number" || !Number.isFinite(r.vignette)) {
-    throw new TypeError(`"vignette" must be a finite number, but got ${JSON.stringify(params.vignette)}`);
-  }
-  if (r.vignette < 0 || r.vignette > 1) {
-    throw new RangeError(`"vignette" must be between 0 and 1, but got ${r.vignette}`);
-  }
-  if (typeof r.originOffsetX !== "number" || !Number.isFinite(r.originOffsetX)) {
-    throw new TypeError(`"originOffsetX" must be a finite number, but got ${JSON.stringify(params.originOffsetX)}`);
+  if (!Array.isArray(r.origin) || r.origin.length !== 2 || r.origin.some((coordinate) => {
+    return typeof coordinate !== "number" || !Number.isFinite(coordinate);
+  })) {
+    throw new TypeError('"origin" must be a [number, number] tuple');
   }
-  if (typeof r.originOffsetY !== "number" || !Number.isFinite(r.originOffsetY)) {
-    throw new TypeError(`"originOffsetY" must be a finite number, but got ${JSON.stringify(params.originOffsetY)}`);
+  if (r.origin.some((coordinate) => coordinate < 0 || coordinate > 1)) {
+    throw new RangeError(`"origin" must contain coordinates between 0 and 1, but got ${JSON.stringify(r.origin)}`);
   }
   for (const c of r.colors) {
     hexToRgb(c);
@@ -127,15 +106,13 @@ void main() {
 var STARBURST_FS = `#version 300 es
 precision highp float;
 
-uniform sampler2D uSource;
 uniform sampler2D colorPalette;
 uniform float numRays;
 uniform float rotationOffset;
 uniform float smoothEdge;
 uniform vec2 resolution;
 uniform float numColors;
-uniform float vignetteAmount;
-uniform vec2 originOffset;
+uniform vec2 origin;
 
 in vec2 vUv;
 out vec4 fragColor;
@@ -144,7 +121,7 @@ const float Pi = 3.14159265359;
 
 void main() {
 	vec2 uv = vUv;
-	vec2 center = uv - 0.5 - originOffset;
+	vec2 center = uv - origin;
 	center.x *= resolution.x / resolution.y;
 
 	float angle = atan(center.y, center.x) + rotationOffset;
@@ -170,16 +147,7 @@ void main() {
 	vec3 prevCol = texture(colorPalette, vec2(prevTexCoord, 0.5)).rgb;
 	col = mix(col, prevCol, blendStart);
 
-	vec2 vignetteCenter = (uv - 0.5) * vec2(resolution.x / resolution.y, 1.0);
-	float dist = length(vignetteCenter);
-	float radius = vignetteAmount * 3.0;
-	float burstAlpha = smoothstep(radius, radius * 0.5, dist);
-
-	vec4 src = texture(uSource, vUv);
-	vec3 burstPm = col * burstAlpha;
-	vec3 outRgb = burstPm + src.rgb * (1.0 - burstAlpha);
-	float outA = burstAlpha + src.a * (1.0 - burstAlpha);
-	fragColor = vec4(outRgb, outA);
+	fragColor = vec4(col, 1.0);
 }
 `;
 var compileShader = (gl, type, source) => {
@@ -213,12 +181,12 @@ var linkProgram = (gl, vs, fs) => {
 };
 var starburst = createEffect({
   type: "remotion/starburst",
-  label: "Starburst",
-  documentationLink: "https://www.remotion.dev/docs/starburst/starburst",
+  label: "starburst()",
+  documentationLink: "https://www.remotion.dev/docs/starburst/starburst-effect",
   backend: "webgl2",
   calculateKey: (params) => {
     const r = resolve(params);
-    return `starburst-${r.rays}-${r.colors.join("|")}-${r.rotation}-${r.smoothness}-${r.vignette}-${r.originOffsetX}-${r.originOffsetY}`;
+    return `starburst-${r.rays}-${r.colors.join("|")}-${r.rotation}-${r.smoothness}-${r.origin.join(":")}`;
   },
   setup: (target) => {
     const gl = target.getContext("webgl2", {
@@ -271,14 +239,6 @@ var starburst = createEffect({
     gl.enableVertexAttribArray(aUv);
     gl.vertexAttribPointer(aUv, 2, gl.FLOAT, false, 16, 8);
     gl.bindVertexArray(null);
-    const sourceTexture = gl.createTexture();
-    if (!sourceTexture) {
-      throw new Error("Failed to create WebGL source texture");
-    }
-    gl.bindTexture(gl.TEXTURE_2D, sourceTexture);
-    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);
     const paletteTexture = gl.createTexture();
     if (!paletteTexture) {
       throw new Error("Failed to create WebGL palette texture");
@@ -294,38 +254,32 @@ var starburst = createEffect({
       program,
       vao,
       vbo,
-      sourceTexture,
       paletteTexture,
-      uSource: gl.getUniformLocation(program, "uSource"),
       uColorPalette: gl.getUniformLocation(program, "colorPalette"),
       uNumRays: gl.getUniformLocation(program, "numRays"),
       uRotationOffset: gl.getUniformLocation(program, "rotationOffset"),
       uSmoothEdge: gl.getUniformLocation(program, "smoothEdge"),
       uResolution: gl.getUniformLocation(program, "resolution"),
       uNumColors: gl.getUniformLocation(program, "numColors"),
-      uVignetteAmount: gl.getUniformLocation(program, "vignetteAmount"),
-      uOriginOffset: gl.getUniformLocation(program, "originOffset"),
+      uOrigin: gl.getUniformLocation(program, "origin"),
       cachedPaletteKey: "",
       palettePixelData: new Uint8Array(0)
     };
   },
-  apply: ({ source, width, height, params, state, flipSourceY }) => {
+  apply: ({ width, height, params, state }) => {
     const r = resolve(params);
     const {
       gl,
       program,
       vao,
-      sourceTexture,
       paletteTexture,
-      uSource,
       uColorPalette,
       uNumRays,
       uRotationOffset,
       uSmoothEdge,
       uResolution,
       uNumColors,
-      uVignetteAmount,
-      uOriginOffset
+      uOrigin
     } = state;
     const rotationRad = r.rotation * Math.PI / 180;
     const paletteKey = r.colors.join("|");
@@ -351,20 +305,12 @@ var starburst = createEffect({
     gl.useProgram(program);
     gl.bindVertexArray(vao);
     gl.activeTexture(gl.TEXTURE0);
-    gl.bindTexture(gl.TEXTURE_2D, sourceTexture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
-    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
-    gl.activeTexture(gl.TEXTURE1);
     gl.bindTexture(gl.TEXTURE_2D, paletteTexture);
     if (paletteDirty) {
       gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, r.colors.length, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, state.palettePixelData);
     }
-    if (uSource)
-      gl.uniform1i(uSource, 0);
     if (uColorPalette)
-      gl.uniform1i(uColorPalette, 1);
+      gl.uniform1i(uColorPalette, 0);
     if (uNumRays)
       gl.uniform1f(uNumRays, r.rays);
     if (uNumColors)
@@ -373,10 +319,8 @@ var starburst = createEffect({
       gl.uniform1f(uRotationOffset, rotationRad);
     if (uSmoothEdge)
       gl.uniform1f(uSmoothEdge, r.smoothness);
-    if (uVignetteAmount)
-      gl.uniform1f(uVignetteAmount, r.vignette);
-    if (uOriginOffset)
-      gl.uniform2f(uOriginOffset, r.originOffsetX, r.originOffsetY);
+    if (uOrigin)
+      gl.uniform2f(uOrigin, r.origin[0], 1 - r.origin[1]);
     if (uResolution)
       gl.uniform2f(uResolution, width, height);
     gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
@@ -384,11 +328,10 @@ var starburst = createEffect({
     gl.bindTexture(gl.TEXTURE_2D, null);
     gl.useProgram(null);
   },
-  cleanup: ({ gl, program, vao, vbo, sourceTexture, paletteTexture }) => {
+  cleanup: ({ gl, program, vao, vbo, paletteTexture }) => {
     gl.deleteBuffer(vbo);
     gl.deleteProgram(program);
     gl.deleteVertexArray(vao);
-    gl.deleteTexture(sourceTexture);
     gl.deleteTexture(paletteTexture);
   },
   schema: starburstEffectSchema,
@@ -709,6 +652,7 @@ var StarburstInternals = {
 };
 export {
   starburstEffectSchema,
+  starburst,
   StarburstInternals,
   Starburst
 };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Starburst } from './Starburst';
 export type { StarburstProps } from './Starburst';
-export { starburstEffectSchema, type StarburstEffectParams, } from './starburst-effect';
+export { starburst, starburstEffectSchema, type StarburstEffectParams, type StarburstOrigin, } from './starburst-effect';
 export declare const StarburstInternals: {
     readonly starburst: (params: import("./starburst-effect").StarburstEffectParams & {
         readonly disabled?: boolean | undefined;

package/dist/starburst-effect.d.ts

@@ -23,39 +23,22 @@ export declare const starburstEffectSchema: {
         readonly default: 0;
         readonly description: "Edge Smoothness";
     };
-    readonly vignette: {
-        readonly type: "number";
+    readonly origin: {
+        readonly type: "uv-coordinate";
         readonly min: 0;
         readonly max: 1;
         readonly step: 0.01;
-        readonly default: 1;
-        readonly description: "Vignette";
-    };
-    readonly originOffsetX: {
-        readonly type: "number";
-        readonly min: -1;
-        readonly max: 1;
-        readonly step: 0.01;
-        readonly default: 0;
-        readonly description: "Origin Offset X";
-    };
-    readonly originOffsetY: {
-        readonly type: "number";
-        readonly min: -1;
-        readonly max: 1;
-        readonly step: 0.01;
-        readonly default: 0;
-        readonly description: "Origin Offset Y";
+        readonly default: readonly [0.5, 0.5];
+        readonly description: "Origin";
     };
 };
+export type StarburstOrigin = readonly [number, number];
 export type StarburstEffectParams = {
     readonly rays: number;
     readonly colors: readonly string[];
     readonly rotation?: number;
     readonly smoothness?: number;
-    readonly vignette?: number;
-    readonly originOffsetX?: number;
-    readonly originOffsetY?: number;
+    readonly origin?: StarburstOrigin;
 };
 export declare const starburst: (params: StarburstEffectParams & {
     readonly disabled?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/starburst",
-	"version": "4.0.467",
+	"version": "4.0.469",
 	"description": "Starburst ray effect for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.467",
+		"remotion": "4.0.469",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -42,7 +42,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.467",
+		"@remotion/eslint-config-internal": "4.0.469",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},