@tresjs/post-processing 1.0.0-next.0 → 1.0.0

package/dist/tres-postprocessing.js

@@ -1,338 +0,0 @@
-/**
- * name: @tresjs/post-processing
- * version: v1.0.0-next.0
- * (c) 2024
- * description: Post-processing library for TresJS
- * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
- */
-import { inject as q, shallowRef as E, watchEffect as x, onUnmounted as L, watch as _, defineComponent as d, provide as H, computed as $, renderSlot as I } from "vue";
-import { EffectPass as K, BloomEffect as P, DepthOfFieldEffect as R, EffectComposer as O, RenderPass as J, NormalPass as Q, DepthDownsamplingPass as Z, GlitchEffect as S, GlitchMode as ee, OutlineEffect as D, PixelationEffect as T, VignetteTechnique as te, BlendFunction as G, VignetteEffect as z, NoiseEffect as k } from "postprocessing";
-import { useTresContext as b, useLoop as ne, normalizeColor as w } from "@tresjs/core";
-import { HalfFloatType as A } from "three";
-const W = Symbol("effectComposer"), p = (l) => {
-  const n = q(W), e = E(null), t = E(null), { scene: o, camera: a } = b();
-  x(() => {
-    !a.value || !(t != null && t.value) || (t.value.mainCamera = a.value);
-  });
-  let s = () => {
-  };
-  return s = x(() => {
-    !a.value || !(n != null && n.value) || !o.value || (s(), !t.value && (t.value = l(), e.value = new K(a.value, t.value), n.value.addPass(e.value)));
-  }), L(() => {
-    var r, i, f;
-    e.value && ((r = n == null ? void 0 : n.value) == null || r.removePass(e.value)), (i = t.value) == null || i.dispose(), (f = e.value) == null || f.dispose();
-  }), {
-    pass: e,
-    effect: t
-  };
-}, j = /([^[.\]])+/g, oe = (l, n) => {
-  if (!n)
-    return;
-  const e = Array.isArray(n) ? n : n.match(j);
-  return e == null ? void 0 : e.reduce((t, o) => t && t[o], l);
-}, M = (l, n, e) => {
-  const t = Array.isArray(n) ? n : n.match(j);
-  t && t.reduce((o, a, s) => (o[a] === void 0 && (o[a] = {}), s === t.length - 1 && (o[a] = e), o[a]), l);
-}, B = (l, n) => {
-  const e = { ...l };
-  return n.forEach((t) => delete e[t]), e;
-}, X = (l, n, e, t, o = {}) => _(l, (a) => {
-  var s;
-  if (n.value)
-    if (a === void 0) {
-      const r = t();
-      M(n.value, e, oe(r, e)), (s = r.dispose) == null || s.call(r);
-    } else
-      M(n.value, e, l());
-}, o), y = (l, n, e) => l.map(([t, o]) => X(
-  t,
-  n,
-  o,
-  e
-)), C = (l, n, e) => Object.keys(l).map((t) => X(
-  () => l[t],
-  n,
-  t,
-  e
-)), ue = /* @__PURE__ */ d({
-  __name: "Bloom",
-  props: {
-    blendFunction: {},
-    intensity: {},
-    kernelSize: {},
-    luminanceThreshold: {},
-    luminanceSmoothing: {},
-    mipmapBlur: { type: Boolean, default: void 0 }
-  },
-  setup(l, { expose: n }) {
-    const e = l, { pass: t, effect: o } = p(() => new P(e));
-    return n({ pass: t, effect: o }), y(
-      [
-        // blendFunction is not updated, because it has no setter in BloomEffect
-        [() => e.intensity, "intensity"],
-        [() => e.kernelSize, "kernelSize"],
-        [() => e.luminanceSmoothing, "luminanceMaterial.smoothing"],
-        [() => e.luminanceThreshold, "luminanceMaterial.threshold"]
-      ],
-      o,
-      () => new P()
-    ), (a, s) => null;
-  }
-}), ie = /* @__PURE__ */ d({
-  __name: "DepthOfField",
-  props: {
-    blendFunction: {},
-    worldFocusDistance: {},
-    worldFocusRange: {},
-    focusDistance: {},
-    focusRange: {},
-    bokehScale: {},
-    resolutionScale: {},
-    resolutionX: {},
-    resolutionY: {}
-  },
-  setup(l, { expose: n }) {
-    const e = l, { camera: t } = b(), { pass: o, effect: a } = p(() => new R(t.value, e));
-    return n({ pass: o, effect: a }), y(
-      [
-        // blendFunction is not updated, because it has no setter in BloomEffect
-        [() => e.worldFocusDistance, "circleOfConfusionMaterial.worldFocusDistance"],
-        [() => e.focusDistance, "circleOfConfusionMaterial.focusDistance"],
-        [() => e.worldFocusRange, "circleOfConfusionMaterial.worldFocusRange"],
-        [() => e.focusRange, "circleOfConfusionMaterial.focusRange"],
-        [() => e.bokehScale, "bokehScale"],
-        [() => e.resolutionScale, "blurPass.resolution.scale"],
-        [() => e.resolutionX, "resolution.width"],
-        [() => e.resolutionY, "resolution.height"]
-      ],
-      a,
-      () => new R()
-    ), (s, r) => null;
-  }
-});
-let v;
-function N() {
-  var l;
-  if (v !== void 0)
-    return v;
-  try {
-    let n;
-    const e = document.createElement("canvas");
-    return v = !!(window.WebGL2RenderingContext && (n = e.getContext("webgl2"))), n && ((l = n.getExtension("WEBGL_lose_context")) == null || l.loseContext()), v;
-  } catch {
-    return v = !1;
-  }
-}
-const ce = /* @__PURE__ */ d({
-  __name: "EffectComposer",
-  props: {
-    enabled: { type: Boolean, default: !0 },
-    children: {},
-    depthBuffer: { type: Boolean, default: void 0 },
-    disableNormalPass: { type: Boolean, default: !1 },
-    stencilBuffer: { type: Boolean, default: void 0 },
-    resolutionScale: {},
-    autoClear: { type: Boolean, default: !0 },
-    multisampling: { default: 0 },
-    frameBufferType: { default: A }
-  },
-  emits: ["render"],
-  setup(l, { expose: n, emit: e }) {
-    const t = l, o = e, { scene: a, camera: s, renderer: r, sizes: i, render: f } = b(), u = E(null);
-    let g = null, h = null;
-    H(W, u), n({ composer: u });
-    const Y = () => {
-      u.value && (h = new Q(a.value, s.value), h.enabled = !1, u.value.addPass(h), t.resolutionScale !== void 0 && N() && (g = new Z({
-        normalBuffer: h.texture,
-        resolutionScale: t.resolutionScale
-      }), g.enabled = !1, u.value.addPass(g)));
-    }, V = $(() => {
-      const c = new O(), m = {
-        depthBuffer: t.depthBuffer !== void 0 ? t.depthBuffer : c.inputBuffer.depthBuffer,
-        stencilBuffer: t.stencilBuffer !== void 0 ? t.stencilBuffer : c.inputBuffer.stencilBuffer,
-        multisampling: N() ? t.multisampling !== void 0 ? t.multisampling : c.multisampling : 0,
-        frameBufferType: t.frameBufferType !== void 0 ? t.frameBufferType : A
-      };
-      return c.dispose(), m;
-    }), F = () => {
-      !r.value && !a.value && !s.value || (u.value = new O(r.value, V.value), u.value.addPass(new J(a.value, s.value)), t.disableNormalPass || Y());
-    };
-    _([r, a, s, () => t.disableNormalPass], () => {
-      !i.width.value || !i.height.value || F();
-    }), _(() => [i.width.value, i.height.value], ([c, m]) => {
-      !c && !m || (u.value ? u.value.setSize(c, m) : F());
-    }, {
-      immediate: !0
-    });
-    const { render: U } = ne();
-    return U(() => {
-      if (t.enabled && r.value && u.value && i.width.value && i.height.value && f.frames.value > 0) {
-        const c = r.value.autoClear;
-        r.value.autoClear = t.autoClear, t.stencilBuffer && !t.autoClear && r.value.clearStencil(), u.value.render(), o("render", u.value), r.value.autoClear = c;
-      }
-      f.priority.value = 0, f.mode.value === "always" ? f.frames.value = 1 : f.frames.value = Math.max(0, f.frames.value - 1);
-    }), L(() => {
-      var c;
-      (c = u.value) == null || c.dispose();
-    }), (c, m) => I(c.$slots, "default");
-  }
-}), fe = /* @__PURE__ */ d({
-  __name: "Glitch",
-  props: {
-    blendFunction: {},
-    delay: {},
-    duration: {},
-    strength: {},
-    mode: {},
-    active: { type: Boolean },
-    ratio: {},
-    columns: {},
-    chromaticAberrationOffset: {},
-    perturbationMap: {},
-    dtSize: {}
-  },
-  setup(l, { expose: n }) {
-    const e = l, { pass: t, effect: o } = p(() => new S(e));
-    return n({ pass: t, effect: o }), x(() => {
-      const a = () => {
-        if (e.mode !== void 0)
-          return e.active === !1 ? ee.DISABLED : e.mode;
-        const s = new S(), r = s.mode;
-        return s.dispose(), r;
-      };
-      o.value && (o.value.mode = a());
-    }), C(
-      B(e, ["active", "mode", "blendFunction"]),
-      o,
-      () => new S()
-    ), (a, s) => null;
-  }
-}), de = /* @__PURE__ */ d({
-  __name: "Outline",
-  props: {
-    outlinedObjects: {},
-    blur: { type: Boolean, default: void 0 },
-    xRay: { type: Boolean, default: void 0 },
-    kernelSize: {},
-    pulseSpeed: {},
-    resolutionX: {},
-    resolutionY: {},
-    edgeStrength: {},
-    patternScale: {},
-    multisampling: {},
-    blendFunction: {},
-    patternTexture: {},
-    resolutionScale: {},
-    hiddenEdgeColor: {},
-    visibleEdgeColor: {}
-  },
-  setup(l, { expose: n }) {
-    const e = l, t = (u) => u !== void 0 ? w(u).getHex() : void 0, { camera: o, scene: a } = b(), s = {
-      blur: e.blur,
-      xRay: e.xRay,
-      kernelSize: e.kernelSize,
-      pulseSpeed: e.pulseSpeed,
-      resolutionX: e.resolutionX,
-      resolutionY: e.resolutionY,
-      patternScale: e.patternScale,
-      edgeStrength: e.edgeStrength,
-      blendFunction: e.blendFunction,
-      multisampling: e.multisampling,
-      patternTexture: e.patternTexture,
-      resolutionScale: e.resolutionScale,
-      hiddenEdgeColor: t(e.hiddenEdgeColor),
-      visibleEdgeColor: t(e.visibleEdgeColor)
-    }, { pass: r, effect: i } = p(() => new D(a.value, o.value, s));
-    n({ pass: r, effect: i }), _(
-      [() => e.outlinedObjects, i],
-      // watchEffect is intentionally not used here as it would result in an endless loop
-      () => {
-        var u;
-        (u = i.value) == null || u.selection.set(e.outlinedObjects || []);
-      },
-      {
-        immediate: !0
-      }
-    );
-    const f = $(() => ({
-      hiddenEdgeColor: e.hiddenEdgeColor ? w(e.hiddenEdgeColor) : void 0,
-      visibleEdgeColor: e.visibleEdgeColor ? w(e.visibleEdgeColor) : void 0
-    }));
-    return y(
-      [
-        /* some properties are not updated because of different reasons:
-            resolutionX - has no setter in OutlineEffect
-            resolutionY - has no setter in OutlineEffect
-            blendFunction - has no setter in OutlineEffect
-            patternTexture - different type in constructor and in setter
-            resolutionScale - has no setter in OutlineEffect
-          */
-        [() => e.blur, "blur"],
-        [() => e.xRay, "xRay"],
-        [() => e.pulseSpeed, "pulseSpeed"],
-        [() => e.kernelSize, "kernelSize"],
-        [() => e.edgeStrength, "edgeStrength"],
-        [() => e.patternScale, "patternScale"],
-        [() => e.multisampling, "multisampling"],
-        [() => f.value.hiddenEdgeColor, "hiddenEdgeColor"],
-        [() => f.value.visibleEdgeColor, "visibleEdgeColor"]
-      ],
-      i,
-      () => new D()
-    ), (u, g) => null;
-  }
-}), pe = /* @__PURE__ */ d({
-  __name: "Pixelation",
-  props: {
-    granularity: {}
-  },
-  setup(l, { expose: n }) {
-    const e = l, { pass: t, effect: o } = p(() => new T(e.granularity));
-    return n({ pass: t, effect: o }), C(
-      e,
-      o,
-      () => new T()
-    ), (a, s) => null;
-  }
-}), me = /* @__PURE__ */ d({
-  __name: "Vignette",
-  props: {
-    technique: { default: te.DEFAULT },
-    blendFunction: { default: G.NORMAL },
-    offset: { default: 0.5 },
-    darkness: { default: 0.5 }
-  },
-  setup(l, { expose: n }) {
-    const e = l, { pass: t, effect: o } = p(() => new z(e));
-    return n({ pass: t, effect: o }), C(
-      B(e, ["blendFunction"]),
-      o,
-      () => new z()
-    ), (a, s) => null;
-  }
-}), ve = /* @__PURE__ */ d({
-  __name: "Noise",
-  props: {
-    premultiply: { type: Boolean, default: !1 },
-    blendFunction: { default: G.SCREEN }
-  },
-  setup(l, { expose: n }) {
-    const e = l, { pass: t, effect: o } = p(() => new k(e));
-    return n({ pass: t, effect: o }), C(
-      B(e, ["blendFunction"]),
-      o,
-      () => new k()
-    ), (a, s) => null;
-  }
-});
-export {
-  ue as Bloom,
-  ie as DepthOfField,
-  ce as EffectComposer,
-  fe as Glitch,
-  ve as Noise,
-  de as Outline,
-  pe as Pixelation,
-  me as Vignette,
-  p as useEffect
-};

