@luma.gl/effects 9.2.0-alpha.3 → 9.2.0-alpha.6

package/dist/index.cjs

@@ -455,7 +455,7 @@ var vibrance = {
 };
 
 // dist/passes/postprocessing/image-adjust-filters/vignette.js
-var fs7 = (
+var source7 = (
   /* wgsl */
   `struct vignetteUniforms {
   radius: f32,
@@ -479,10 +479,26 @@ fn vignette_filterColor_ext(color: vec4f, texSize: vec2f, texCoord: vec2f) ->vec
 }
 `
 );
+var fs7 = (
+  /* glsl */
+  `uniform vignetteUniforms {
+  float radius;
+  float amount;
+} vignette;
+
+vec4 vignette_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
+  float dist = distance(texCoord, vec2(0.5, 0.5));
+  float ratio = smoothstep(0.8, vignette.radius * 0.799, dist * (vignette.amount + vignette.radius));
+  return color.rgba * ratio + (1.0 - ratio)*vec4(0.0, 0.0, 0.0, 1.0);
+}
+`
+);
 var vignette = {
   props: {},
   uniforms: {},
   name: "vignette",
+  source: source7,
+  fs: fs7,
   uniformTypes: {
     radius: "f32",
     amount: "f32"
@@ -495,13 +511,12 @@ var vignette = {
     radius: { value: 0.5, min: 0, max: 1 },
     amount: { value: 0.5, min: 0, max: 1 }
   },
-  passes: [{ filter: true }],
-  fs: fs7
+  passes: [{ filter: true }]
 };
 
 // dist/passes/postprocessing/image-blur-filters/tiltshift.js
 var import_shadertools = require("@luma.gl/shadertools");
-var source7 = (
+var source8 = (
   /* wgsl */
   `uniform tiltShiftUniforms {
   blurRadius: f32,
@@ -534,18 +549,11 @@ fn tiltShift_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) -> vec4f
     float weight = 1.0 - abs(percent);
     vec4 offsetColor = texture(source, texCoord + tiltShift_getDelta(texSize) / texSize * percent * radius);
 
-    /* switch to pre-multiplied alpha to correctly blur transparent images */
-    offsetColor.rgb *= offsetColor.a;
-
     color += offsetColor * weight;
     total += weight;
   }
 
   color = color / total;
-
-  /* switch back from pre-multiplied alpha */
-  color.rgb /= color.a + 0.00001;
-
   return color;
 }
 `
@@ -580,19 +588,11 @@ vec4 tiltShift_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     float percent = (t + offset - 0.5) / 30.0;
     float weight = 1.0 - abs(percent);
     vec4 offsetColor = texture(source, texCoord + tiltShift_getDelta(texSize) / texSize * percent * radius);
-
-    /* switch to pre-multiplied alpha to correctly blur transparent images */
-    offsetColor.rgb *= offsetColor.a;
-
     color += offsetColor * weight;
     total += weight;
   }
 
   color = color / total;
-
-  /* switch back from pre-multiplied alpha */
-  color.rgb /= color.a + 0.00001;
-
   return color;
 }
 `
@@ -600,7 +600,7 @@ vec4 tiltShift_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 var tiltShift = {
   name: "tiltShift",
   dependencies: [import_shadertools.random],
-  source: source7,
+  source: source8,
   fs: fs8,
   props: {},
   uniforms: {},
@@ -626,7 +626,7 @@ var tiltShift = {
 
 // dist/passes/postprocessing/image-blur-filters/triangleblur.js
 var import_shadertools2 = require("@luma.gl/shadertools");
-var source8 = (
+var source9 = (
   /* wgsl */
   `uniform triangleBlurUniforms {
   radius: f32,
@@ -705,7 +705,7 @@ vec4 triangleBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 var triangleBlur = {
   name: "triangleBlur",
   dependencies: [import_shadertools2.random],
-  source: source8,
+  source: source9,
   fs: fs9,
   props: {},
   uniforms: {},
@@ -725,7 +725,7 @@ var triangleBlur = {
 
 // dist/passes/postprocessing/image-blur-filters/zoomblur.js
 var import_shadertools3 = require("@luma.gl/shadertools");
-var source9 = (
+var source10 = (
   /* wgsl */
   `
 uniform zoomBlurUniforms {
@@ -748,19 +748,11 @@ fn zoomBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) -> vec4f
     float percent = (t + offset) / 40.0;
     float weight = 4.0 * (percent - percent * percent);
     vec4 offsetColor = texture(source, texCoord + toCenter * percent * zoomBlur.strength / texSize);
-
-    /* switch to pre-multiplied alpha to correctly blur transparent images */
-    offsetColor.rgb *= offsetColor.a;
-
     color += offsetColor * weight;
     total += weight;
   }
 
   color = color / total;
-
-  /* switch back from pre-multiplied alpha */
-  color.rgb /= color.a + 0.00001;
-
   return color;
 }
 `
@@ -785,19 +777,11 @@ vec4 zoomBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     float percent = (t + offset) / 40.0;
     float weight = 4.0 * (percent - percent * percent);
     vec4 offsetColor = texture(source, texCoord + toCenter * percent * zoomBlur.strength / texSize);
-
-    /* switch to pre-multiplied alpha to correctly blur transparent images */
-    offsetColor.rgb *= offsetColor.a;
-
     color += offsetColor * weight;
     total += weight;
   }
 
   color = color / total;
-
-  /* switch back from pre-multiplied alpha */
-  color.rgb /= color.a + 0.00001;
-
   return color;
 }
 `
@@ -805,7 +789,7 @@ vec4 zoomBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 var zoomBlur = {
   name: "zoomBlur",
   dependencies: [import_shadertools3.random],
-  source: source9,
+  source: source10,
   fs: fs10,
   props: {},
   uniforms: {},
@@ -821,7 +805,7 @@ var zoomBlur = {
 };
 
 // dist/passes/postprocessing/image-fun-filters/colorhalftone.js
-var source10 = (
+var source11 = (
   /* wgsl */
   `struct colorHalftoneUniforms {
   center: vec2f,
@@ -901,7 +885,7 @@ vec4 colorHalftone_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
 );
 var colorHalftone = {
   name: "colorHalftone",
-  source: source10,
+  source: source11,
   fs: fs11,
   props: {},
   uniforms: {},
@@ -919,7 +903,7 @@ var colorHalftone = {
 };
 
 // dist/passes/postprocessing/image-fun-filters/dotscreen.js
-var source11 = (
+var source12 = (
   /* wgsl */
   `uniform dotScreenUniforms {
   center: vec2f,
@@ -975,7 +959,7 @@ vec4 dotScreen_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
 );
 var dotScreen = {
   name: "dotScreen",
-  source: source11,
+  source: source12,
   fs: fs12,
   props: {},
   uniforms: {},
@@ -994,7 +978,7 @@ var dotScreen = {
 
 // dist/passes/postprocessing/image-fun-filters/edgework.js
 var import_shadertools4 = require("@luma.gl/shadertools");
-var source12 = (
+var source13 = (
   /* wgsl */
   `struct edgeWorkUniforms {
   radius: f32,
@@ -1100,7 +1084,7 @@ vec4 edgeWork_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 var edgeWork = {
   name: "edgeWork",
   dependencies: [import_shadertools4.random],
-  source: source12,
+  source: source13,
   fs: fs13,
   props: {},
   uniforms: {},
@@ -1125,7 +1109,7 @@ var edgeWork = {
 };
 
 // dist/passes/postprocessing/image-fun-filters/hexagonalpixelate.js
-var source13 = (
+var source14 = (
   /* wgsl */
   `struct hexagonalPixelateUniforms {
   center: vec2f,
@@ -1221,7 +1205,7 @@ vec4 hexagonalPixelate_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord
 );
 var hexagonalPixelate = {
   name: "hexagonalPixelate",
-  source: source13,
+  source: source14,
   fs: fs14,
   props: {},
   uniforms: {},
@@ -1237,7 +1221,7 @@ var hexagonalPixelate = {
 };
 
 // dist/passes/postprocessing/image-fun-filters/ink.js
-var source14 = (
+var source15 = (
   /* wgsl */
   `uniform inkUniforms {
   strength: f32,
@@ -1303,7 +1287,7 @@ vec4 ink_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 );
 var ink = {
   name: "ink",
-  source: source14,
+  source: source15,
   fs: fs15,
   props: {},
   uniforms: {},
@@ -1317,7 +1301,7 @@ var ink = {
 };
 
 // dist/passes/postprocessing/image-fun-filters/magnify.js
-var source15 = (
+var source16 = (
   /* wgsl */
   `uniform magnifyUniforms {
   screenXY: vec2f;
@@ -1369,7 +1353,7 @@ vec4 magnify_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 );
 var magnify = {
   name: "magnify",
-  source: source15,
+  source: source16,
   fs: fs16,
   uniformTypes: {
     screenXY: "vec2<f32>",
@@ -1390,7 +1374,7 @@ var magnify = {
 };
 
 // dist/passes/postprocessing/image-warp-filters/warp.js
-var source16 = (
+var source17 = (
   /* wgsl */
   `vec4 warp_sampleColor(sampler2D source, vec2 texSize, vec2 coord) {
   vec4 color = texture(source, coord / texSize);
@@ -1418,13 +1402,13 @@ var fs17 = (
 );
 var warp = {
   name: "warp",
-  source: source16,
+  source: source17,
   fs: fs17,
   passes: []
 };
 
 // dist/passes/postprocessing/image-warp-filters/bulgepinch.js
-var source17 = (
+var source18 = (
   /* wgsl */
   `uniform bulgePinchUniforms {
   radius: f32,
@@ -1490,7 +1474,7 @@ vec4 bulgePinch_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 var bulgePinch = {
   name: "bulgePinch",
   dependencies: [warp],
-  source: source17,
+  source: source18,
   fs: fs18,
   props: {},
   uniforms: {},
@@ -1508,7 +1492,7 @@ var bulgePinch = {
 };
 
 // dist/passes/postprocessing/image-warp-filters/swirl.js
-var source18 = (
+var source19 = (
   /* wgsl */
   `uniform swirlUniforms {
   radius: f32,
@@ -1578,7 +1562,7 @@ vec4 swirl_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 var swirl = {
   name: "swirl",
   dependencies: [warp],
-  source: source18,
+  source: source19,
   fs: fs19,
   props: {},
   uniforms: {},