@needle-tools/engine 2.65.2-pre → 2.67.0-pre

package/lib/engine-components/postprocessing/Effects/Antialiasing.js

@@ -0,0 +1,46 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { EdgeDetectionMode, SMAAEffect, SMAAPreset } from "postprocessing";
+import { serializable } from "../../../engine/engine_serialization";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+import { registerCustomEffectType } from "../VolumeProfile";
+export var QualityLevel;
+(function (QualityLevel) {
+    QualityLevel[QualityLevel["LOW"] = 0] = "LOW";
+    QualityLevel[QualityLevel["MEDIUM"] = 1] = "MEDIUM";
+    QualityLevel[QualityLevel["HIGH"] = 2] = "HIGH";
+    QualityLevel[QualityLevel["ULTRA"] = 3] = "ULTRA";
+})(QualityLevel || (QualityLevel = {}));
+export class Antialiasing extends PostProcessingEffect {
+    get typeName() {
+        return "Antialiasing";
+    }
+    // @serializable(VolumeParameter)
+    // edgeDetectionThreshold!: VolumeParameter;
+    preset;
+    onCreateEffect() {
+        const effect = new SMAAEffect({
+            preset: SMAAPreset.HIGH,
+            edgeDetectionMode: EdgeDetectionMode.DEPTH
+        });
+        this.preset.onValueChanged = (newValue) => {
+            effect.applyPreset(newValue);
+        };
+        // effect.edgeDetectionMaterial.edgeDetectionThreshold = .01;
+        // this.edgeDetectionThreshold.onValueChanged = (newValue) => {
+        //     console.log(newValue);
+        //     effect.edgeDetectionMaterial.edgeDetectionThreshold = newValue;
+        // }
+        return effect;
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], Antialiasing.prototype, "preset", void 0);
+registerCustomEffectType("Antialiasing", Antialiasing);
+//# sourceMappingURL=Antialiasing.js.map

package/lib/engine-components/postprocessing/Effects/Antialiasing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Antialiasing.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/Antialiasing.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAwB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACpB,6CAAO,CAAA;IACP,mDAAU,CAAA;IACV,+CAAQ,CAAA;IACR,iDAAS,CAAA;AACb,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAGD,MAAM,OAAO,YAAa,SAAQ,oBAAoB;IAClD,IAAI,QAAQ;QACR,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED,iCAAiC;IACjC,4CAA4C;IAG5C,MAAM,CAAmB;IAGzB,cAAc;QACV,MAAM,MAAM,GAAG,IAAI,UAAU,CAAC;YAC1B,MAAM,EAAE,UAAU,CAAC,IAAI;YACvB,iBAAiB,EAAE,iBAAiB,CAAC,KAAK;SAC7C,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,QAAQ,EAAE,EAAE;YACtC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;QAEF,6DAA6D;QAE7D,+DAA+D;QAC/D,6BAA6B;QAC7B,sEAAsE;QACtE,IAAI;QAEJ,OAAO,MAAM,CAAC;IAClB,CAAC;CAGJ;AAxBG;IADC,YAAY,CAAC,eAAe,CAAC;4CACL;AA0B7B,wBAAwB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA"}

package/lib/engine-components/postprocessing/Effects/Bloom.d.ts

@@ -0,0 +1,12 @@
+import { BloomEffect } from "postprocessing";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+export declare class Bloom extends PostProcessingEffect {
+    get typeName(): string;
+    threshold: VolumeParameter;
+    intensity: VolumeParameter;
+    scatter: VolumeParameter;
+    selectiveBloom: boolean;
+    init(): void;
+    onCreateEffect(): BloomEffect;
+}

package/lib/engine-components/postprocessing/Effects/Bloom.js

