@xviewer.js/postprocessing 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/main.js

@@ -4,18 +4,283 @@ var core = require('@xviewer.js/core');
 var postprocessing = require('postprocessing');
 var three = require('three');
 
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for (var i = 1; i < arguments.length; i++) {
-            var source = arguments[i];
-            for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+class EffectComposerPlugin extends core.Plugin {
+    static Instance(viewer) {
+        return viewer.getPlugin(EffectComposerPlugin, true);
+    }
+    get multisampling() {
+        return this._composer.multisampling;
+    }
+    set multisampling(v) {
+        this._composer.multisampling = v;
+    }
+    getPass(constructor) {
+        return this._composer.passes.find((v)=>v.constructor === constructor);
+    }
+    addPass(pass) {
+        this._composer.addPass(pass, this._composer.passes.length - 1);
+        this._checkOutputPass();
+        return pass;
+    }
+    removePass(pass) {
+        this._composer.removePass(pass);
+        this._checkOutputPass();
+    }
+    activePass(pass, v) {
+        pass.enabled = v;
+        this._checkOutputPass();
+        return pass;
+    }
+    _checkOutputPass() {
+        const count = this._composer.passes.filter((v)=>v.enabled && v.name !== "VelocityDepthNormalPass" && v !== this._outputPass).length;
+        this._outputPass.enabled = this._composer.multisampling > 0 && count === 1;
+        this._setRenderToScreen();
+    }
+    _setRenderToScreen() {
+        const passes = this._composer.passes;
+        for(let k = 0, i = passes.length; i--;){
+            let pass = passes[i];
+            if (pass.enabled && pass.name !== "VelocityDepthNormalPass" && k === 0) {
+                k = i;
+            }
+            pass.renderToScreen = k === i;
         }
+    }
+    constructor(props){
+        super();
+        this.install = ()=>{
+            const { renderer, scene, camera } = this.viewer;
+            this._renderPass = new postprocessing.RenderPass(scene, camera);
+            this._outputPass = new postprocessing.EffectPass(camera);
+            this._composer = new postprocessing.EffectComposer(renderer, Object.assign({
+                frameBufferType: three.HalfFloatType
+            }, props));
+            this._composer.addPass(this._renderPass);
+            this._composer.addPass(this._outputPass);
+            this.viewer._onResize = (width, height)=>this._composer.setSize(width, height);
+            this.viewer._onRender = (dt)=>this._composer.render(dt);
+        };
+        this.uninstall = ()=>{
+            this._composer.dispose();
+        };
+    }
+}
 
-        return target;
-    };
+function _ts_decorate$4(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+class PassPlugin extends core.Plugin {
+    get enable() {
+        return this.pass.enabled;
+    }
+    set enable(v) {
+        this.setEnable(v);
+    }
+    get composer() {
+        return EffectComposerPlugin.Instance(this.viewer);
+    }
+    setEnable(v) {
+        this.composer.activePass(this.pass, v);
+    }
+}
+_ts_decorate$4([
+    core.property
+], PassPlugin.prototype, "enable", null);
 
-    return _extends.apply(this, arguments);
+function _ts_decorate$3(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+class ToneMappingPlugin extends PassPlugin {
+    get mode() {
+        return this.effect.mode;
+    }
+    set mode(v) {
+        this.effect.mode = v;
+    }
+    constructor(props){
+        super();
+        this.install = ()=>{
+            this.effect = new postprocessing.ToneMappingEffect(props);
+            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, this.effect));
+        };
+        this.uninstall = ()=>{
+            this.composer.removePass(this.pass);
+        };
+    }
 }
