three-stdlib 2.22.9 → 2.23.0

package/dist/postprocessing/CubeTexturePass.js

@@ -2,41 +2,41 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const THREE = require("three");
 const Pass = require("./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() {
-      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.cubeScene.add(this.cubeMesh);
-};
-CubeTexturePass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
-  constructor: CubeTexturePass,
-  render: function(renderer, writeBuffer, readBuffer) {
-    var oldAutoClear = renderer.autoClear;
+class CubeTexturePass extends Pass.Pass {
+  constructor(camera, tCube, opacity = 1) {
+    super();
+    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() {
+        return this.uniforms.tCube.value;
+      }
+    });
+    this.tCube = tCube;
+    this.opacity = opacity;
+    this.cubeScene = new THREE.Scene();
+    this.cubeCamera = new THREE.PerspectiveCamera();
+    this.cubeScene.add(this.cubeMesh);
+  }
+  render(renderer, writeBuffer, readBuffer) {
+    const oldAutoClear = renderer.autoClear;
     renderer.autoClear = false;
     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.tCube.value = this.tCube;
+    this.cubeMesh.material.uniforms.tFlip.value = this.tCube.isCubeTexture && this.tCube.isRenderTargetTexture === false ? -1 : 1;
     this.cubeMesh.material.uniforms.opacity.value = this.opacity;
     this.cubeMesh.material.transparent = this.opacity < 1;
     renderer.setRenderTarget(this.renderToScreen ? null : readBuffer);
@@ -45,5 +45,9 @@ CubeTexturePass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     renderer.render(this.cubeScene, this.cubeCamera);
     renderer.autoClear = oldAutoClear;
   }
-});
+  dispose() {
+    this.cubeMesh.geometry.dispose();
+    this.cubeMesh.material.dispose();
+  }
+}
 exports.CubeTexturePass = CubeTexturePass;

package/dist/postprocessing/CubeTexturePass.mjs

@@ -1,40 +1,40 @@
 import { ShaderLib, Mesh, BoxGeometry, ShaderMaterial, UniformsUtils, BackSide, Scene, PerspectiveCamera } from "three";
 import { Pass } from "./Pass.mjs";
-var CubeTexturePass = function(camera, envMap, opacity) {
-  this.camera = camera;
-  this.needsSwap = false;
-  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 Scene();
-  this.cubeCamera = new PerspectiveCamera();
-  this.cubeScene.add(this.cubeMesh);
-};
-CubeTexturePass.prototype = Object.assign(Object.create(Pass.prototype), {
-  constructor: CubeTexturePass,
-  render: function(renderer, writeBuffer, readBuffer) {
-    var oldAutoClear = renderer.autoClear;
+class CubeTexturePass extends Pass {
+  constructor(camera, tCube, opacity = 1) {
+    super();
+    this.camera = camera;
+    this.needsSwap = false;
+    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.tCube.value;
+      }
+    });
+    this.tCube = tCube;
+    this.opacity = opacity;
+    this.cubeScene = new Scene();
+    this.cubeCamera = new PerspectiveCamera();
+    this.cubeScene.add(this.cubeMesh);
+  }
+  render(renderer, writeBuffer, readBuffer) {
+    const oldAutoClear = renderer.autoClear;
     renderer.autoClear = false;
     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.tCube.value = this.tCube;
+    this.cubeMesh.material.uniforms.tFlip.value = this.tCube.isCubeTexture && this.tCube.isRenderTargetTexture === false ? -1 : 1;
     this.cubeMesh.material.uniforms.opacity.value = this.opacity;
     this.cubeMesh.material.transparent = this.opacity < 1;
     renderer.setRenderTarget(this.renderToScreen ? null : readBuffer);
@@ -43,7 +43,11 @@ CubeTexturePass.prototype = Object.assign(Object.create(Pass.prototype), {
     renderer.render(this.cubeScene, this.cubeCamera);
     renderer.autoClear = oldAutoClear;
   }
-});
+  dispose() {
+    this.cubeMesh.geometry.dispose();
+    this.cubeMesh.material.dispose();
+  }
+}
 export {
   CubeTexturePass
 };

package/dist/postprocessing/HalftonePass.d.ts

@@ -1,6 +1,6 @@
 import { Pass, FullScreenQuad } from './Pass';
 import { ShaderMaterial, WebGLRenderer, WebGLRenderTarget } from 'three';