@@ -0,0 +1,76 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { BloomEffect, SelectiveBloomEffect } from "postprocessing";
+import { serializable } from "../../../engine/engine_serialization";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+import { registerCustomEffectType } from "../VolumeProfile";
+export class Bloom extends PostProcessingEffect {
+    get typeName() {
+        return "Bloom";
+    }
+    threshold;
+    intensity;
+    scatter;
+    selectiveBloom = true;
+    init() {
+        this.threshold.defaultValue = 1;
+        this.intensity.defaultValue = 0;
+        this.scatter.defaultValue = .2;
+        if (this.selectiveBloom) {
+            this.threshold.valueProcessor = (v) => v * .5; // / (Math.PI * 2);
+            this.intensity.valueProcessor = (v) => v * Math.PI * 2;
+            this.scatter.valueProcessor = (v) => .2 + Math.pow((1 - v), 2);
+        }
+        else {
+            this.threshold.valueProcessor = (v) => v / (Math.PI * 2);
+            this.intensity.valueProcessor = (v) => v; // * 2.2;
+            this.scatter.valueProcessor = (v) => (1 - v);
+        }
+    }
+    onCreateEffect() {
+        let bloom;
+        if (this.selectiveBloom) {
+            // https://github.com/pmndrs/postprocessing/blob/64d2829f014cfec97a46bf3c109f3abc55af0715/demo/src/demos/BloomDemo.js#L265
+            const selectiveBloom = bloom = new SelectiveBloomEffect(this.context.scene, this.context.mainCamera, {
+                luminanceThreshold: this.threshold.value,
+                luminanceSmoothing: this.scatter.value,
+                intensity: this.intensity.value,
+                mipmapBlur: false,
+            });
+            selectiveBloom.inverted = true;
+        }
+        else {
+            bloom = new BloomEffect();
+        }
+        const blur = bloom["mipmapBlurPass"];
+        if (typeof blur === "object") {
+            blur.radius = this.scatter.value;
+        }
+        this.intensity.onValueChanged = newValue => {
+            bloom.intensity = newValue;
+        };
+        this.threshold.onValueChanged = newValue => {
+            bloom.luminanceMaterial.threshold = newValue;
+        };
+        this.scatter.onValueChanged = newValue => {
+            bloom.luminanceMaterial.smoothing = newValue;
+        };
+        return bloom;
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], Bloom.prototype, "threshold", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], Bloom.prototype, "intensity", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], Bloom.prototype, "scatter", void 0);
+registerCustomEffectType("Bloom", Bloom);
+//# sourceMappingURL=Bloom.js.map

package/lib/engine-components/postprocessing/Effects/Bloom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bloom.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/Bloom.ts"],"names":[],"mappings":"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"}

package/lib/engine-components/postprocessing/Effects/ChromaticAberration.d.ts