+_ts_decorate$3([
+    core.property({
+        value: postprocessing.ToneMappingMode
+    })
+], ToneMappingPlugin.prototype, "mode", null);
+
+function _ts_decorate$2(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+class BloomPlugin extends PassPlugin {
+    get intensity() {
+        return this.effect.intensity;
+    }
+    set intensity(v) {
+        this.effect.intensity = v;
+    }
+    get luminanceThreshold() {
+        return this.effect.luminanceMaterial.threshold;
+    }
+    set luminanceThreshold(v) {
+        this.effect.luminanceMaterial.threshold = v;
+    }
+    get luminanceSmoothing() {
+        return this.effect.luminanceMaterial.smoothing;
+    }
+    set luminanceSmoothing(v) {
+        this.effect.luminanceMaterial.smoothing = v;
+    }
+    constructor(props){
+        super();
+        this.install = ()=>{
+            this.effect = new postprocessing.BloomEffect({
+                blendFunction: postprocessing.BlendFunction.ADD,
+                ...props
+            });
+            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, this.effect));
+        };
+        this.uninstall = ()=>{
+            this.composer.removePass(this.pass);
+        };
+    }
+}
+_ts_decorate$2([
+    core.property({
+        min: 0,
+        max: 2,
+        step: 0.01
+    })
+], BloomPlugin.prototype, "intensity", null);
+_ts_decorate$2([
+    core.property({
+        min: 0,
+        max: 10,
+        step: 0.01
+    })
+], BloomPlugin.prototype, "luminanceThreshold", null);
+_ts_decorate$2([
+    core.property({
+        min: 0,
+        max: 10,
+        step: 0.01
+    })
+], BloomPlugin.prototype, "luminanceSmoothing", null);
+
+class FXAAPlugin extends PassPlugin {
+    constructor(){
+        super();
+        this.install = ()=>{
+            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, new postprocessing.FXAAEffect()));
+        };
+        this.uninstall = ()=>{
+            this.composer.removePass(this.pass);
+        };
+    }
+}
+
+function _ts_decorate$1(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+class SMAAPlugin extends PassPlugin {
+    get preset() {
+        return this._preset;
+    }
+    set preset(v) {
+        if (this._preset !== v) {
+            this._preset = v;
+            this.effect.applyPreset(v);
+        }
+    }
+    get edgeDetectionMode() {
+        return this.effect.edgeDetectionMaterial.edgeDetectionMode;
+    }
+    set edgeDetectionMode(v) {
+        this.effect.edgeDetectionMaterial.edgeDetectionMode = v;
+    }
+    get predicationMode() {
+        return this.effect.edgeDetectionMaterial.predicationMode;
+    }
+    set predicationMode(v) {
+        this.effect.edgeDetectionMaterial.predicationMode = v;
+    }
+    constructor(props = {}){
+        super();
+        this._preset = postprocessing.SMAAPreset.MEDIUM;
+        this.install = ()=>{
+            this.effect = new postprocessing.SMAAEffect(props);
+            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, this.effect));
+        };
+        this.uninstall = ()=>{
+            this.composer.removePass(this.pass);
+        };
+    }
+}
+_ts_decorate$1([
+    core.property({
+        value: postprocessing.SMAAPreset
+    })
+], SMAAPlugin.prototype, "preset", null);
+_ts_decorate$1([
+    core.property({
+        value: postprocessing.EdgeDetectionMode
+    })
+], SMAAPlugin.prototype, "edgeDetectionMode", null);
+_ts_decorate$1([
+    core.property({
+        value: postprocessing.PredicationMode
+    })
+], SMAAPlugin.prototype, "predicationMode", null);
+
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+class MSAAPlugin extends core.Plugin {
+    get enable() {
+        return this.composer.multisampling > 0;
+    }
+    set enable(v) {
+        this.composer.multisampling = v ? this._maxSamples : 0;
+    }
+    get composer() {
+        return EffectComposerPlugin.Instance(this.viewer);
+    }
+    constructor(){
+        super();
+        this._maxSamples = 4;
+        this.install = ()=>{
+            const { renderer } = this.viewer;
+            this._maxSamples = Math.min(4, renderer.capabilities.maxSamples);
+            this.composer.multisampling = this._maxSamples;
+        };
+        this.uninstall = ()=>{
+            this.composer.multisampling = 0;
+        };
+    }
+}
+_ts_decorate([
+    core.property
+], MSAAPlugin.prototype, "enable", null);
 
 // from: https://news.ycombinator.com/item?id=17876741
 // reference: http://extremelearning.com.au/unreasonable-effectiveness-of-quasirandom-sequences/
