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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tonemapping.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/Tonemapping.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACrG,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,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACvB,qDAAQ,CAAA;IACR,2DAAW,CAAA;IACX,qDAAQ,CAAA;AACZ,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAED,MAAM,OAAO,WAAY,SAAQ,oBAAoB;IAGjD,IAAI,QAAQ;QACR,OAAO,aAAa,CAAC;IACzB,CAAC;IAGD,IAAI,CAAmB;IAEvB,IAAI,aAAa,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC;IAEpC,IAAI;QACA,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC;IAC3C,CAAC;IAED,KAAK;QACD,IAAI,CAAC,IAAK,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAK,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC;IAED,OAAO;QACH,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC;IACtD,CAAC;IAEO,MAAM,CAAC,CAAC;QACZ,QAAQ,CAAC,EAAE;YACP,KAAK,eAAe,CAAC,IAAI;gBACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC;gBACtD,MAAM;YACV,KAAK,eAAe,CAAC,OAAO;gBACxB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,GAAG,mBAAmB,CAAC;gBACxD,MAAM;YACV,KAAK,eAAe,CAAC,IAAI;gBACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,GAAG,qBAAqB,CAAC;gBAC1D,MAAM;SACb;IACL,CAAC;CAEJ;AA/BG;IADC,YAAY,CAAC,eAAe,CAAC;yCACP;AAiC3B,wBAAwB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { VolumeParameter } from "../VolumeParameter";
+import { EffectProviderResult, PostProcessingEffect } from "../PostProcessingEffect";
+export declare class Vignette extends PostProcessingEffect {
+    get typeName(): string;
+    color: VolumeParameter;
+    intensity: VolumeParameter;
+    center: VolumeParameter;
+    init(): void;
+    onCreateEffect(): EffectProviderResult;
+    private updateDarkness;
+}

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

@@ -0,0 +1,57 @@
+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 { serializable } from "../../../engine/engine_serialization";
+import { VolumeParameter } from "../VolumeParameter";
+import { PostProcessingEffect } from "../PostProcessingEffect";
+import { registerCustomEffectType } from "../VolumeProfile";
+import { VignetteEffect } from "postprocessing";
+export class Vignette extends PostProcessingEffect {
+    get typeName() {
+        return "Vignette";
+    }
+    color;
+    intensity;
+    center;
+    init() {
+        this.color.defaultValue = { r: 0, g: 0, b: 0, a: 1 };
+        this.intensity.defaultValue = 0;
+        this.center.defaultValue = { x: 0.5, y: 0.5 };
+    }
+    onCreateEffect() {
+        // https://github.com/pmndrs/postprocessing/blob/f8ed90635ee6710744cc0f38811fc00ce873a450/src/effects/VignetteEffect.js
+        const vignette = new VignetteEffect();
+        this.intensity.onValueChanged = v => {
+            vignette.offset = v;
+            this.updateDarkness(vignette);
+        };
+        this.color.onValueChanged = _ => {
+            this.updateDarkness(vignette);
+        };
+        // this.center.onValueChanged = v => {
+        //     console.log(v);
+        //     vignette.offset = v.x;
+        // };
+        return vignette;
+    }
+    updateDarkness(effect) {
+        // const col = this.color.value;
+        // const colval = 1 - (col.r + col.g + col.b + col.a) / 4;
+        const val = this.intensity.value;
+        effect.darkness = val;
+    }
+}
+__decorate([
+    serializable(VolumeParameter)
+], Vignette.prototype, "color", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], Vignette.prototype, "intensity", void 0);
+__decorate([
+    serializable(VolumeParameter)
+], Vignette.prototype, "center", void 0);
+registerCustomEffectType("Vignette", Vignette);
+//# sourceMappingURL=Vignette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Vignette.js","sourceRoot":"","sources":["../../../../../src/engine-components/postprocessing/Effects/Vignette.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAwB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,MAAM,OAAO,QAAS,SAAQ,oBAAoB;IAC9C,IAAI,QAAQ;QACR,OAAO,UAAU,CAAC;IACtB,CAAC;IAGD,KAAK,CAAmB;IAGxB,SAAS,CAAmB;IAG5B,MAAM,CAAmB;IAEzB,IAAI;QACA,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACrD,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IAClD,CAAC;IAED,cAAc;QACV,uHAAuH;QACvH,MAAM,QAAQ,GAAG,IAAI,cAAc,EAAE,CAAC;QAEtC,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC,EAAE;YAChC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;YACpB,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC,CAAA;QACD,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,EAAE;YAC5B,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC,CAAC;QACF,sCAAsC;QACtC,sBAAsB;QACtB,6BAA6B;QAC7B,KAAK;QAEL,OAAO,QAAQ,CAAC;IACpB,CAAC;IAEO,cAAc,CAAC,MAAsB;QACzC,gCAAgC;QAChC,0DAA0D;QAC1D,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACjC,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC;IAC1B,CAAC;CAEJ;AAxCG;IADC,YAAY,CAAC,eAAe,CAAC;uCACN;AAGxB;IADC,YAAY,CAAC,eAAe,CAAC;2CACF;AAG5B;IADC,YAAY,CAAC,eAAe,CAAC;wCACL;AAmC7B,wBAAwB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}