@@ -0,0 +1,8 @@
+import { EffectProviderResult, PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+export declare class ChromaticAberration extends PostProcessingEffect {
+    get typeName(): string;
+    intensity: VolumeParameter;
+    init(): void;
+    onCreateEffect(): EffectProviderResult;
+}

package/lib/engine-components/postprocessing/Effects/ChromaticAberration.js

@@ -0,0 +1,39 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { ChromaticAberrationEffect } from "postprocessing";
+import { Vector2 } from "three";
+import { serializable } from "../../../engine/engine_serialization";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+import { registerCustomEffectType } from "../VolumeProfile";
+export class ChromaticAberration extends PostProcessingEffect {
+    get typeName() {
+        return "ChromaticAberration";
+    }
+    intensity;
+    init() {
+        this.intensity.defaultValue = 0;
+    }
+    onCreateEffect() {
+        const chromatic = new ChromaticAberrationEffect();
+        chromatic.offset = new Vector2(0, 0);
+        chromatic.radialModulation = true;
+        chromatic.modulationOffset = .15;
+        this.intensity.valueProcessor = v => v * .02;
+        this.intensity.onValueChanged = v => {
+            chromatic.offset.x = -v;
+            chromatic.offset.y = v;
+        };
+        return chromatic;
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], ChromaticAberration.prototype, "intensity", void 0);
+;
+registerCustomEffectType("ChromaticAberration", ChromaticAberration);
+//# sourceMappingURL=ChromaticAberration.js.map

package/lib/engine-components/postprocessing/Effects/ChromaticAberration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChromaticAberration.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/ChromaticAberration.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAwB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAiB,MAAM,kBAAkB,CAAC;AAE3E,MAAM,OAAO,mBAAoB,SAAQ,oBAAoB;IAEzD,IAAI,QAAQ;QACR,OAAO,qBAAqB,CAAC;IACjC,CAAC;IAGD,SAAS,CAAmB;IAE5B,IAAI;QACA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;IACpC,CAAC;IAED,cAAc;QACV,MAAM,SAAS,GAAG,IAAI,yBAAyB,EAAE,CAAC;QAClD,SAAS,CAAC,MAAM,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACpC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAClC,SAAS,CAAC,gBAAgB,GAAG,GAAG,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QAC7C,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC,EAAE;YAChC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACxB,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC,CAAA;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;CAEJ;AAnBG;IADC,YAAY,CAAC,eAAe,CAAC;sDACF;AAmB/B,CAAC;AAEF,wBAAwB,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAC"}

package/lib/engine-components/postprocessing/Effects/ColorAdjustments.d.ts

@@ -0,0 +1,12 @@
+import { EffectProviderResult, PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+export declare class ColorAdjustments extends PostProcessingEffect {
+    get typeName(): string;
+    postExposure: VolumeParameter;
+    contrast: VolumeParameter;
+    hueShift: VolumeParameter;
+    saturation: VolumeParameter;
+    init(): void;
+    unapply(): void;
+    onCreateEffect(): EffectProviderResult;
+}

package/lib/engine-components/postprocessing/Effects/ColorAdjustments.js

@@ -0,0 +1,96 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { BrightnessContrastEffect, HueSaturationEffect } from "postprocessing";
+import { serializable } from "../../../engine/engine_serialization";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+import { registerCustomEffectType } from "../VolumeProfile";
+import { NoToneMapping } from "three";
+export class ColorAdjustments extends PostProcessingEffect {
+    get typeName() {
+        return "ColorAdjustments";
+    }
+    postExposure;
+    contrast;
+    hueShift;
+    saturation;
+    init() {
+        this.postExposure.valueProcessor = v => {
+            // when using tone mapping, the exposure will just be set to the renderer
+            if (this.context.renderer.toneMapping !== NoToneMapping && v > 0) {
+                return Math.pow(2, v);
+            }
+            // Custom effects need modification
+            else {
+                return v / (2 * Math.PI);
+            }
+        };
+        this.postExposure.defaultValue = 0;
+        this.contrast.valueProcessor = (v) => {
+            let divisor = 100;
+            if (v > 0)
+                divisor *= Math.PI * 2;
+            const val = v / divisor;
+            return val;
+        };
+        this.contrast.defaultValue = 0;
+        this.hueShift.valueProcessor = (v) => Math.PI * v / 180;
+        this.hueShift.defaultValue = 0;
+        this.saturation.valueProcessor = (v) => {
+            return (v / 180);
+        };
+        this.saturation.defaultValue = 0;
+    }
+    unapply() {
+        this.context.renderer.toneMappingExposure = 1;
+    }
+    onCreateEffect() {
+        const brightnesscontrast = new BrightnessContrastEffect();
+        // TODO: darkening etc doesnt really work well in all cases right now
+        this.postExposure.onValueChanged = v => {
+            // We can use the builtin exposure when tonemapping is set
+            if (this.context.renderer.toneMapping !== NoToneMapping) {
+                if (v === 0) {
+                    this.context.renderer.toneMappingExposure = 1;
+                    brightnesscontrast.brightness = 0;
+                }
+                else if (v > 0) {
+                    this.context.renderer.toneMappingExposure = v;
+                    brightnesscontrast.brightness = 0;
+                }
+                else {
+                    this.context.renderer.toneMappingExposure = v;
+                    brightnesscontrast.brightness = 0;
+                }
+            }
+            // Otherwise use the effect (they look sligthly different/behave different unfortunately)
+            else {
+                this.context.renderer.toneMappingExposure = 0;
+                brightnesscontrast.brightness = v;
+            }
+        };
+        this.contrast.onValueChanged = v => brightnesscontrast.contrast = v;
+        const hueSaturationEffect = new HueSaturationEffect();
+        this.hueShift.onValueChanged = v => hueSaturationEffect.hue = v;
+        this.saturation.onValueChanged = v => hueSaturationEffect.saturation = v;
+        return [brightnesscontrast, hueSaturationEffect];
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], ColorAdjustments.prototype, "postExposure", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], ColorAdjustments.prototype, "contrast", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], ColorAdjustments.prototype, "hueShift", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], ColorAdjustments.prototype, "saturation", void 0);
+registerCustomEffectType("ColorAdjustments", ColorAdjustments);
+//# sourceMappingURL=ColorAdjustments.js.map