-declare type HalftonePassParams = {
+type HalftonePassParams = {
     shape?: number;
     radius?: number;
     rotateR?: number;

package/dist/postprocessing/LUTPass.d.ts

@@ -1,13 +1,13 @@
-import { DataTexture, Data3DTexture } from 'three'
+import { DataTexture, Texture } from 'three'
 import { ShaderPass } from './ShaderPass'
 
 export interface LUTPassParameters {
-  lut?: DataTexture | Data3DTexture
+  lut?: DataTexture | Texture // Data3DTexture
   intensity?: number
 }
 
 export class LUTPass extends ShaderPass {
-  lut?: DataTexture | Data3DTexture
+  lut?: DataTexture | Texture // Data3DTexture
   intensity?: number
   constructor(params: LUTPassParameters)
 }

package/dist/postprocessing/RenderPixelatedPass.d.ts

@@ -0,0 +1,28 @@
+import { Scene, Camera, ShaderMaterial, Vector2, MeshNormalMaterial, WebGLRenderTarget } from 'three'
+
+import { Pass, FullScreenQuad } from './Pass'
+
+export interface RenderPixelatedPassParameters {
+  normalEdgeStrength?: number
+  depthEdgeStrength?: number
+}
+
+export class RenderPixelatedPass extends Pass {
+  constructor(pixelSize: number, scene: Scene, camera: Camera, options?: RenderPixelatedPassParameters)
+  pixelSize: number
+  resolution: Vector2
+  renderResolution: Vector2
+
+  pixelatedMaterial: ShaderMaterial
+  normalMaterial: MeshNormalMaterial
+
+  fsQuad: FullScreenQuad
+  scene: Scene
+  camera: Camera
+
+  normalEdgeStrength: RenderPixelatedPassParameters['normalEdgeStrength']
+  depthEdgeStrength: RenderPixelatedPassParameters['depthEdgeStrength']
+
+  beautyRenderTarget: WebGLRenderTarget
+  normalRenderTarget: WebGLRenderTarget
+}

package/dist/postprocessing/SAOPass.d.ts

@@ -9,10 +9,9 @@ import {
   Vector2,
   WebGLRenderer,
   WebGLRenderTarget,
-  ColorRepresentation,
 } from 'three'
 
-import { Pass } from './Pass'
+import { Pass, FullScreenQuad } from './Pass'
 
 export enum OUTPUT {
   Beauty,
@@ -57,23 +56,23 @@ export class SAOPass extends Pass {
   hBlurMaterial: ShaderMaterial
   materialCopy: ShaderMaterial
   depthCopy: ShaderMaterial
-  fsQuad: object
+  fsQuad: FullScreenQuad
   params: SAOPassParams
 
-  static OUTPUT: OUTPUT
+  static OUTPUT: typeof OUTPUT
 
   renderPass(
     renderer: WebGLRenderer,
     passMaterial: Material,
     renderTarget: WebGLRenderTarget,
-    clearColor?: ColorRepresentation,
+    clearColor?: Color | string | number,
     clearAlpha?: number,
   ): void
   renderOverride(
     renderer: WebGLRenderer,
     overrideMaterial: Material,
     renderTarget: WebGLRenderTarget,
-    clearColor?: ColorRepresentation,
+    clearColor?: Color | string | number,
     clearAlpha?: number,
   ): void
 }

package/dist/postprocessing/SAOPass.js

@@ -1,4 +1,10 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const THREE = require("three");
 const Pass = require("./Pass.js");
@@ -6,139 +12,117 @@ const SAOShader = require("../shaders/SAOShader.js");
 const DepthLimitedBlurShader = require("../shaders/DepthLimitedBlurShader.js");
 const CopyShader = require("../shaders/CopyShader.js");
 const UnpackDepthRGBAShader = require("../shaders/UnpackDepthRGBAShader.js");
-var SAOPass = function(scene, camera, depthTexture, useNormals, resolution) {
-  this.scene = scene;
-  this.camera = camera;
-  this.clear = true;
-  this.needsSwap = false;
-  this.supportsDepthTextureExtension = depthTexture !== void 0 ? depthTexture : false;
-  this.supportsNormalTexture = useNormals !== void 0 ? useNormals : false;
-  this.originalClearColor = new THREE.Color();
-  this._oldClearColor = new THREE.Color();
-  this.oldClearAlpha = 1;
-  this.params = {
-    output: 0,
-    saoBias: 0.5,
-    saoIntensity: 0.18,
-    saoScale: 1,
-    saoKernelRadius: 100,
-    saoMinResolution: 0,
-    saoBlur: true,
-    saoBlurRadius: 8,
-    saoBlurStdDev: 4,
-    saoBlurDepthCutoff: 0.01
-  };
-  this.resolution = resolution !== void 0 ? new THREE.Vector2(resolution.x, resolution.y) : new THREE.Vector2(256, 256);
-  this.saoRenderTarget = new THREE.WebGLRenderTarget(this.resolution.x, this.resolution.y, {
-    minFilter: THREE.LinearFilter,
-    magFilter: THREE.LinearFilter,
-    format: THREE.RGBAFormat
-  });
-  this.blurIntermediateRenderTarget = this.saoRenderTarget.clone();
-  this.beautyRenderTarget = this.saoRenderTarget.clone();
-  this.normalRenderTarget = new THREE.WebGLRenderTarget(this.resolution.x, this.resolution.y, {
-    minFilter: THREE.NearestFilter,
-    magFilter: THREE.NearestFilter,
-    format: THREE.RGBAFormat
-  });
-  this.depthRenderTarget = this.normalRenderTarget.clone();
-  if (this.supportsDepthTextureExtension) {
-    var depthTexture = new THREE.DepthTexture();
-    depthTexture.type = THREE.UnsignedShortType;
-    this.beautyRenderTarget.depthTexture = depthTexture;
-    this.beautyRenderTarget.depthBuffer = true;
-  }
-  this.depthMaterial = new THREE.MeshDepthMaterial();
-  this.depthMaterial.depthPacking = THREE.RGBADepthPacking;
-  this.depthMaterial.blending = THREE.NoBlending;
-  this.normalMaterial = new THREE.MeshNormalMaterial();
-  this.normalMaterial.blending = THREE.NoBlending;
-  if (SAOShader.SAOShader === void 0) {
-    console.error("THREE.SAOPass relies on SAOShader");
-  }
-  this.saoMaterial = new THREE.ShaderMaterial({
-    defines: Object.assign({}, SAOShader.SAOShader.defines),
-    fragmentShader: SAOShader.SAOShader.fragmentShader,
-    vertexShader: SAOShader.SAOShader.vertexShader,
-    uniforms: THREE.UniformsUtils.clone(SAOShader.SAOShader.uniforms)
-  });
-  this.saoMaterial.extensions.derivatives = true;
-  this.saoMaterial.defines["DEPTH_PACKING"] = this.supportsDepthTextureExtension ? 0 : 1;
-  this.saoMaterial.defines["NORMAL_TEXTURE"] = this.supportsNormalTexture ? 1 : 0;
-  this.saoMaterial.defines["PERSPECTIVE_CAMERA"] = this.camera.isPerspectiveCamera ? 1 : 0;
-  this.saoMaterial.uniforms["tDepth"].value = this.supportsDepthTextureExtension ? depthTexture : this.depthRenderTarget.texture;
-  this.saoMaterial.uniforms["tNormal"].value = this.normalRenderTarget.texture;
-  this.saoMaterial.uniforms["size"].value.set(this.resolution.x, this.resolution.y);
-  this.saoMaterial.uniforms["cameraInverseProjectionMatrix"].value.copy(this.camera.projectionMatrixInverse);
-  this.saoMaterial.uniforms["cameraProjectionMatrix"].value = this.camera.projectionMatrix;
-  this.saoMaterial.blending = THREE.NoBlending;
-  if (DepthLimitedBlurShader.DepthLimitedBlurShader === void 0) {
-    console.error("THREE.SAOPass relies on DepthLimitedBlurShader");
-  }
-  this.vBlurMaterial = new THREE.ShaderMaterial({
-    uniforms: THREE.UniformsUtils.clone(DepthLimitedBlurShader.DepthLimitedBlurShader.uniforms),
-    defines: Object.assign({}, DepthLimitedBlurShader.DepthLimitedBlurShader.defines),
-    vertexShader: DepthLimitedBlurShader.DepthLimitedBlurShader.vertexShader,
-    fragmentShader: DepthLimitedBlurShader.DepthLimitedBlurShader.fragmentShader
-  });
-  this.vBlurMaterial.defines["DEPTH_PACKING"] = this.supportsDepthTextureExtension ? 0 : 1;
-  this.vBlurMaterial.defines["PERSPECTIVE_CAMERA"] = this.camera.isPerspectiveCamera ? 1 : 0;
-  this.vBlurMaterial.uniforms["tDiffuse"].value = this.saoRenderTarget.texture;
-  this.vBlurMaterial.uniforms["tDepth"].value = this.supportsDepthTextureExtension ? depthTexture : this.depthRenderTarget.texture;
-  this.vBlurMaterial.uniforms["size"].value.set(this.resolution.x, this.resolution.y);
-  this.vBlurMaterial.blending = THREE.NoBlending;
-  this.hBlurMaterial = new THREE.ShaderMaterial({
-    uniforms: THREE.UniformsUtils.clone(DepthLimitedBlurShader.DepthLimitedBlurShader.uniforms),
-    defines: Object.assign({}, DepthLimitedBlurShader.DepthLimitedBlurShader.defines),
-    vertexShader: DepthLimitedBlurShader.DepthLimitedBlurShader.vertexShader,
-    fragmentShader: DepthLimitedBlurShader.DepthLimitedBlurShader.fragmentShader
-  });
-  this.hBlurMaterial.defines["DEPTH_PACKING"] = this.supportsDepthTextureExtension ? 0 : 1;
-  this.hBlurMaterial.defines["PERSPECTIVE_CAMERA"] = this.camera.isPerspectiveCamera ? 1 : 0;
-  this.hBlurMaterial.uniforms["tDiffuse"].value = this.blurIntermediateRenderTarget.texture;
-  this.hBlurMaterial.uniforms["tDepth"].value = this.supportsDepthTextureExtension ? depthTexture : this.depthRenderTarget.texture;
-  this.hBlurMaterial.uniforms["size"].value.set(this.resolution.x, this.resolution.y);
-  this.hBlurMaterial.blending = THREE.NoBlending;
-  if (CopyShader.CopyShader === void 0) {
-    console.error("THREE.SAOPass relies on CopyShader");
-  }
-  this.materialCopy = new THREE.ShaderMaterial({
-    uniforms: THREE.UniformsUtils.clone(CopyShader.CopyShader.uniforms),
-    vertexShader: CopyShader.CopyShader.vertexShader,
-    fragmentShader: CopyShader.CopyShader.fragmentShader,
-    blending: THREE.NoBlending
-  });
-  this.materialCopy.transparent = true;
-  this.materialCopy.depthTest = false;
-  this.materialCopy.depthWrite = false;
-  this.materialCopy.blending = THREE.CustomBlending;
-  this.materialCopy.blendSrc = THREE.DstColorFactor;
-  this.materialCopy.blendDst = THREE.ZeroFactor;
-  this.materialCopy.blendEquation = THREE.AddEquation;
-  this.materialCopy.blendSrcAlpha = THREE.DstAlphaFactor;
-  this.materialCopy.blendDstAlpha = THREE.ZeroFactor;
-  this.materialCopy.blendEquationAlpha = THREE.AddEquation;
-  if (UnpackDepthRGBAShader.UnpackDepthRGBAShader === void 0) {
-    console.error("THREE.SAOPass relies on UnpackDepthRGBAShader");
+class SAOPass extends Pass.Pass {
+  constructor(scene, camera, useDepthTexture = false, useNormals = false, resolution = new THREE.Vector2(256, 256)) {
+    super();
+    this.scene = scene;
+    this.camera = camera;
+    this.clear = true;
+    this.needsSwap = false;
+    this.supportsDepthTextureExtension = useDepthTexture;
+    this.supportsNormalTexture = useNormals;
+    this.originalClearColor = new THREE.Color();
+    this._oldClearColor = new THREE.Color();
+    this.oldClearAlpha = 1;
+    this.params = {
+      output: 0,
+      saoBias: 0.5,
+      saoIntensity: 0.18,
+      saoScale: 1,
+      saoKernelRadius: 100,
+      saoMinResolution: 0,
+      saoBlur: true,
+      saoBlurRadius: 8,
+      saoBlurStdDev: 4,
+      saoBlurDepthCutoff: 0.01
+    };
+    this.resolution = new THREE.Vector2(resolution.x, resolution.y);
+    this.saoRenderTarget = new THREE.WebGLRenderTarget(this.resolution.x, this.resolution.y, { type: THREE.HalfFloatType });
+    this.blurIntermediateRenderTarget = this.saoRenderTarget.clone();
+    this.beautyRenderTarget = this.saoRenderTarget.clone();
+    this.normalRenderTarget = new THREE.WebGLRenderTarget(this.resolution.x, this.resolution.y, {
+      minFilter: THREE.NearestFilter,
+      magFilter: THREE.NearestFilter,
+      type: THREE.HalfFloatType
+    });
+    this.depthRenderTarget = this.normalRenderTarget.clone();
+    let depthTexture;
+    if (this.supportsDepthTextureExtension) {
+      depthTexture = new THREE.DepthTexture();
+      depthTexture.type = THREE.UnsignedShortType;
+      this.beautyRenderTarget.depthTexture = depthTexture;
+      this.beautyRenderTarget.depthBuffer = true;
+    }
+    this.depthMaterial = new THREE.MeshDepthMaterial();
+    this.depthMaterial.depthPacking = THREE.RGBADepthPacking;
+    this.depthMaterial.blending = THREE.NoBlending;
+    this.normalMaterial = new THREE.MeshNormalMaterial();
+    this.normalMaterial.blending = THREE.NoBlending;
+    this.saoMaterial = new THREE.ShaderMaterial({
+      defines: Object.assign({}, SAOShader.SAOShader.defines),
+      fragmentShader: SAOShader.SAOShader.fragmentShader,
+      vertexShader: SAOShader.SAOShader.vertexShader,
+      uniforms: THREE.UniformsUtils.clone(SAOShader.SAOShader.uniforms)
+    });
+    this.saoMaterial.extensions.derivatives = true;
+    this.saoMaterial.defines["DEPTH_PACKING"] = this.supportsDepthTextureExtension ? 0 : 1;
+    this.saoMaterial.defines["NORMAL_TEXTURE"] = this.supportsNormalTexture ? 1 : 0;
+    this.saoMaterial.defines["PERSPECTIVE_CAMERA"] = this.camera.isPerspectiveCamera ? 1 : 0;
+    this.saoMaterial.uniforms["tDepth"].value = this.supportsDepthTextureExtension ? depthTexture : this.depthRenderTarget.texture;
+    this.saoMaterial.uniforms["tNormal"].value = this.normalRenderTarget.texture;
+    this.saoMaterial.uniforms["size"].value.set(this.resolution.x, this.resolution.y);
+    this.saoMaterial.uniforms["cameraInverseProjectionMatrix"].value.copy(this.camera.projectionMatrixInverse);
+    this.saoMaterial.uniforms["cameraProjectionMatrix"].value = this.camera.projectionMatrix;
+    this.saoMaterial.blending = THREE.NoBlending;
+    this.vBlurMaterial = new THREE.ShaderMaterial({
+      uniforms: THREE.UniformsUtils.clone(DepthLimitedBlurShader.DepthLimitedBlurShader.uniforms),
+      defines: Object.assign({}, DepthLimitedBlurShader.DepthLimitedBlurShader.defines),
+      vertexShader: DepthLimitedBlurShader.DepthLimitedBlurShader.vertexShader,
+      fragmentShader: DepthLimitedBlurShader.DepthLimitedBlurShader.fragmentShader
+    });
+    this.vBlurMaterial.defines["DEPTH_PACKING"] = this.supportsDepthTextureExtension ? 0 : 1;
+    this.vBlurMaterial.defines["PERSPECTIVE_CAMERA"] = this.camera.isPerspectiveCamera ? 1 : 0;
+    this.vBlurMaterial.uniforms["tDiffuse"].value = this.saoRenderTarget.texture;
+    this.vBlurMaterial.uniforms["tDepth"].value = this.supportsDepthTextureExtension ? depthTexture : this.depthRenderTarget.texture;
+    this.vBlurMaterial.uniforms["size"].value.set(this.resolution.x, this.resolution.y);
+    this.vBlurMaterial.blending = THREE.NoBlending;
+    this.hBlurMaterial = new THREE.ShaderMaterial({
+      uniforms: THREE.UniformsUtils.clone(DepthLimitedBlurShader.DepthLimitedBlurShader.uniforms),
+      defines: Object.assign({}, DepthLimitedBlurShader.DepthLimitedBlurShader.defines),
+      vertexShader: DepthLimitedBlurShader.DepthLimitedBlurShader.vertexShader,
+      fragmentShader: DepthLimitedBlurShader.DepthLimitedBlurShader.fragmentShader
+    });
+    this.hBlurMaterial.defines["DEPTH_PACKING"] = this.supportsDepthTextureExtension ? 0 : 1;
+    this.hBlurMaterial.defines["PERSPECTIVE_CAMERA"] = this.camera.isPerspectiveCamera ? 1 : 0;
+    this.hBlurMaterial.uniforms["tDiffuse"].value = this.blurIntermediateRenderTarget.texture;
+    this.hBlurMaterial.uniforms["tDepth"].value = this.supportsDepthTextureExtension ? depthTexture : this.depthRenderTarget.texture;
+    this.hBlurMaterial.uniforms["size"].value.set(this.resolution.x, this.resolution.y);
+    this.hBlurMaterial.blending = THREE.NoBlending;
+    this.materialCopy = new THREE.ShaderMaterial({
+      uniforms: THREE.UniformsUtils.clone(CopyShader.CopyShader.uniforms),
+      vertexShader: CopyShader.CopyShader.vertexShader,
+      fragmentShader: CopyShader.CopyShader.fragmentShader,
+      blending: THREE.NoBlending
+    });
+    this.materialCopy.transparent = true;
+    this.materialCopy.depthTest = false;
+    this.materialCopy.depthWrite = false;
+    this.materialCopy.blending = THREE.CustomBlending;
+    this.materialCopy.blendSrc = THREE.DstColorFactor;
+    this.materialCopy.blendDst = THREE.ZeroFactor;
+    this.materialCopy.blendEquation = THREE.AddEquation;
+    this.materialCopy.blendSrcAlpha = THREE.DstAlphaFactor;
+    this.materialCopy.blendDstAlpha = THREE.ZeroFactor;
+    this.materialCopy.blendEquationAlpha = THREE.AddEquation;
+    this.depthCopy = new THREE.ShaderMaterial({
+      uniforms: THREE.UniformsUtils.clone(UnpackDepthRGBAShader.UnpackDepthRGBAShader.uniforms),
+      vertexShader: UnpackDepthRGBAShader.UnpackDepthRGBAShader.vertexShader,
+      fragmentShader: UnpackDepthRGBAShader.UnpackDepthRGBAShader.fragmentShader,
+      blending: THREE.NoBlending
+    });
+    this.fsQuad = new Pass.FullScreenQuad(null);
   }
-  this.depthCopy = new THREE.ShaderMaterial({
-    uniforms: THREE.UniformsUtils.clone(UnpackDepthRGBAShader.UnpackDepthRGBAShader.uniforms),
-    vertexShader: UnpackDepthRGBAShader.UnpackDepthRGBAShader.vertexShader,
-    fragmentShader: UnpackDepthRGBAShader.UnpackDepthRGBAShader.fragmentShader,
-    blending: THREE.NoBlending
-  });
-  this.fsQuad = new Pass.FullScreenQuad(null);
-};
-SAOPass.OUTPUT = {
-  Beauty: 1,
-  Default: 0,
-  SAO: 2,
-  Depth: 3,
-  Normal: 4
-};
-SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
-  constructor: SAOPass,
-  render: function(renderer, writeBuffer, readBuffer) {
+  render(renderer, writeBuffer, readBuffer) {
     if (this.renderToScreen) {
       this.materialCopy.blending = THREE.NoBlending;
       this.materialCopy.uniforms["tDiffuse"].value = readBuffer.texture;
@@ -150,7 +134,7 @@ SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     }
     renderer.getClearColor(this._oldClearColor);
     this.oldClearAlpha = renderer.getClearAlpha();
-    var oldAutoClear = renderer.autoClear;
+    const oldAutoClear = renderer.autoClear;
     renderer.autoClear = false;
     renderer.setRenderTarget(this.depthRenderTarget);
     renderer.clear();
@@ -161,7 +145,7 @@ SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     this.saoMaterial.uniforms["minResolution"].value = this.params.saoMinResolution;
     this.saoMaterial.uniforms["cameraNear"].value = this.camera.near;
     this.saoMaterial.uniforms["cameraFar"].value = this.camera.far;
-    var depthCutoff = this.params.saoBlurDepthCutoff * (this.camera.far - this.camera.near);
+    const depthCutoff = this.params.saoBlurDepthCutoff * (this.camera.far - this.camera.near);
     this.vBlurMaterial.uniforms["depthCutoff"].value = depthCutoff;
     this.hBlurMaterial.uniforms["depthCutoff"].value = depthCutoff;
     this.vBlurMaterial.uniforms["cameraNear"].value = this.camera.near;
@@ -200,7 +184,7 @@ SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
       this.renderPass(renderer, this.vBlurMaterial, this.blurIntermediateRenderTarget, 16777215, 1);
       this.renderPass(renderer, this.hBlurMaterial, this.saoRenderTarget, 16777215, 1);
     }
-    var outputMaterial = this.materialCopy;
+    let outputMaterial = this.materialCopy;
     if (this.params.output === 3) {
       if (this.supportsDepthTextureExtension) {
         this.materialCopy.uniforms["tDiffuse"].value = this.beautyRenderTarget.depthTexture;
@@ -225,11 +209,11 @@ SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     this.renderPass(renderer, outputMaterial, this.renderToScreen ? null : readBuffer);
     renderer.setClearColor(this._oldClearColor, this.oldClearAlpha);
     renderer.autoClear = oldAutoClear;
-  },
-  renderPass: function(renderer, passMaterial, renderTarget, clearColor, clearAlpha) {
+  }
+  renderPass(renderer, passMaterial, renderTarget, clearColor, clearAlpha) {
     renderer.getClearColor(this.originalClearColor);
-    var originalClearAlpha = renderer.getClearAlpha();
-    var originalAutoClear = renderer.autoClear;
+    const originalClearAlpha = renderer.getClearAlpha();
+    const originalAutoClear = renderer.autoClear;
     renderer.setRenderTarget(renderTarget);
     renderer.autoClear = false;
     if (clearColor !== void 0 && clearColor !== null) {
@@ -242,11 +226,11 @@ SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     renderer.autoClear = originalAutoClear;
     renderer.setClearColor(this.originalClearColor);
     renderer.setClearAlpha(originalClearAlpha);
-  },
-  renderOverride: function(renderer, overrideMaterial, renderTarget, clearColor, clearAlpha) {
+  }
+  renderOverride(renderer, overrideMaterial, renderTarget, clearColor, clearAlpha) {
     renderer.getClearColor(this.originalClearColor);
-    var originalClearAlpha = renderer.getClearAlpha();
-    var originalAutoClear = renderer.autoClear;
+    const originalClearAlpha = renderer.getClearAlpha();
+    const originalAutoClear = renderer.autoClear;
     renderer.setRenderTarget(renderTarget);
     renderer.autoClear = false;
     clearColor = overrideMaterial.clearColor || clearColor;
@@ -262,8 +246,8 @@ SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     renderer.autoClear = originalAutoClear;
     renderer.setClearColor(this.originalClearColor);
     renderer.setClearAlpha(originalClearAlpha);
-  },
-  setSize: function(width, height) {
+  }
+  setSize(width, height) {
     this.beautyRenderTarget.setSize(width, height);
     this.saoRenderTarget.setSize(width, height);
     this.blurIntermediateRenderTarget.setSize(width, height);
@@ -278,5 +262,27 @@ SAOPass.prototype = Object.assign(Object.create(Pass.Pass.prototype), {
     this.hBlurMaterial.uniforms["size"].value.set(width, height);
     this.hBlurMaterial.needsUpdate = true;
   }
+  dispose() {
+    this.saoRenderTarget.dispose();
+    this.blurIntermediateRenderTarget.dispose();
+    this.beautyRenderTarget.dispose();
+    this.normalRenderTarget.dispose();
+    this.depthRenderTarget.dispose();
+    this.depthMaterial.dispose();
+    this.normalMaterial.dispose();
+    this.saoMaterial.dispose();
+    this.vBlurMaterial.dispose();
+    this.hBlurMaterial.dispose();
+    this.materialCopy.dispose();
+    this.depthCopy.dispose();
+    this.fsQuad.dispose();
+  }
+}
+__publicField(SAOPass, "OUTPUT", {
+  Beauty: 1,
+  Default: 0,
+  SAO: 2,
+  Depth: 3,
+  Normal: 4
 });
 exports.SAOPass = SAOPass;