package/lib/engine-components/postprocessing/PostProcessingEffect.d.ts

@@ -0,0 +1,29 @@
+import { Effect, Pass } from "postprocessing";
+import { Component } from "../Component";
+import { ISerializable, SerializationContext } from "../../engine/engine_serialization_core";
+import { EditorModification, IEditorModification } from "../../engine/engine_editor-sync";
+export declare type EffectProviderResult = Effect | Pass | Array<Effect | Pass>;
+export interface IEffectProvider {
+    apply(): void | undefined | EffectProviderResult;
+    unapply(): void;
+}
+export declare abstract class PostProcessingEffect extends Component implements IEffectProvider, ISerializable, IEditorModification {
+    abstract get typeName(): string;
+    onEnable(): void;
+    onDisable(): void;
+    active: boolean;
+    /** override to initialize bindings on parameters */
+    init(): void;
+    /** previously created effect (if any) */
+    private _result;
+    /** Apply post settings. Make sure to call super.apply() if you also create an effect */
+    apply(): void | undefined | EffectProviderResult;
+    /** Reset previously set values (e.g. when adjusting settings on the renderer like Tonemapping) */
+    unapply(): void;
+    /** implement to create a effect once to be cached in the base class. Make sure super.apply() is called if you also override apply */
+    onCreateEffect?(): EffectProviderResult | undefined;
+    dispose(): void;
+    private initParameters;
+    onAfterDeserialize(data: any, _context: SerializationContext): void;
+    onEditorModification(modification: EditorModification): void | boolean | undefined;
+}

package/lib/engine-components/postprocessing/PostProcessingEffect.js