package/lib/engine-components/postprocessing/Effects/ColorAdjustments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorAdjustments.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/ColorAdjustments.ts"],"names":[],"mappings":"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"}

package/lib/engine-components/postprocessing/Effects/DepthOfField.d.ts

@@ -0,0 +1,21 @@
+import { DepthOfFieldEffect } from "postprocessing";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+export declare enum DepthOfFieldMode {
+    Off = 0,
+    Gaussian = 1,
+    Bokeh = 2
+}
+export declare class DepthOfField extends PostProcessingEffect {
+    get typeName(): string;
+    mode: DepthOfFieldMode;
+    focusDistance: VolumeParameter;
+    focalLength: VolumeParameter;
+    aperture: VolumeParameter;
+    gaussianMaxRadius: VolumeParameter;
+    init(): void;
+    onCreateEffect(): DepthOfFieldEffect[] | undefined;
+    unapply(): void;
+    calculateFocusDistance(target: any): number;
+    viewZToOrthographicDepth(viewZ: any, near: any, far: any): number;
+}

package/lib/engine-components/postprocessing/Effects/DepthOfField.js

@@ -0,0 +1,87 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { DepthOfFieldEffect } from "postprocessing";
+import { getWorldPosition } from "../../../engine/engine_three_utils";
+import { serializable } from "../../../engine/engine_serialization";
+import { Mathf } from "../../../engine/engine_math";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+import { registerCustomEffectType } from "../VolumeProfile";
+export var DepthOfFieldMode;
+(function (DepthOfFieldMode) {
+    DepthOfFieldMode[DepthOfFieldMode["Off"] = 0] = "Off";
+    DepthOfFieldMode[DepthOfFieldMode["Gaussian"] = 1] = "Gaussian";
+    DepthOfFieldMode[DepthOfFieldMode["Bokeh"] = 2] = "Bokeh";
+})(DepthOfFieldMode || (DepthOfFieldMode = {}));
+export class DepthOfField extends PostProcessingEffect {
+    get typeName() {
+        return "DepthOfField";
+    }
+    mode;
+    focusDistance;
+    focalLength;
+    aperture;
+    gaussianMaxRadius;
+    init() {
+        this.focalLength.valueProcessor = v => {
+            const t = v / 300;
+            const max = 2; // this.context.mainCameraComponent?.farClipPlane ?? 10;
+            return Mathf.lerp(max, .01, t);
+        };
+        const maxBokehScale = 20;
+        this.aperture.valueProcessor = v => {
+            const t = 1 - v / 32;
+            return Mathf.lerp(1, maxBokehScale, t);
+        };
+    }
+    onCreateEffect() {
+        if (this.mode === DepthOfFieldMode.Off)
+            return undefined;
+        // console.log(this.focusDistance.overrideState, this.focusDistance.value);
+        // const depth = new DepthEffect({
+        //     inverted: true,
+        //     // blendFunction: BlendFunction.SET,
+        // });
+        const dof = new DepthOfFieldEffect(this.context.mainCamera, {
+            worldFocusRange: .2,
+            focalLength: 1,
+            bokehScale: 20,
+        });
+        this.focusDistance.onValueChanged = v => dof.circleOfConfusionMaterial.worldFocusDistance = v;
+        this.focalLength.onValueChanged = v => dof.circleOfConfusionMaterial.worldFocusRange = v;
+        this.aperture.onValueChanged = v => dof.bokehScale = v;
+        return [dof];
+    }
+    unapply() {
+    }
+    calculateFocusDistance(target) {
+        const camera = this.context.mainCamera;
+        const distance = getWorldPosition(camera).distanceTo(target);
+        // console.log(distance, camera.near, camera.far);
+        return this.viewZToOrthographicDepth(-distance, camera.near, camera.far);
+    }
+    viewZToOrthographicDepth(viewZ, near, far) {
+        return (viewZ + near) / (near - far);
+    }
+}
+__decorate([
+    serializable()
+], DepthOfField.prototype, "mode", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], DepthOfField.prototype, "focusDistance", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], DepthOfField.prototype, "focalLength", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], DepthOfField.prototype, "aperture", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], DepthOfField.prototype, "gaussianMaxRadius", void 0);
+registerCustomEffectType("DepthOfField", DepthOfField);
+//# sourceMappingURL=DepthOfField.js.map