package/dist/tres-postprocessing.umd.cjs

@@ -1,8 +0,0 @@
-/**
- * name: @tresjs/post-processing
- * version: v1.0.0-next.0
- * (c) 2024
- * description: Post-processing library for TresJS
- * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
- */
-(function(f,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("postprocessing"),require("@tresjs/core"),require("three")):typeof define=="function"&&define.amd?define(["exports","vue","postprocessing","@tresjs/core","three"],a):(f=typeof globalThis<"u"?globalThis:f||self,a(f["tres-postprocessing"]={},f.Vue,f.Postprocessing,f.TresjsCore,f.Three))})(this,function(f,a,r,h,B){"use strict";const y=Symbol("effectComposer"),v=o=>{const n=a.inject(y),e=a.shallowRef(null),t=a.shallowRef(null),{scene:l,camera:i}=h.useTresContext();a.watchEffect(()=>{!i.value||!(t!=null&&t.value)||(t.value.mainCamera=i.value)});let u=()=>{};return u=a.watchEffect(()=>{!i.value||!(n!=null&&n.value)||!l.value||(u(),!t.value&&(t.value=o(),e.value=new r.EffectPass(i.value,t.value),n.value.addPass(e.value)))}),a.onUnmounted(()=>{var s,d,p;e.value&&((s=n==null?void 0:n.value)==null||s.removePass(e.value)),(d=t.value)==null||d.dispose(),(p=e.value)==null||p.dispose()}),{pass:e,effect:t}},x=/([^[.\]])+/g,R=(o,n)=>{if(!n)return;const e=Array.isArray(n)?n:n.match(x);return e==null?void 0:e.reduce((t,l)=>t&&t[l],o)},F=(o,n,e)=>{const t=Array.isArray(n)?n:n.match(x);t&&t.reduce((l,i,u)=>(l[i]===void 0&&(l[i]={}),u===t.length-1&&(l[i]=e),l[i]),o)},S=(o,n)=>{const e={...o};return n.forEach(t=>delete e[t]),e},P=(o,n,e,t,l={})=>a.watch(o,i=>{var u;if(n.value)if(i===void 0){const s=t();F(n.value,e,R(s,e)),(u=s.dispose)==null||u.call(s)}else F(n.value,e,o())},l),g=(o,n,e)=>o.map(([t,l])=>P(t,n,l,e)),_=(o,n,e)=>Object.keys(o).map(t=>P(()=>o[t],n,t,e)),z=a.defineComponent({__name:"Bloom",props:{blendFunction:{},intensity:{},kernelSize:{},luminanceThreshold:{},luminanceSmoothing:{},mipmapBlur:{type:Boolean,default:void 0}},setup(o,{expose:n}){const e=o,{pass:t,effect:l}=v(()=>new r.BloomEffect(e));return n({pass:t,effect:l}),g([[()=>e.intensity,"intensity"],[()=>e.kernelSize,"kernelSize"],[()=>e.luminanceSmoothing,"luminanceMaterial.smoothing"],[()=>e.luminanceThreshold,"luminanceMaterial.threshold"]],l,()=>new r.BloomEffect),(i,u)=>null}}),D=a.defineComponent({__name:"DepthOfField",props:{blendFunction:{},worldFocusDistance:{},worldFocusRange:{},focusDistance:{},focusRange:{},bokehScale:{},resolutionScale:{},resolutionX:{},resolutionY:{}},setup(o,{expose:n}){const e=o,{camera:t}=h.useTresContext(),{pass:l,effect:i}=v(()=>new r.DepthOfFieldEffect(t.value,e));return n({pass:l,effect:i}),g([[()=>e.worldFocusDistance,"circleOfConfusionMaterial.worldFocusDistance"],[()=>e.focusDistance,"circleOfConfusionMaterial.focusDistance"],[()=>e.worldFocusRange,"circleOfConfusionMaterial.worldFocusRange"],[()=>e.focusRange,"circleOfConfusionMaterial.focusRange"],[()=>e.bokehScale,"bokehScale"],[()=>e.resolutionScale,"blurPass.resolution.scale"],[()=>e.resolutionX,"resolution.width"],[()=>e.resolutionY,"resolution.height"]],i,()=>new r.DepthOfFieldEffect),(u,s)=>null}});let C;function T(){var o;if(C!==void 0)return C;try{let n;const e=document.createElement("canvas");return C=!!(window.WebGL2RenderingContext&&(n=e.getContext("webgl2"))),n&&((o=n.getExtension("WEBGL_lose_context"))==null||o.loseContext()),C}catch{return C=!1}}const M=a.defineComponent({__name:"EffectComposer",props:{enabled:{type:Boolean,default:!0},children:{},depthBuffer:{type:Boolean,default:void 0},disableNormalPass:{type:Boolean,default:!1},stencilBuffer:{type:Boolean,default:void 0},resolutionScale:{},autoClear:{type:Boolean,default:!0},multisampling:{default:0},frameBufferType:{default:B.HalfFloatType}},emits:["render"],setup(o,{expose:n,emit:e}){const t=o,l=e,{scene:i,camera:u,renderer:s,sizes:d,render:p}=h.useTresContext(),c=a.shallowRef(null);let w=null,b=null;a.provide(y,c),n({composer:c});const L=()=>{c.value&&(b=new r.NormalPass(i.value,u.value),b.enabled=!1,c.value.addPass(b),t.resolutionScale!==void 0&&T()&&(w=new r.DepthDownsamplingPass({normalBuffer:b.texture,resolutionScale:t.resolutionScale}),w.enabled=!1,c.value.addPass(w)))},$=a.computed(()=>{const m=new r.EffectComposer,E={depthBuffer:t.depthBuffer!==void 0?t.depthBuffer:m.inputBuffer.depthBuffer,stencilBuffer:t.stencilBuffer!==void 0?t.stencilBuffer:m.inputBuffer.stencilBuffer,multisampling:T()?t.multisampling!==void 0?t.multisampling:m.multisampling:0,frameBufferType:t.frameBufferType!==void 0?t.frameBufferType:B.HalfFloatType};return m.dispose(),E}),O=()=>{!s.value&&!i.value&&!u.value||(c.value=new r.EffectComposer(s.value,$.value),c.value.addPass(new r.RenderPass(i.value,u.value)),t.disableNormalPass||L())};a.watch([s,i,u,()=>t.disableNormalPass],()=>{!d.width.value||!d.height.value||O()}),a.watch(()=>[d.width.value,d.height.value],([m,E])=>{!m&&!E||(c.value?c.value.setSize(m,E):O())},{immediate:!0});const{render:q}=h.useLoop();return q(()=>{if(t.enabled&&s.value&&c.value&&d.width.value&&d.height.value&&p.frames.value>0){const m=s.value.autoClear;s.value.autoClear=t.autoClear,t.stencilBuffer&&!t.autoClear&&s.value.clearStencil(),c.value.render(),l("render",c.value),s.value.autoClear=m}p.priority.value=0,p.mode.value==="always"?p.frames.value=1:p.frames.value=Math.max(0,p.frames.value-1)}),a.onUnmounted(()=>{var m;(m=c.value)==null||m.dispose()}),(m,E)=>a.renderSlot(m.$slots,"default")}}),k=a.defineComponent({__name:"Glitch",props:{blendFunction:{},delay:{},duration:{},strength:{},mode:{},active:{type:Boolean},ratio:{},columns:{},chromaticAberrationOffset:{},perturbationMap:{},dtSize:{}},setup(o,{expose:n}){const e=o,{pass:t,effect:l}=v(()=>new r.GlitchEffect(e));return n({pass:t,effect:l}),a.watchEffect(()=>{const i=()=>{if(e.mode!==void 0)return e.active===!1?r.GlitchMode.DISABLED:e.mode;const u=new r.GlitchEffect,s=u.mode;return u.dispose(),s};l.value&&(l.value.mode=i())}),_(S(e,["active","mode","blendFunction"]),l,()=>new r.GlitchEffect),(i,u)=>null}}),A=a.defineComponent({__name:"Outline",props:{outlinedObjects:{},blur:{type:Boolean,default:void 0},xRay:{type:Boolean,default:void 0},kernelSize:{},pulseSpeed:{},resolutionX:{},resolutionY:{},edgeStrength:{},patternScale:{},multisampling:{},blendFunction:{},patternTexture:{},resolutionScale:{},hiddenEdgeColor:{},visibleEdgeColor:{}},setup(o,{expose:n}){const e=o,t=c=>c!==void 0?h.normalizeColor(c).getHex():void 0,{camera:l,scene:i}=h.useTresContext(),u={blur:e.blur,xRay:e.xRay,kernelSize:e.kernelSize,pulseSpeed:e.pulseSpeed,resolutionX:e.resolutionX,resolutionY:e.resolutionY,patternScale:e.patternScale,edgeStrength:e.edgeStrength,blendFunction:e.blendFunction,multisampling:e.multisampling,patternTexture:e.patternTexture,resolutionScale:e.resolutionScale,hiddenEdgeColor:t(e.hiddenEdgeColor),visibleEdgeColor:t(e.visibleEdgeColor)},{pass:s,effect:d}=v(()=>new r.OutlineEffect(i.value,l.value,u));n({pass:s,effect:d}),a.watch([()=>e.outlinedObjects,d],()=>{var c;(c=d.value)==null||c.selection.set(e.outlinedObjects||[])},{immediate:!0});const p=a.computed(()=>({hiddenEdgeColor:e.hiddenEdgeColor?h.normalizeColor(e.hiddenEdgeColor):void 0,visibleEdgeColor:e.visibleEdgeColor?h.normalizeColor(e.visibleEdgeColor):void 0}));return g([[()=>e.blur,"blur"],[()=>e.xRay,"xRay"],[()=>e.pulseSpeed,"pulseSpeed"],[()=>e.kernelSize,"kernelSize"],[()=>e.edgeStrength,"edgeStrength"],[()=>e.patternScale,"patternScale"],[()=>e.multisampling,"multisampling"],[()=>p.value.hiddenEdgeColor,"hiddenEdgeColor"],[()=>p.value.visibleEdgeColor,"visibleEdgeColor"]],d,()=>new r.OutlineEffect),(c,w)=>null}}),N=a.defineComponent({__name:"Pixelation",props:{granularity:{}},setup(o,{expose:n}){const e=o,{pass:t,effect:l}=v(()=>new r.PixelationEffect(e.granularity));return n({pass:t,effect:l}),_(e,l,()=>new r.PixelationEffect),(i,u)=>null}}),j=a.defineComponent({__name:"Vignette",props:{technique:{default:r.VignetteTechnique.DEFAULT},blendFunction:{default:r.BlendFunction.NORMAL},offset:{default:.5},darkness:{default:.5}},setup(o,{expose:n}){const e=o,{pass:t,effect:l}=v(()=>new r.VignetteEffect(e));return n({pass:t,effect:l}),_(S(e,["blendFunction"]),l,()=>new r.VignetteEffect),(i,u)=>null}}),G=a.defineComponent({__name:"Noise",props:{premultiply:{type:Boolean,default:!1},blendFunction:{default:r.BlendFunction.SCREEN}},setup(o,{expose:n}){const e=o,{pass:t,effect:l}=v(()=>new r.NoiseEffect(e));return n({pass:t,effect:l}),_(S(e,["blendFunction"]),l,()=>new r.NoiseEffect),(i,u)=>null}});f.Bloom=z,f.DepthOfField=D,f.EffectComposer=M,f.Glitch=k,f.Noise=G,f.Outline=A,f.Pixelation=N,f.Vignette=j,f.useEffect=v,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});