@@ -0,0 +1,89 @@
+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 { serializable } from "../../engine/engine_serialization";
+import { VolumeParameter } from "./VolumeParameter";
+import { Component } from "../Component";
+export class PostProcessingEffect extends Component {
+    onEnable() {
+        // Dont override the serialized value by enabling (we could also just disable this component / map enabled to active)
+        if (this.__internalDidAwakeAndStart)
+            this.active = true;
+    }
+    onDisable() {
+        this.active = false;
+    }
+    active = true;
+    /** override to initialize bindings on parameters */
+    init() {
+    }
+    /** previously created effect (if any) */
+    _result;
+    /** Apply post settings. Make sure to call super.apply() if you also create an effect */
+    apply() {
+        if (!this._result) {
+            this._result = this.onCreateEffect?.call(this);
+            if (this._result) {
+                this.initParameters();
+            }
+        }
+        return this._result;
+    }
+    /** Reset previously set values (e.g. when adjusting settings on the renderer like Tonemapping) */
+    unapply() { }
+    dispose() {
+        if (this._result) {
+            if (Array.isArray(this._result)) {
+                this._result.forEach(r => r.dispose());
+            }
+            else {
+                this._result.dispose();
+            }
+        }
+        this._result = undefined;
+    }
+    initParameters() {
+        // Automatically call init on all VolumeParameter properties
+        // This will enforce the valueProcessor and onValueChanged to be called
+        const keys = Object.keys(this);
+        for (const key of keys) {
+            const value = this[key];
+            if (value instanceof VolumeParameter) {
+                value.__init();
+            }
+        }
+    }
+    onAfterDeserialize(data, _context) {
+        // When using additional effects and parameters exported from the editor are not in the volume parameter format
+        if (typeof data === "object") {
+            const types = this["$serializedTypes"];
+            if (types) {
+                for (const fieldName in Object.keys(types)) {
+                    const type = types[fieldName];
+                    if (type === VolumeParameter) {
+                        const value = data[fieldName];
+                        if (value !== undefined) {
+                            this[fieldName].value = value;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    onEditorModification(modification) {
+        // Handle a property modification if the property is a VolumeParameter and the modification is just a plain value
+        const key = modification.propertyName;
+        if (this[key] instanceof VolumeParameter) {
+            const value = modification.value;
+            this[key].value = value;
+            return true;
+        }
+    }
+}
+__decorate([
+    serializable()
+], PostProcessingEffect.prototype, "active", void 0);
+//# sourceMappingURL=PostProcessingEffect.js.map

package/lib/engine-components/postprocessing/PostProcessingEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostProcessingEffect.js","sourceRoot":"","sources":["../../../../src/engine-components/postprocessing/PostProcessingEffect.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,OAAgB,oBAAqB,SAAQ,SAAS;IAIxD,QAAQ;QACJ,qHAAqH;QACrH,IAAI,IAAI,CAAC,0BAA0B;YAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,SAAS;QACL,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAGD,MAAM,GAAY,IAAI,CAAC;IAEvB,oDAAoD;IACpD,IAAI;IAEJ,CAAC;IAED,yCAAyC;IACjC,OAAO,CAA0C;IAGzD,wFAAwF;IACxF,KAAK;QACD,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,IAAI,CAAC,cAAc,EAAE,CAAC;aACzB;SACJ;QACD,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,kGAAkG;IAClG,OAAO,KAAW,CAAC;IAKnB,OAAO;QACH,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;gBAC7B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;aAC1C;iBAAM;gBACH,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;aAC1B;SACJ;QACD,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;IAC7B,CAAC;IAEO,cAAc;QAClB,4DAA4D;QAC5D,uEAAuE;QACvE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,KAAK,YAAY,eAAe,EAAE;gBAClC,KAAK,CAAC,MAAM,EAAE,CAAC;aAClB;SACJ;IACL,CAAC;IAED,kBAAkB,CAAC,IAAS,EAAE,QAA8B;QACxD,+GAA+G;QAC/G,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACvC,IAAI,KAAK,EAAE;gBACP,KAAK,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;oBACxC,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;oBAC9B,IAAI,IAAI,KAAK,eAAe,EAAE;wBAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;wBAC9B,IAAI,KAAK,KAAK,SAAS,EAAE;4BACrB,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;yBACjC;qBACJ;iBACJ;aACJ;SACJ;IACL,CAAC;IAGD,oBAAoB,CAAC,YAAgC;QACjD,iHAAiH;QACjH,MAAM,GAAG,GAAG,YAAY,CAAC,YAAY,CAAC;QACtC,IAAI,IAAI,CAAC,GAAG,CAAC,YAAY,eAAe,EAAE;YACtC,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;YACjC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;YACxB,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AA/EG;IADC,YAAY,EAAE;oDACQ"}

package/lib/engine-components/postprocessing/PostProcessingHandler.d.ts

@@ -0,0 +1,13 @@
+import { Context } from "../../engine/engine_setup";
+import { PostProcessingEffect } from "./PostProcessingEffect";
+export declare class PostProcessingHandler {
+    private _composer;
+    private _lastVolumeComponents?;
+    private _effects;
+    apply(context: Context, components: PostProcessingEffect[]): void;
+    unapply(context: Context): void;
+    dispose(context: Context): void;
+    private onApply;
+    /** Build composer passes */
+    private applyEffects;
+}