package/lib/engine-components/postprocessing/Effects/DepthOfField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DepthOfField.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/DepthOfField.ts"],"names":[],"mappings":"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"}

package/lib/engine-components/postprocessing/Effects/Pixelation.d.ts

@@ -0,0 +1,7 @@
+import { EffectProviderResult, PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+export declare class PixelationEffect extends PostProcessingEffect {
+    get typeName(): string;
+    granularity: VolumeParameter;
+    onCreateEffect(): EffectProviderResult;
+}

package/lib/engine-components/postprocessing/Effects/Pixelation.js

@@ -0,0 +1,30 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { registerCustomEffectType } from "../VolumeProfile";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { PixelationEffect as PixelationEffectPP } from "postprocessing";
+import { VolumeParameter } from "../VolumeParameter";
+import { serializable } from "../../../engine/engine_serialization";
+export class PixelationEffect extends PostProcessingEffect {
+    get typeName() {
+        return "PixelationEffect";
+    }
+    granularity;
+    onCreateEffect() {
+        const effect = new PixelationEffectPP();
+        this.granularity.onValueChanged = v => {
+            console.log(v);
+            effect.granularity = v;
+        };
+        return effect;
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], PixelationEffect.prototype, "granularity", void 0);
+registerCustomEffectType("PixelationEffect", PixelationEffect);
+//# sourceMappingURL=Pixelation.js.map

package/lib/engine-components/postprocessing/Effects/Pixelation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pixelation.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/Pixelation.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAwB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,OAAO,gBAAiB,SAAQ,oBAAoB;IACtD,IAAI,QAAQ;QACR,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAGD,WAAW,CAAmB;IAE9B,cAAc;QAEV,MAAM,MAAM,GAAG,IAAI,kBAAkB,EAAE,CAAC;QAExC,IAAI,CAAC,WAAW,CAAC,cAAc,GAAG,CAAC,CAAC,EAAE;YAClC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACf,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;QAC3B,CAAC,CAAA;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;CAEJ;AAdG;IADC,YAAY,CAAC,eAAe,CAAC;qDACA;AAelC,wBAAwB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC"}

package/lib/engine-components/postprocessing/Effects/ScreenspaceAmbientOcclusion.d.ts

@@ -0,0 +1,11 @@
+import { EffectProviderResult, PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+export declare class ScreenSpaceAmbientOcclusion extends PostProcessingEffect {
+    get typeName(): string;
+    intensity: VolumeParameter;
+    falloff: VolumeParameter;
+    samples: VolumeParameter;
+    onBeforeRender(): void;
+    private _ssao?;
+    onCreateEffect(): EffectProviderResult;
+}

package/lib/engine-components/postprocessing/Effects/ScreenspaceAmbientOcclusion.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { DepthDownsamplingPass, NormalPass, SSAOEffect } from "postprocessing";
+import { PerspectiveCamera } from "three";
+import { serializable } from "../../../engine/engine_serialization";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+import { registerCustomEffectType } from "../VolumeProfile";
+export class ScreenSpaceAmbientOcclusion extends PostProcessingEffect {
+    get typeName() {
+        return "ScreenSpaceAmbientOcclusion";
+    }
+    intensity;
+    falloff;
+    samples;
+    onBeforeRender() {
+        if (this._ssao && this.context.mainCamera instanceof PerspectiveCamera) {
+            const fadeDistance = this.context.mainCamera.far - this.context.mainCamera.near;
+            this._ssao.ssaoMaterial.worldDistanceFalloff = fadeDistance * .01;
+            this._ssao.ssaoMaterial.worldDistanceThreshold = this.context.mainCamera.far;
+        }
+    }
+    _ssao;
+    onCreateEffect() {
+        const cam = this.context.mainCamera;
+        const normalPass = new NormalPass(this.context.scene, cam);
+        const depthDownsamplingPass = new DepthDownsamplingPass({
+            normalBuffer: normalPass.texture,
+            resolutionScale: 0.5
+        });
+        const ssao = this._ssao = new SSAOEffect(cam, normalPass.texture, {
+            normalDepthBuffer: depthDownsamplingPass.texture,
+            worldDistanceThreshold: 1,
+            worldDistanceFalloff: 1,
+            worldProximityThreshold: .1,
+            worldProximityFalloff: 2,
+            intensity: 1,
+            // blendFunction: BlendFunction.MULTIPLY,
+        });
+        this.intensity.onValueChanged = newValue => {
+            ssao.intensity = newValue;
+        };
+        this.falloff.onValueChanged = newValue => {
+            ssao.ssaoMaterial.radius = newValue * .1;
+        };
+        this.samples.onValueChanged = newValue => {
+            ssao.samples = newValue;
+        };
+        const arr = new Array();
+        arr.push(normalPass);
+        arr.push(depthDownsamplingPass);
+        arr.push(ssao);
+        return arr;
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], ScreenSpaceAmbientOcclusion.prototype, "intensity", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], ScreenSpaceAmbientOcclusion.prototype, "falloff", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], ScreenSpaceAmbientOcclusion.prototype, "samples", void 0);
+registerCustomEffectType("ScreenSpaceAmbientOcclusion", ScreenSpaceAmbientOcclusion);
+//# sourceMappingURL=ScreenspaceAmbientOcclusion.js.map