@@ -298,7 +563,10 @@ class TemporalReprojectPass extends postprocessing.Pass {
         this._scene = scene;
         this._camera = camera;
         this.textureCount = textureCount;
-        options = _extends({}, defaultTemporalReprojectPassOptions, options);
+        options = {
+            ...defaultTemporalReprojectPassOptions,
+            ...options
+        };
         this.renderTarget = new three.WebGLRenderTarget(1, 1, {
             count: textureCount,
             minFilter: three.NearestFilter,
@@ -391,15 +659,21 @@ class TRAAEffect extends postprocessing.Effect {
         this._scene = scene;
         this._camera = camera;
         this.velocityDepthNormalPass = velocityDepthNormalPass;
-        options = _extends({}, options, {
-            maxBlend: 0.9,
-            neighborhoodClamp: true,
-            neighborhoodClampIntensity: 1,
-            neighborhoodClampRadius: 1,
-            logTransform: true,
-            confidencePower: 4
-        });
-        this.options = _extends({}, defaultTemporalReprojectPassOptions, options);
+        options = {
+            ...options,
+            ...{
+                maxBlend: 0.9,
+                neighborhoodClamp: true,
+                neighborhoodClampIntensity: 1,
+                neighborhoodClampRadius: 1,
+                logTransform: true,
+                confidencePower: 4
+            }
+        };
+        this.options = {
+            ...defaultTemporalReprojectPassOptions,
+            ...options
+        };
         this.setSize(options.width, options.height);
     }
 }
@@ -412,8 +686,8 @@ class CubeToEquirectEnvPass extends postprocessing.Pass {
     generateEquirectEnvMap(renderer, cubeMap, width = null, height = null, maxWidth = 4096) {
         if (width === null && height === null) {
             const w = cubeMap.source.data[0].width;
-            const widthEquirect = Math.pow(2, Math.ceil(Math.log2(2 * w * Math.pow(3, 0.5))));
-            const heightEquirect = Math.pow(2, Math.ceil(Math.log2(w * Math.pow(3, 0.5))));
+            const widthEquirect = 2 ** Math.ceil(Math.log2(2 * w * 3 ** 0.5));
+            const heightEquirect = 2 ** Math.ceil(Math.log2(w * 3 ** 0.5));
             width = widthEquirect;
             height = heightEquirect;
         }
@@ -525,7 +799,10 @@ const setupBlueNoise = (fragmentShader)=>{
 const useBlueNoise = (material)=>{
     const { fragmentShader, uniforms } = setupBlueNoise(material.fragmentShader);
     material.fragmentShader = fragmentShader;
-    material.uniforms = _extends({}, material.uniforms, uniforms);
+    material.uniforms = {
+        ...material.uniforms,
+        ...uniforms
+    };
     material.needsUpdate = true;
 };
 
@@ -602,7 +879,10 @@ class GBufferMaterial extends three.MeshPhysicalMaterial {
 
             gl_FragColor = gBuffer;`);
         const { uniforms, fragmentShader } = setupBlueNoise(shader.fragmentShader);
-        shader.uniforms = _extends({}, shader.uniforms, uniforms);
+        shader.uniforms = {
+            ...shader.uniforms,
+            ...uniforms
+        };
         shader.fragmentShader = fragmentShader;
     }
 }
@@ -1268,11 +1548,14 @@ const velocity_uniforms = {
 class VelocityDepthNormalMaterial extends three.ShaderMaterial {
     constructor(camera){
         super({
-            uniforms: _extends({}, three.UniformsUtils.clone(velocity_uniforms), {
-                cameraMatrixWorld: {
-                    value: camera.matrixWorld
+            uniforms: {
+                ...three.UniformsUtils.clone(velocity_uniforms),
+                ...{
+                    cameraMatrixWorld: {
+                        value: camera.matrixWorld
+                    }
                 }
-            }),
+            },
             vertexShader: /* glsl */ `
 					#include <common>
 					#include <uv_pars_vertex>
@@ -1736,7 +2019,10 @@ class PoissonDenoisePass extends postprocessing.Pass {
         super("PoissonBlurPass");
         this.iterations = defaultPoissonBlurOptions.iterations;
         this.index = 0;
-        options = _extends({}, defaultPoissonBlurOptions, options);
+        options = {
+            ...defaultPoissonBlurOptions,
+            ...options
+        };
         this.textures = textures;
         let isTextureSpecular = [
             false,
@@ -1880,13 +2166,16 @@ class Denoiser {
     }
     constructor(scene, camera, texture, options = defaultDenosierOptions){
         var _this_denoisePass;
-        options = _extends({}, defaultDenosierOptions, options);
+        options = {
+            ...defaultDenosierOptions,
+            ...options
+        };
         this.options = options;
         var _options_velocityDepthNormalPass;
         this.velocityDepthNormalPass = (_options_velocityDepthNormalPass = options.velocityDepthNormalPass) != null ? _options_velocityDepthNormalPass : new VelocityDepthNormalPass(scene, camera);
         this.isOwnVelocityDepthNormalPass = !options.velocityDepthNormalPass;
         const textureCount = options.inputType === "diffuseSpecular" ? 2 : 1;
-        this.temporalReprojectPass = new TemporalReprojectPass(scene, camera, this.velocityDepthNormalPass, texture, textureCount, _extends({
+        this.temporalReprojectPass = new TemporalReprojectPass(scene, camera, this.velocityDepthNormalPass, texture, textureCount, {
             fullAccumulate: true,
             logTransform: true,
             copyTextures: !options.denoise,
@@ -1899,8 +2188,9 @@ class Denoiser {
                 true
             ],
             neighborhoodClampRadius: 2,
-            neighborhoodClampIntensity: 0.5
-        }, options));
+            neighborhoodClampIntensity: 0.5,
+            ...options
+        });
         const textures = this.temporalReprojectPass.renderTarget.texture.slice(0, textureCount);
         if (this.options.denoiseMode === "full" || this.options.denoiseMode === "denoised") {
             this.denoisePass = new PoissonDenoisePass(camera, textures, options);
@@ -2278,7 +2568,10 @@ class SSGIEffect extends postprocessing.Effect {
     }
     constructor(composer, scene, camera, options){
         var _scene_fog;
-        options = _extends({}, defaultSSGIOptions, options);
+        options = {
+            ...defaultSSGIOptions,
+            ...options
+        };
         let fragmentShader = ssgi_compose.replace("#include <fog_pars_fragment>", three.ShaderChunk.fog_pars_fragment.replace("varying", ""));
         // delete the line starting with gl_FragColor using a regex
         fragmentShader = fragmentShader.replace("#include <fog_fragment>", three.ShaderChunk.fog_fragment.replace(/.*gl_FragColor.*/g, ""));
@@ -2376,10 +2669,11 @@ class SSGIEffect extends postprocessing.Effect {
             }
         }
         this.ssgiPass = new SSGIPass(this, options);
-        this.denoiser = new Denoiser(scene, camera, this.ssgiPass.texture, _extends({
+        this.denoiser = new Denoiser(scene, camera, this.ssgiPass.texture, {
             gBufferPass: this.ssgiPass.gBufferPass,
-            velocityDepthNormalPass: options.velocityDepthNormalPass
-        }, options));
+            velocityDepthNormalPass: options.velocityDepthNormalPass,
+            ...options
+        });
         this.lastSize = {
             width: options.width,
             height: options.height,
@@ -2463,7 +2757,10 @@ class MotionBlurEffect extends postprocessing.Effect {
         }
     }
     constructor(velocityPass, options = defaultOptions){
-        options = _extends({}, defaultOptions, options);
+        options = {
+            ...defaultOptions,
+            ...options
+        };
         const { fragmentShader, uniforms } = setupBlueNoise(motion_blur);
         // convert the uniforms from type { uniform: value,... } to type ["uniform", value,...]
         const formattedUniforms = [];
@@ -2524,7 +2821,7 @@ class MotionBlurEffect extends postprocessing.Effect {
 
 var ao_compose = "#define GLSLIFY 1\nuniform sampler2D inputTexture;uniform highp sampler2D depthTexture;uniform float power;uniform vec3 color;void mainImage(const in vec4 inputColor,const in vec2 uv,out vec4 outputColor){float unpackedDepth=textureLod(depthTexture,uv,0.).r;float ao=unpackedDepth>0.9999 ? 1.0 : textureLod(inputTexture,uv,0.0).a;ao=pow(ao,power);vec3 aoColor=mix(color,vec3(1.),ao);aoColor*=inputColor.rgb;outputColor=vec4(aoColor,inputColor.a);}"; // eslint-disable-line
 
-const defaultAOOptions = _extends({
+const defaultAOOptions = {
     resolutionScale: 1,
     spp: 8,
     distance: 2,
@@ -2535,8 +2832,9 @@ const defaultAOOptions = _extends({
     color: new three.Color("black"),
     useNormalPass: false,
     velocityDepthNormalPass: null,
-    normalTexture: null
-}, PoissonDenoisePass.DefaultOptions);
+    normalTexture: null,
+    ...PoissonDenoisePass.DefaultOptions
+};
 class AOEffect extends postprocessing.Effect {
     makeOptionsReactive(options) {
         for (const key of Object.keys(options)){
@@ -2658,7 +2956,10 @@ class AOEffect extends postprocessing.Effect {
         };
         this.composer = composer;
         this.aoPass = aoPass;
-        options = _extends({}, defaultAOOptions, options);
+        options = {
+            ...defaultAOOptions,
+            ...options
+        };
         // set up depth texture
         if (!composer.depthTexture) composer.createDepthTexture();
         this.aoPass.fullscreenMaterial.uniforms.depthTexture.value = composer.depthTexture;
@@ -2679,153 +2980,34 @@ class AOEffect extends postprocessing.Effect {
 }
 AOEffect.DefaultOptions = defaultAOOptions;
 
-class EffectComposerPlugin extends core.Plugin {
-    static Instance(viewer) {
-        return viewer.getPlugin(EffectComposerPlugin, true);
-    }
-    get multisampling() {
-        return this._composer.multisampling;
-    }
-    set multisampling(v) {
-        this._composer.multisampling = v;
-    }
-    getPass(constructor) {
-        return this._composer.passes.find((v)=>v.constructor === constructor);
-    }
-    addPass(pass) {
-        this._composer.addPass(pass, this._composer.passes.length - 1);
-        this._checkOutputPass();
-        return pass;
-    }
-    removePass(pass) {
-        this._composer.removePass(pass);
-        this._checkOutputPass();
-    }
-    activePass(pass, v) {
-        pass.enabled = v;
-        this._checkOutputPass();
-        return pass;
-    }
-    getVelocityDepthNormalPass(autoAdd = false) {
-        let vdnPass = this.getPass(VelocityDepthNormalPass);
-        if (vdnPass === undefined && autoAdd) {
-            vdnPass = this.addPass(new VelocityDepthNormalPass(this.viewer.scene, this.viewer.camera));
-        }
-        return vdnPass;
-    }
-    _checkOutputPass() {
-        const vdnPass = this.getVelocityDepthNormalPass();
-        const count = this._composer.passes.filter((v)=>v.enabled && v !== vdnPass && v !== this._outputPass).length;
-        this._outputPass.enabled = this._composer.multisampling > 0 && count === 1;
-        this._setRenderToScreen();
-    }
-    _setRenderToScreen() {
-        const vdnPass = this.getVelocityDepthNormalPass();
-        const passes = this._composer.passes;
-        for(let k = 0, i = passes.length; i--;){
-            let pass = passes[i];
-            if (pass.enabled && pass !== vdnPass && k === 0) {
-                k = i;
-            }
-            pass.renderToScreen = k === i;
-        }
-    }
-    constructor(props){
-        super();
-        this.install = ()=>{
-            const { renderer, scene, camera } = this.viewer;
-            this._renderPass = new postprocessing.RenderPass(scene, camera);
-            this._outputPass = new postprocessing.EffectPass(camera);
-            this._composer = new postprocessing.EffectComposer(renderer, Object.assign({
-                frameBufferType: three.HalfFloatType
-            }, props));
-            this._composer.addPass(this._renderPass);
-            this._composer.addPass(this._outputPass);
-            this.viewer._onResize = (width, height)=>this._composer.setSize(width, height);
-            this.viewer._onRender = (dt)=>this._composer.render(dt);
-        };
-        this.uninstall = ()=>{
-            this._composer.dispose();
-        };
-    }
-}
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-class PassPlugin extends core.Plugin {
-    get enable() {
-        return this.pass.enabled;
-    }
-    set enable(v) {
-        this.setEnable(v);
-    }
-    get composer() {
-        return EffectComposerPlugin.Instance(this.viewer);
-    }
-    setEnable(v) {
-        this.composer.activePass(this.pass, v);
+function getVelocityDepthNormalPass(viewer, autoAdd = true) {
+    const composer = EffectComposerPlugin.Instance(viewer);
+    let vdnPass = composer.getPass(VelocityDepthNormalPass);
+    if (vdnPass === undefined && autoAdd) {
+        vdnPass = composer.addPass(new VelocityDepthNormalPass(viewer.scene, viewer.camera));
     }
+    return vdnPass;
 }
-__decorate([
-    core.property
-], PassPlugin.prototype, "enable", null);
 
-class ToneMappingPlugin extends PassPlugin {
-    get mode() {
-        return this.effect.mode;
-    }
-    set mode(v) {
-        this.effect.mode = v;
-    }
-    constructor(props){
+class TRAAPlugin extends PassPlugin {
+    constructor(props = {}){
         super();
         this.install = ()=>{
-            this.effect = new postprocessing.ToneMappingEffect(props);
-            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, this.effect));
+            const { scene, camera } = this.viewer;
+            this._effect = new TRAAEffect(scene, camera, getVelocityDepthNormalPass(this.viewer), props);
+            this.pass = this.composer.addPass(new postprocessing.EffectPass(camera, this._effect));
         };
         this.uninstall = ()=>{
             this.composer.removePass(this.pass);
         };
     }
 }
-__decorate([
-    core.property({
-        value: postprocessing.ToneMappingMode
-    })
-], ToneMappingPlugin.prototype, "mode", null);
 
 class MotionBlurPlugin extends PassPlugin {
     constructor(){
         super();
         this.install = ()=>{
-            const effect = new MotionBlurEffect(this.composer.getVelocityDepthNormalPass(true));
+            const effect = new MotionBlurEffect(getVelocityDepthNormalPass(this.viewer));
             this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, effect));
         };
         this.uninstall = ()=>{
@@ -2834,163 +3016,6 @@ class MotionBlurPlugin extends PassPlugin {
     }
 }
 
-class BloomPlugin extends PassPlugin {
-    get intensity() {
-        return this.effect.intensity;
-    }
-    set intensity(v) {
-        this.effect.intensity = v;
-    }
-    get luminanceThreshold() {
-        return this.effect.luminanceMaterial.threshold;
-    }
-    set luminanceThreshold(v) {
-        this.effect.luminanceMaterial.threshold = v;
-    }
-    get luminanceSmoothing() {
-        return this.effect.luminanceMaterial.smoothing;
-    }
-    set luminanceSmoothing(v) {
-        this.effect.luminanceMaterial.smoothing = v;
-    }
-    constructor(props){
-        super();
-        this.install = ()=>{
-            this.effect = new postprocessing.BloomEffect(_extends({
-                blendFunction: postprocessing.BlendFunction.ADD
-            }, props));
-            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, this.effect));
-        };
-        this.uninstall = ()=>{
-            this.composer.removePass(this.pass);
-        };
-    }
-}
-__decorate([
-    core.property({
-        min: 0,
-        max: 2,
-        step: 0.01
-    })
-], BloomPlugin.prototype, "intensity", null);
-__decorate([
-    core.property({
-        min: 0,
-        max: 10,
-        step: 0.01
-    })
-], BloomPlugin.prototype, "luminanceThreshold", null);
-__decorate([
-    core.property({
-        min: 0,
-        max: 10,
-        step: 0.01
-    })
-], BloomPlugin.prototype, "luminanceSmoothing", null);
-
-class FXAAPlugin extends PassPlugin {
-    constructor(){
-        super();
-        this.install = ()=>{
-            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, new postprocessing.FXAAEffect()));
-        };
-        this.uninstall = ()=>{
-            this.composer.removePass(this.pass);
-        };
-    }
-}
-
-class SMAAPlugin extends PassPlugin {
-    get preset() {
-        return this._preset;
-    }
-    set preset(v) {
-        if (this._preset !== v) {
-            this._preset = v;
-            this.effect.applyPreset(v);
-        }
-    }
-    get edgeDetectionMode() {
-        return this.effect.edgeDetectionMaterial.edgeDetectionMode;
-    }
-    set edgeDetectionMode(v) {
-        this.effect.edgeDetectionMaterial.edgeDetectionMode = v;
-    }
-    get predicationMode() {
-        return this.effect.edgeDetectionMaterial.predicationMode;
-    }
-    set predicationMode(v) {
-        this.effect.edgeDetectionMaterial.predicationMode = v;
-    }
-    constructor(props = {}){
-        super();
-        this._preset = postprocessing.SMAAPreset.MEDIUM;
-        this.install = ()=>{
-            this.effect = new postprocessing.SMAAEffect(props);
-            this.pass = this.composer.addPass(new postprocessing.EffectPass(this.viewer.camera, this.effect));
-        };
-        this.uninstall = ()=>{
-            this.composer.removePass(this.pass);
-        };
-    }
-}
-__decorate([
-    core.property({
-        value: postprocessing.SMAAPreset
-    })
-], SMAAPlugin.prototype, "preset", null);
-__decorate([
-    core.property({
-        value: postprocessing.EdgeDetectionMode
-    })
-], SMAAPlugin.prototype, "edgeDetectionMode", null);
-__decorate([
-    core.property({
-        value: postprocessing.PredicationMode
-    })
-], SMAAPlugin.prototype, "predicationMode", null);
-
-class MSAAPlugin extends core.Plugin {
-    get enable() {
-        return this.composer.multisampling > 0;
-    }
-    set enable(v) {
-        this.composer.multisampling = v ? this._maxSamples : 0;
-    }
-    get composer() {
-        return EffectComposerPlugin.Instance(this.viewer);
-    }
-    constructor(){
-        super();
-        this._maxSamples = 4;
-        this.install = ()=>{
-            const { renderer } = this.viewer;
-            this._maxSamples = Math.min(4, renderer.capabilities.maxSamples);
-            this.composer.multisampling = this._maxSamples;
-        };
-        this.uninstall = ()=>{
-            this.composer.multisampling = 0;
-        };
-    }
-}
-__decorate([
-    core.property
-], MSAAPlugin.prototype, "enable", null);
-
-class TRAAPlugin extends PassPlugin {
-    constructor(props = {}){
-        super();
-        this.install = ()=>{
-            const { scene, camera } = this.viewer;
-            this._effect = new TRAAEffect(scene, camera, this.composer.getVelocityDepthNormalPass(true), props);
-            this.pass = this.composer.addPass(new postprocessing.EffectPass(camera, this._effect));
-        };
-        this.uninstall = ()=>{
-            this.composer.removePass(this.pass);
-        };
-    }
-}
-
 exports.BloomPlugin = BloomPlugin;
 exports.EffectComposerPlugin = EffectComposerPlugin;
 exports.FXAAPlugin = FXAAPlugin;