three-stdlib 2.16.0 → 2.16.2

package/postprocessing/BokehPass.js

@@ -1,40 +1,61 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Pass = require("./Pass.js");
-const THREE = require("three");
-const BokehShader = require("../shaders/BokehShader.js");
-class BokehPass extends Pass.Pass {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { Pass, FullScreenQuad } from './Pass.js';
+import { WebGLRenderTarget, NearestFilter, MeshDepthMaterial, RGBADepthPacking, NoBlending, UniformsUtils, ShaderMaterial, Color } from 'three';
+import { BokehShader } from '../shaders/BokehShader.js';
+
+class BokehPass extends Pass {
   constructor(scene, camera, params) {
     super();
+
+    _defineProperty(this, "scene", void 0);
+
+    _defineProperty(this, "camera", void 0);
+
+    _defineProperty(this, "renderTargetDepth", void 0);
+
+    _defineProperty(this, "materialDepth", void 0);
+
+    _defineProperty(this, "materialBokeh", void 0);
+
+    _defineProperty(this, "fsQuad", void 0);
+
+    _defineProperty(this, "_oldClearColor", void 0);
+
+    _defineProperty(this, "uniforms", void 0);
+
     this.scene = scene;
     this.camera = camera;
-    const focus = params.focus !== void 0 ? params.focus : 1;
-    const aspect = params.aspect !== void 0 ? params.aspect : camera.aspect;
-    const aperture = params.aperture !== void 0 ? params.aperture : 0.025;
-    const maxblur = params.maxblur !== void 0 ? params.maxblur : 1;
+    const focus = params.focus !== undefined ? params.focus : 1.0;
+    const aspect = params.aspect !== undefined ? params.aspect : camera.aspect;
+    const aperture = params.aperture !== undefined ? params.aperture : 0.025;
+    const maxblur = params.maxblur !== undefined ? params.maxblur : 1.0; // render targets
+
     const width = params.width || window.innerWidth || 1;
     const height = params.height || window.innerHeight || 1;
-    this.renderTargetDepth = new THREE.WebGLRenderTarget(width, height, {
-      minFilter: THREE.NearestFilter,
-      magFilter: THREE.NearestFilter
+    this.renderTargetDepth = new WebGLRenderTarget(width, height, {
+      minFilter: NearestFilter,
+      magFilter: NearestFilter
     });
-    this.renderTargetDepth.texture.name = "BokehPass.depth";
-    this.materialDepth = new THREE.MeshDepthMaterial();
-    this.materialDepth.depthPacking = THREE.RGBADepthPacking;
-    this.materialDepth.blending = THREE.NoBlending;
-    if (BokehShader.BokehShader === void 0) {
-      console.error("BokehPass relies on BokehShader");
+    this.renderTargetDepth.texture.name = 'BokehPass.depth'; // depth material
+
+    this.materialDepth = new MeshDepthMaterial();
+    this.materialDepth.depthPacking = RGBADepthPacking;
+    this.materialDepth.blending = NoBlending; // bokeh material
+
+    if (BokehShader === undefined) {
+      console.error('BokehPass relies on BokehShader');
     }
-    const bokehShader = BokehShader.BokehShader;
-    const bokehUniforms = THREE.UniformsUtils.clone(bokehShader.uniforms);
-    bokehUniforms["tDepth"].value = this.renderTargetDepth.texture;
-    bokehUniforms["focus"].value = focus;
-    bokehUniforms["aspect"].value = aspect;
-    bokehUniforms["aperture"].value = aperture;
-    bokehUniforms["maxblur"].value = maxblur;
-    bokehUniforms["nearClip"].value = camera.near;
-    bokehUniforms["farClip"].value = camera.far;
-    this.materialBokeh = new THREE.ShaderMaterial({
+
+    const bokehShader = BokehShader;
+    const bokehUniforms = UniformsUtils.clone(bokehShader.uniforms);
+    bokehUniforms['tDepth'].value = this.renderTargetDepth.texture;
+    bokehUniforms['focus'].value = focus;
+    bokehUniforms['aspect'].value = aspect;
+    bokehUniforms['aperture'].value = aperture;
+    bokehUniforms['maxblur'].value = maxblur;
+    bokehUniforms['nearClip'].value = camera.near;
+    bokehUniforms['farClip'].value = camera.far;
+    this.materialBokeh = new ShaderMaterial({
       defines: Object.assign({}, bokehShader.defines),
       uniforms: bokehUniforms,
       vertexShader: bokehShader.vertexShader,
@@ -42,23 +63,29 @@ class BokehPass extends Pass.Pass {
     });
     this.uniforms = bokehUniforms;
     this.needsSwap = false;
-    this.fsQuad = new Pass.FullScreenQuad(this.materialBokeh);
-    this._oldClearColor = new THREE.Color();
+    this.fsQuad = new FullScreenQuad(this.materialBokeh);
+    this._oldClearColor = new Color();
   }
-  render(renderer, writeBuffer, readBuffer) {
+
+  render(renderer, writeBuffer, readBuffer
+  /*, deltaTime, maskActive */
+  ) {
+    // Render depth into texture
     this.scene.overrideMaterial = this.materialDepth;
     renderer.getClearColor(this._oldClearColor);
     const oldClearAlpha = renderer.getClearAlpha();
     const oldAutoClear = renderer.autoClear;
     renderer.autoClear = false;
-    renderer.setClearColor(16777215);
-    renderer.setClearAlpha(1);
+    renderer.setClearColor(0xffffff);
+    renderer.setClearAlpha(1.0);
     renderer.setRenderTarget(this.renderTargetDepth);
     renderer.clear();
-    renderer.render(this.scene, this.camera);
-    this.uniforms["tColor"].value = readBuffer.texture;
-    this.uniforms["nearClip"].value = this.camera.near;
-    this.uniforms["farClip"].value = this.camera.far;
+    renderer.render(this.scene, this.camera); // Render bokeh composite
+
+    this.uniforms['tColor'].value = readBuffer.texture;
+    this.uniforms['nearClip'].value = this.camera.near;
+    this.uniforms['farClip'].value = this.camera.far;
+
     if (this.renderToScreen) {
       renderer.setRenderTarget(null);
       this.fsQuad.render(renderer);
@@ -67,10 +94,13 @@ class BokehPass extends Pass.Pass {
       renderer.clear();
       this.fsQuad.render(renderer);
     }
+
     this.scene.overrideMaterial = null;
     renderer.setClearColor(this._oldClearColor);
     renderer.setClearAlpha(oldClearAlpha);
     renderer.autoClear = oldAutoClear;
   }
+
 }
-exports.BokehPass = BokehPass;
+
+export { BokehPass };

package/postprocessing/ClearPass.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("./Pass.cjs.js"),l=require("three");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(e);class a extends r.Pass{constructor(e,r){super(),t.default(this,"clearColor",void 0),t.default(this,"clearAlpha",void 0),t.default(this,"_oldClearColor",void 0),this.needsSwap=!1,this.clearColor=void 0!==e?e:0,this.clearAlpha=void 0!==r?r:0,this._oldClearColor=new l.Color}render(e,r,l){let o;this.clearColor&&(e.getClearColor(this._oldClearColor),o=e.getClearAlpha(),e.setClearColor(this.clearColor,this.clearAlpha)),e.setRenderTarget(this.renderToScreen?null:l),e.clear(),this.clearColor&&e.setClearColor(this._oldClearColor,o)}}exports.ClearPass=a;

package/postprocessing/ClearPass.js

@@ -1,27 +1,42 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Pass = require("./Pass.js");
-const THREE = require("three");
-class ClearPass extends Pass.Pass {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { Pass } from './Pass.js';
+import { Color } from 'three';
+
+class ClearPass extends Pass {
   constructor(clearColor, clearAlpha) {
     super();
+
+    _defineProperty(this, "clearColor", void 0);
+
+    _defineProperty(this, "clearAlpha", void 0);
+
+    _defineProperty(this, "_oldClearColor", void 0);
+
     this.needsSwap = false;
-    this.clearColor = clearColor !== void 0 ? clearColor : 0;
-    this.clearAlpha = clearAlpha !== void 0 ? clearAlpha : 0;
-    this._oldClearColor = new THREE.Color();
+    this.clearColor = clearColor !== undefined ? clearColor : 0x000000;
+    this.clearAlpha = clearAlpha !== undefined ? clearAlpha : 0;
+    this._oldClearColor = new Color();
   }
-  render(renderer, writeBuffer, readBuffer) {
+
+  render(renderer, writeBuffer, readBuffer
+  /*, deltaTime, maskActive */
+  ) {
     let oldClearAlpha;
+
     if (this.clearColor) {
       renderer.getClearColor(this._oldClearColor);
       oldClearAlpha = renderer.getClearAlpha();
       renderer.setClearColor(this.clearColor, this.clearAlpha);
     }
+
     renderer.setRenderTarget(this.renderToScreen ? null : readBuffer);
     renderer.clear();
+
     if (this.clearColor) {
       renderer.setClearColor(this._oldClearColor, oldClearAlpha);
     }
   }
+
 }
-exports.ClearPass = ClearPass;
+
+export { ClearPass };

package/postprocessing/CubeTexturePass.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),t=require("./Pass.cjs.js");require("@babel/runtime/helpers/defineProperty");var r=function(t,r,a){this.camera=t,this.needsSwap=!1,this.cubeShader=e.ShaderLib.cube,this.cubeMesh=new e.Mesh(new e.BoxGeometry(10,10,10),new e.ShaderMaterial({uniforms:e.UniformsUtils.clone(this.cubeShader.uniforms),vertexShader:this.cubeShader.vertexShader,fragmentShader:this.cubeShader.fragmentShader,depthTest:!1,depthWrite:!1,side:e.BackSide})),Object.defineProperty(this.cubeMesh.material,"envMap",{get:function(){return this.uniforms.envMap.value}}),this.envMap=r,this.opacity=void 0!==a?a:1,this.cubeScene=new e.Scene,this.cubeCamera=new e.PerspectiveCamera,this.cubeScene.add(this.cubeMesh)};r.prototype=Object.assign(Object.create(t.Pass.prototype),{constructor:r,render:function(e,t,r){var a=e.autoClear;e.autoClear=!1,this.cubeCamera.projectionMatrix.copy(this.camera.projectionMatrix),this.cubeCamera.quaternion.setFromRotationMatrix(this.camera.matrixWorld),this.cubeMesh.material.uniforms.envMap.value=this.envMap,this.cubeMesh.material.uniforms.flipEnvMap.value=this.envMap.isCubeTexture&&this.envMap._needsFlipEnvMap?-1:1,this.cubeMesh.material.uniforms.opacity.value=this.opacity,this.cubeMesh.material.transparent=this.opacity<1,e.setRenderTarget(this.renderToScreen?null:r),this.clear&&e.clear(),e.render(this.cubeScene,this.cubeCamera),e.autoClear=a}}),exports.CubeTexturePass=r;

package/postprocessing/CubeTexturePass.js

@@ -1,36 +1,35 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const Pass = require("./Pass.js");
-var CubeTexturePass = function(camera, envMap, opacity) {
+import { ShaderLib, Mesh, BoxGeometry, ShaderMaterial, UniformsUtils, BackSide, Scene, PerspectiveCamera } from 'three';
+import { Pass } from './Pass.js';
+
+var CubeTexturePass = function (camera, envMap, opacity) {
   this.camera = camera;
   this.needsSwap = false;
-  this.cubeShader = THREE.ShaderLib["cube"];
-  this.cubeMesh = new THREE.Mesh(
-    new THREE.BoxGeometry(10, 10, 10),
-    new THREE.ShaderMaterial({
-      uniforms: THREE.UniformsUtils.clone(this.cubeShader.uniforms),
-      vertexShader: this.cubeShader.vertexShader,
-      fragmentShader: this.cubeShader.fragmentShader,
-      depthTest: false,
-      depthWrite: false,
-      side: THREE.BackSide
-    })
-  );
-  Object.defineProperty(this.cubeMesh.material, "envMap", {
-    get: function() {
+  this.cubeShader = ShaderLib['cube'];
+  this.cubeMesh = new Mesh(new BoxGeometry(10, 10, 10), new ShaderMaterial({
+    uniforms: UniformsUtils.clone(this.cubeShader.uniforms),
+    vertexShader: this.cubeShader.vertexShader,
+    fragmentShader: this.cubeShader.fragmentShader,
+    depthTest: false,
+    depthWrite: false,
+    side: BackSide
+  }));
+  Object.defineProperty(this.cubeMesh.material, 'envMap', {
+    get: function () {
       return this.uniforms.envMap.value;
     }
   });
   this.envMap = envMap;
-  this.opacity = opacity !== void 0 ? opacity : 1;
-  this.cubeScene = new THREE.Scene();
-  this.cubeCamera = new THREE.PerspectiveCamera();
+  this.opacity = opacity !== undefined ? opacity : 1.0;
+  this.cubeScene = new Scene();
+  this.cubeCamera = new PerspectiveCamera();
   this.cubeScene.add(this.cubeMesh);
 };
-CubeTexturePass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
+
+CubeTexturePass.prototype = Object.assign(Object.create(Pass.prototype), {
   constructor: CubeTexturePass,
-  render: function(renderer, writeBuffer, readBuffer) {
+  render: function (renderer, writeBuffer, readBuffer
+  /*, deltaTime, maskActive*/
+  ) {
     var oldAutoClear = renderer.autoClear;
     renderer.autoClear = false;
     this.cubeCamera.projectionMatrix.copy(this.camera.projectionMatrix);
@@ -38,12 +37,12 @@ CubeTexturePass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     this.cubeMesh.material.uniforms.envMap.value = this.envMap;
     this.cubeMesh.material.uniforms.flipEnvMap.value = this.envMap.isCubeTexture && this.envMap._needsFlipEnvMap ? -1 : 1;
     this.cubeMesh.material.uniforms.opacity.value = this.opacity;
-    this.cubeMesh.material.transparent = this.opacity < 1;
+    this.cubeMesh.material.transparent = this.opacity < 1.0;
     renderer.setRenderTarget(this.renderToScreen ? null : readBuffer);
-    if (this.clear)
-      renderer.clear();
+    if (this.clear) renderer.clear();
     renderer.render(this.cubeScene, this.cubeCamera);
     renderer.autoClear = oldAutoClear;
   }
 });
-exports.CubeTexturePass = CubeTexturePass;
+
+export { CubeTexturePass };

package/postprocessing/DotScreenPass.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("./Pass.cjs.js"),s=require("three"),t=require("../shaders/DotScreenShader.cjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e);class n extends r.Pass{constructor(e,i,n){super(),a.default(this,"material",void 0),a.default(this,"fsQuad",void 0),a.default(this,"uniforms",void 0),void 0===t.DotScreenShader&&console.error("THREE.DotScreenPass relies on THREE.DotScreenShader");const o=t.DotScreenShader;this.uniforms=s.UniformsUtils.clone(o.uniforms),void 0!==e&&this.uniforms.center.value.copy(e),void 0!==i&&(this.uniforms.angle.value=i),void 0!==n&&(this.uniforms.scale.value=n),this.material=new s.ShaderMaterial({uniforms:this.uniforms,vertexShader:o.vertexShader,fragmentShader:o.fragmentShader}),this.fsQuad=new r.FullScreenQuad(this.material)}render(e,r,s){this.uniforms.tDiffuse.value=s.texture,this.uniforms.tSize.value.set(s.width,s.height),this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(r),this.clear&&e.clear(),this.fsQuad.render(e))}}exports.DotScreenPass=n;

package/postprocessing/DotScreenPass.js

@@ -1,40 +1,48 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Pass = require("./Pass.js");
-const THREE = require("three");
-const DotScreenShader = require("../shaders/DotScreenShader.js");
-class DotScreenPass extends Pass.Pass {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { Pass, FullScreenQuad } from './Pass.js';
+import { UniformsUtils, ShaderMaterial } from 'three';
+import { DotScreenShader } from '../shaders/DotScreenShader.js';
+
+class DotScreenPass extends Pass {
   constructor(center, angle, scale) {
     super();
-    if (DotScreenShader.DotScreenShader === void 0)
-      console.error("THREE.DotScreenPass relies on THREE.DotScreenShader");
-    const shader = DotScreenShader.DotScreenShader;
-    this.uniforms = THREE.UniformsUtils.clone(shader.uniforms);
-    if (center !== void 0)
-      this.uniforms["center"].value.copy(center);
-    if (angle !== void 0)
-      this.uniforms["angle"].value = angle;
-    if (scale !== void 0)
-      this.uniforms["scale"].value = scale;
-    this.material = new THREE.ShaderMaterial({
+
+    _defineProperty(this, "material", void 0);
+
+    _defineProperty(this, "fsQuad", void 0);
+
+    _defineProperty(this, "uniforms", void 0);
+
+    if (DotScreenShader === undefined) console.error('THREE.DotScreenPass relies on THREE.DotScreenShader');
+    const shader = DotScreenShader;
+    this.uniforms = UniformsUtils.clone(shader.uniforms);
+    if (center !== undefined) this.uniforms['center'].value.copy(center);
+    if (angle !== undefined) this.uniforms['angle'].value = angle;
+    if (scale !== undefined) this.uniforms['scale'].value = scale;
+    this.material = new ShaderMaterial({
       uniforms: this.uniforms,
       vertexShader: shader.vertexShader,
       fragmentShader: shader.fragmentShader
     });
-    this.fsQuad = new Pass.FullScreenQuad(this.material);
+    this.fsQuad = new FullScreenQuad(this.material);
   }
-  render(renderer, writeBuffer, readBuffer) {
-    this.uniforms["tDiffuse"].value = readBuffer.texture;
-    this.uniforms["tSize"].value.set(readBuffer.width, readBuffer.height);
+
+  render(renderer, writeBuffer, readBuffer
+  /*, deltaTime, maskActive */
+  ) {
+    this.uniforms['tDiffuse'].value = readBuffer.texture;
+    this.uniforms['tSize'].value.set(readBuffer.width, readBuffer.height);
+
     if (this.renderToScreen) {
       renderer.setRenderTarget(null);
       this.fsQuad.render(renderer);
     } else {
       renderer.setRenderTarget(writeBuffer);
-      if (this.clear)
-        renderer.clear();
+      if (this.clear) renderer.clear();
       this.fsQuad.render(renderer);
     }
   }
+
 }
-exports.DotScreenPass = DotScreenPass;
+
+export { DotScreenPass };

package/postprocessing/EffectComposer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("three"),s=require("../shaders/CopyShader.cjs.js"),i=require("./ShaderPass.cjs.js"),r=require("./MaskPass.cjs.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Pass.cjs.js");var a=h(e);exports.EffectComposer=class{constructor(e,r){if(a.default(this,"renderer",void 0),a.default(this,"_pixelRatio",void 0),a.default(this,"_width",void 0),a.default(this,"_height",void 0),a.default(this,"renderTarget1",void 0),a.default(this,"renderTarget2",void 0),a.default(this,"writeBuffer",void 0),a.default(this,"readBuffer",void 0),a.default(this,"renderToScreen",void 0),a.default(this,"passes",[]),a.default(this,"copyPass",void 0),a.default(this,"clock",void 0),this.renderer=e,void 0===r){const s={minFilter:t.LinearFilter,magFilter:t.LinearFilter,format:t.RGBAFormat},i=e.getSize(new t.Vector2);this._pixelRatio=e.getPixelRatio(),this._width=i.width,this._height=i.height,(r=new t.WebGLRenderTarget(this._width*this._pixelRatio,this._height*this._pixelRatio,s)).texture.name="EffectComposer.rt1"}else this._pixelRatio=1,this._width=r.width,this._height=r.height;this.renderTarget1=r,this.renderTarget2=r.clone(),this.renderTarget2.texture.name="EffectComposer.rt2",this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2,this.renderToScreen=!0,void 0===s.CopyShader&&console.error("THREE.EffectComposer relies on CopyShader"),void 0===i.ShaderPass&&console.error("THREE.EffectComposer relies on ShaderPass"),this.copyPass=new i.ShaderPass(s.CopyShader),this.clock=new t.Clock}swapBuffers(){const e=this.readBuffer;this.readBuffer=this.writeBuffer,this.writeBuffer=e}addPass(e){this.passes.push(e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}insertPass(e,t){this.passes.splice(t,0,e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}removePass(e){const t=this.passes.indexOf(e);-1!==t&&this.passes.splice(t,1)}isLastEnabledPass(e){for(let t=e+1;t<this.passes.length;t++)if(this.passes[t].enabled)return!1;return!0}render(e){void 0===e&&(e=this.clock.getDelta());const t=this.renderer.getRenderTarget();let s=!1;const i=this.passes.length;for(let t=0;t<i;t++){const i=this.passes[t];if(!1!==i.enabled){if(i.renderToScreen=this.renderToScreen&&this.isLastEnabledPass(t),i.render(this.renderer,this.writeBuffer,this.readBuffer,e,s),i.needsSwap){if(s){const t=this.renderer.getContext(),s=this.renderer.state.buffers.stencil;s.setFunc(t.NOTEQUAL,1,4294967295),this.copyPass.render(this.renderer,this.writeBuffer,this.readBuffer,e),s.setFunc(t.EQUAL,1,4294967295)}this.swapBuffers()}void 0!==r.MaskPass&&(i instanceof r.MaskPass?s=!0:i instanceof r.ClearMaskPass&&(s=!1))}}this.renderer.setRenderTarget(t)}reset(e){if(void 0===e){const s=this.renderer.getSize(new t.Vector2);this._pixelRatio=this.renderer.getPixelRatio(),this._width=s.width,this._height=s.height,(e=this.renderTarget1.clone()).setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.renderTarget1=e,this.renderTarget2=e.clone(),this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2}setSize(e,t){this._width=e,this._height=t;const s=this._width*this._pixelRatio,i=this._height*this._pixelRatio;this.renderTarget1.setSize(s,i),this.renderTarget2.setSize(s,i);for(let e=0;e<this.passes.length;e++)this.passes[e].setSize(s,i)}setPixelRatio(e){this._pixelRatio=e,this.setSize(this._width,this._height)}};

package/postprocessing/EffectComposer.js

@@ -1,118 +1,160 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const CopyShader = require("../shaders/CopyShader.js");
-const ShaderPass = require("./ShaderPass.js");
-const MaskPass = require("./MaskPass.js");
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { Vector2, WebGLRenderTarget, Clock, LinearFilter, RGBAFormat } from 'three';
+import { CopyShader } from '../shaders/CopyShader.js';
+import { ShaderPass } from './ShaderPass.js';
+import { MaskPass, ClearMaskPass } from './MaskPass.js';
+
 class EffectComposer {
   constructor(renderer, renderTarget) {
-    this.passes = [];
+    _defineProperty(this, "renderer", void 0);
+
+    _defineProperty(this, "_pixelRatio", void 0);
+
+    _defineProperty(this, "_width", void 0);
+
+    _defineProperty(this, "_height", void 0);
+
+    _defineProperty(this, "renderTarget1", void 0);
+
+    _defineProperty(this, "renderTarget2", void 0);
+
+    _defineProperty(this, "writeBuffer", void 0);
+
+    _defineProperty(this, "readBuffer", void 0);
+
+    _defineProperty(this, "renderToScreen", void 0);
+
+    _defineProperty(this, "passes", []);
+
+    _defineProperty(this, "copyPass", void 0);
+
+    _defineProperty(this, "clock", void 0);
+
     this.renderer = renderer;
-    if (renderTarget === void 0) {
+
+    if (renderTarget === undefined) {
       const parameters = {
-        minFilter: THREE.LinearFilter,
-        magFilter: THREE.LinearFilter,
-        format: THREE.RGBAFormat
+        minFilter: LinearFilter,
+        magFilter: LinearFilter,
+        format: RGBAFormat
       };
-      const size = renderer.getSize(new THREE.Vector2());
+      const size = renderer.getSize(new Vector2());
       this._pixelRatio = renderer.getPixelRatio();
       this._width = size.width;
       this._height = size.height;
-      renderTarget = new THREE.WebGLRenderTarget(
-        this._width * this._pixelRatio,
-        this._height * this._pixelRatio,
-        parameters
-      );
-      renderTarget.texture.name = "EffectComposer.rt1";
+      renderTarget = new WebGLRenderTarget(this._width * this._pixelRatio, this._height * this._pixelRatio, parameters);
+      renderTarget.texture.name = 'EffectComposer.rt1';
     } else {
       this._pixelRatio = 1;
       this._width = renderTarget.width;
       this._height = renderTarget.height;
     }
+
     this.renderTarget1 = renderTarget;
     this.renderTarget2 = renderTarget.clone();
-    this.renderTarget2.texture.name = "EffectComposer.rt2";
+    this.renderTarget2.texture.name = 'EffectComposer.rt2';
     this.writeBuffer = this.renderTarget1;
     this.readBuffer = this.renderTarget2;
-    this.renderToScreen = true;
-    if (CopyShader.CopyShader === void 0) {
-      console.error("THREE.EffectComposer relies on CopyShader");
+    this.renderToScreen = true; // dependencies
+
+    if (CopyShader === undefined) {
+      console.error('THREE.EffectComposer relies on CopyShader');
     }
-    if (ShaderPass.ShaderPass === void 0) {
-      console.error("THREE.EffectComposer relies on ShaderPass");
+
+    if (ShaderPass === undefined) {
+      console.error('THREE.EffectComposer relies on ShaderPass');
     }
-    this.copyPass = new ShaderPass.ShaderPass(CopyShader.CopyShader);
-    this.clock = new THREE.Clock();
+
+    this.copyPass = new ShaderPass(CopyShader);
+    this.clock = new Clock();
   }
+
   swapBuffers() {
     const tmp = this.readBuffer;
     this.readBuffer = this.writeBuffer;
     this.writeBuffer = tmp;
   }
+
   addPass(pass) {
     this.passes.push(pass);
     pass.setSize(this._width * this._pixelRatio, this._height * this._pixelRatio);
   }
+
   insertPass(pass, index) {
     this.passes.splice(index, 0, pass);
     pass.setSize(this._width * this._pixelRatio, this._height * this._pixelRatio);
   }
+
   removePass(pass) {
     const index = this.passes.indexOf(pass);
+
     if (index !== -1) {
       this.passes.splice(index, 1);
     }
   }
+
   isLastEnabledPass(passIndex) {
     for (let i = passIndex + 1; i < this.passes.length; i++) {
       if (this.passes[i].enabled) {
         return false;
       }
     }
+
     return true;
   }
+
   render(deltaTime) {
-    if (deltaTime === void 0) {
+    // deltaTime value is in seconds
+    if (deltaTime === undefined) {
       deltaTime = this.clock.getDelta();
     }
+
     const currentRenderTarget = this.renderer.getRenderTarget();
     let maskActive = false;
     const il = this.passes.length;
+
     for (let i = 0; i < il; i++) {
       const pass = this.passes[i];
-      if (pass.enabled === false)
-        continue;
+      if (pass.enabled === false) continue;
       pass.renderToScreen = this.renderToScreen && this.isLastEnabledPass(i);
       pass.render(this.renderer, this.writeBuffer, this.readBuffer, deltaTime, maskActive);
+
       if (pass.needsSwap) {
         if (maskActive) {
           const context = this.renderer.getContext();
-          const stencil = this.renderer.state.buffers.stencil;
-          stencil.setFunc(context.NOTEQUAL, 1, 4294967295);
-          this.copyPass.render(this.renderer, this.writeBuffer, this.readBuffer, deltaTime);
-          stencil.setFunc(context.EQUAL, 1, 4294967295);
+          const stencil = this.renderer.state.buffers.stencil; //context.stencilFunc( context.NOTEQUAL, 1, 0xffffffff );
+
+          stencil.setFunc(context.NOTEQUAL, 1, 0xffffffff);
+          this.copyPass.render(this.renderer, this.writeBuffer, this.readBuffer, deltaTime); //context.stencilFunc( context.EQUAL, 1, 0xffffffff );
+
+          stencil.setFunc(context.EQUAL, 1, 0xffffffff);
         }
+
         this.swapBuffers();
       }
-      if (MaskPass.MaskPass !== void 0) {
-        if (pass instanceof MaskPass.MaskPass) {
+
+      if (MaskPass !== undefined) {
+        if (pass instanceof MaskPass) {
           maskActive = true;
-        } else if (pass instanceof MaskPass.ClearMaskPass) {
+        } else if (pass instanceof ClearMaskPass) {
           maskActive = false;
         }
       }
     }
+
     this.renderer.setRenderTarget(currentRenderTarget);
   }
+
   reset(renderTarget) {
-    if (renderTarget === void 0) {
-      const size = this.renderer.getSize(new THREE.Vector2());
+    if (renderTarget === undefined) {
+      const size = this.renderer.getSize(new Vector2());
       this._pixelRatio = this.renderer.getPixelRatio();
       this._width = size.width;
       this._height = size.height;
       renderTarget = this.renderTarget1.clone();
       renderTarget.setSize(this._width * this._pixelRatio, this._height * this._pixelRatio);
     }
+
     this.renderTarget1.dispose();
     this.renderTarget2.dispose();
     this.renderTarget1 = renderTarget;
@@ -120,6 +162,7 @@ class EffectComposer {
     this.writeBuffer = this.renderTarget1;
     this.readBuffer = this.renderTarget2;
   }
+
   setSize(width, height) {
     this._width = width;
     this._height = height;
@@ -127,13 +170,17 @@ class EffectComposer {
     const effectiveHeight = this._height * this._pixelRatio;
     this.renderTarget1.setSize(effectiveWidth, effectiveHeight);
     this.renderTarget2.setSize(effectiveWidth, effectiveHeight);
+
     for (let i = 0; i < this.passes.length; i++) {
       this.passes[i].setSize(effectiveWidth, effectiveHeight);
     }
   }
+
   setPixelRatio(pixelRatio) {
     this._pixelRatio = pixelRatio;
     this.setSize(this._width, this._height);
   }
+
 }
-exports.EffectComposer = EffectComposer;
+
+export { EffectComposer };

package/postprocessing/FilmPass.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("./Pass.cjs.js"),s=require("three"),i=require("../shaders/FilmShader.cjs.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);class n extends r.Pass{constructor(e,t,n,u){super(),a.default(this,"material",void 0),a.default(this,"fsQuad",void 0),a.default(this,"uniforms",void 0),void 0===i.FilmShader&&console.error("THREE.FilmPass relies on FilmShader");const d=i.FilmShader;this.uniforms=s.UniformsUtils.clone(d.uniforms),this.material=new s.ShaderMaterial({uniforms:this.uniforms,vertexShader:d.vertexShader,fragmentShader:d.fragmentShader}),void 0!==u&&(this.uniforms.grayscale.value=u),void 0!==e&&(this.uniforms.nIntensity.value=e),void 0!==t&&(this.uniforms.sIntensity.value=t),void 0!==n&&(this.uniforms.sCount.value=n),this.fsQuad=new r.FullScreenQuad(this.material)}render(e,r,s,i,t){this.uniforms.tDiffuse.value=s.texture,this.uniforms.time.value+=i,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(r),this.clear&&e.clear(),this.fsQuad.render(e))}}exports.FilmPass=n;