package/lib/engine-components/postprocessing/Effects/ScreenspaceAmbientOcclusion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenspaceAmbientOcclusion.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/ScreenspaceAmbientOcclusion.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAiB,qBAAqB,EAAU,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAwB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,OAAO,2BAA4B,SAAQ,oBAAoB;IAEjE,IAAI,QAAQ;QACR,OAAO,6BAA6B,CAAC;IACzC,CAAC;IAGD,SAAS,CAAmB;IAG5B,OAAO,CAAmB;IAG1B,OAAO,CAAmB;IAE1B,cAAc;QACV,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,YAAY,iBAAiB,EAAE;YACpE,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;YAChF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB,GAAG,YAAY,GAAG,GAAG,CAAC;YAClE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;SAChF;IACL,CAAC;IAEO,KAAK,CAAc;IAE3B,cAAc;QAEV,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAgC,CAAC;QAC1D,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC3D,MAAM,qBAAqB,GAAG,IAAI,qBAAqB,CAAC;YACpD,YAAY,EAAE,UAAU,CAAC,OAAO;YAChC,eAAe,EAAE,GAAG;SACvB,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,UAAU,CAAC,GAAI,EAAE,UAAU,CAAC,OAAO,EAAE;YAC/D,iBAAiB,EAAE,qBAAqB,CAAC,OAAO;YAChD,sBAAsB,EAAE,CAAC;YACzB,oBAAoB,EAAE,CAAC;YACvB,uBAAuB,EAAE,EAAE;YAC3B,qBAAqB,EAAE,CAAC;YACxB,SAAS,EAAE,CAAC;YACZ,yCAAyC;SAC5C,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,QAAQ,CAAC,EAAE;YACvC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC9B,CAAC,CAAA;QACD,IAAI,CAAC,OAAO,CAAC,cAAc,GAAG,QAAQ,CAAC,EAAE;YACrC,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,CAAC;QAC7C,CAAC,CAAA;QACD,IAAI,CAAC,OAAO,CAAC,cAAc,GAAG,QAAQ,CAAC,EAAE;YACrC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC5B,CAAC,CAAA;QAED,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAChC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACf,OAAO,GAAG,CAAC;IACf,CAAC;CAEJ;AAtDG;IADC,YAAY,CAAC,eAAe,CAAC;8DACF;AAG5B;IADC,YAAY,CAAC,eAAe,CAAC;4DACJ;AAG1B;IADC,YAAY,CAAC,eAAe,CAAC;4DACJ;AAiD9B,wBAAwB,CAAC,6BAA6B,EAAE,2BAA2B,CAAC,CAAC"}

package/lib/engine-components/postprocessing/Effects/Tonemapping.d.ts

@@ -0,0 +1,16 @@
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+export declare enum TonemappingMode {
+    None = 0,
+    Neutral = 1,
+    ACES = 2
+}
+export declare class ToneMapping extends PostProcessingEffect {
+    get typeName(): string;
+    mode: VolumeParameter;
+    get isToneMapping(): boolean;
+    init(): void;
+    apply(): void;
+    unapply(): void;
+    private _apply;
+}

package/lib/engine-components/postprocessing/Effects/Tonemapping.js

@@ -0,0 +1,52 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { ACESFilmicToneMapping, LinearToneMapping, NoToneMapping, ReinhardToneMapping } from "three";
+import { serializable } from "../../../engine/engine_serialization";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { VolumeParameter } from "../VolumeParameter";
+import { registerCustomEffectType } from "../VolumeProfile";
+export var TonemappingMode;
+(function (TonemappingMode) {
+    TonemappingMode[TonemappingMode["None"] = 0] = "None";
+    TonemappingMode[TonemappingMode["Neutral"] = 1] = "Neutral";
+    TonemappingMode[TonemappingMode["ACES"] = 2] = "ACES";
+})(TonemappingMode || (TonemappingMode = {}));
+export class ToneMapping extends PostProcessingEffect {
+    get typeName() {
+        return "ToneMapping";
+    }
+    mode;
+    get isToneMapping() { return true; }
+    init() {
+        this.mode.defaultValue = NoToneMapping;
+    }
+    apply() {
+        this.mode.onValueChanged = this._apply.bind(this);
+        this._apply(this.mode.value);
+    }
+    unapply() {
+        this.context.renderer.toneMapping = NoToneMapping;
+    }
+    _apply(v) {
+        switch (v) {
+            case TonemappingMode.None:
+                this.context.renderer.toneMapping = LinearToneMapping;
+                break;
+            case TonemappingMode.Neutral:
+                this.context.renderer.toneMapping = ReinhardToneMapping;
+                break;
+            case TonemappingMode.ACES:
+                this.context.renderer.toneMapping = ACESFilmicToneMapping;
+                break;
+        }
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], ToneMapping.prototype, "mode", void 0);
+registerCustomEffectType("Tonemapping", ToneMapping);
+//# sourceMappingURL=Tonemapping.js.map