@babylonjs/core 8.1.1 → 8.2.1

package/PostProcesses/thinImageProcessingPostProcess.js

@@ -0,0 +1,462 @@
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+import { Engine } from "../Engines/engine.js";
+import { EngineStore } from "../Engines/engineStore.js";
+import { ImageProcessingConfiguration } from "../Materials/imageProcessingConfiguration.js";
+/**
+ * Post process used to apply image processing to a scene
+ */
+export class ThinImageProcessingPostProcess extends EffectWrapper {
+    _gatherImports(useWebGPU, list) {
+        if (useWebGPU) {
+            this._webGPUReady = true;
+            list.push(import("../ShadersWGSL/imageProcessing.fragment.js"));
+        }
+        else {
+            list.push(import("../Shaders/imageProcessing.fragment.js"));
+        }
+    }
+    /**
+     * Gets the image processing configuration used either in this material.
+     */
+    get imageProcessingConfiguration() {
+        return this._imageProcessingConfiguration;
+    }
+    /**
+     * Sets the Default image processing configuration used either in the this material.
+     *
+     * If sets to null, the scene one is in use.
+     */
+    set imageProcessingConfiguration(value) {
+        // We are almost sure it is applied by post process as
+        // We are in the post process :-)
+        value.applyByPostProcess = true;
+        this._attachImageProcessingConfiguration(value);
+    }
+    /**
+     * Attaches a new image processing configuration to the PBR Material.
+     * @param configuration
+     * @param doNotBuild
+     */
+    _attachImageProcessingConfiguration(configuration, doNotBuild = false) {
+        if (configuration === this._imageProcessingConfiguration) {
+            return;
+        }
+        // Detaches observer.
+        if (this._imageProcessingConfiguration && this._imageProcessingObserver) {
+            this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);
+        }
+        // Pick the scene configuration if needed.
+        if (!configuration) {
+            let scene = this.options.scene;
+            if (!scene) {
+                const engine = this.options.engine;
+                if (engine && engine.scenes) {
+                    const scenes = engine.scenes;
+                    scene = scenes[scenes.length - 1];
+                }
+                else {
+                    scene = EngineStore.LastCreatedScene;
+                }
+            }
+            if (scene) {
+                this._imageProcessingConfiguration = scene.imageProcessingConfiguration;
+            }
+            else {
+                this._imageProcessingConfiguration = new ImageProcessingConfiguration();
+            }
+        }
+        else {
+            this._imageProcessingConfiguration = configuration;
+        }
+        // Attaches observer.
+        if (this._imageProcessingConfiguration) {
+            this._imageProcessingObserver = this._imageProcessingConfiguration.onUpdateParameters.add(() => {
+                this._updateParameters();
+            });
+        }
+        // Ensure the effect will be rebuilt.
+        if (!doNotBuild) {
+            this._updateParameters();
+        }
+    }
+    /**
+     * Gets Color curves setup used in the effect if colorCurvesEnabled is set to true .
+     */
+    get colorCurves() {
+        return this.imageProcessingConfiguration.colorCurves;
+    }
+    /**
+     * Sets Color curves setup used in the effect if colorCurvesEnabled is set to true .
+     */
+    set colorCurves(value) {
+        this.imageProcessingConfiguration.colorCurves = value;
+    }
+    /**
+     * Gets whether the color curves effect is enabled.
+     */
+    get colorCurvesEnabled() {
+        return this.imageProcessingConfiguration.colorCurvesEnabled;
+    }
+    /**
+     * Sets whether the color curves effect is enabled.
+     */
+    set colorCurvesEnabled(value) {
+        this.imageProcessingConfiguration.colorCurvesEnabled = value;
+    }
+    /**
+     * Gets Color grading LUT texture used in the effect if colorGradingEnabled is set to true.
+     */
+    get colorGradingTexture() {
+        return this.imageProcessingConfiguration.colorGradingTexture;
+    }
+    /**
+     * Sets Color grading LUT texture used in the effect if colorGradingEnabled is set to true.
+     */
+    set colorGradingTexture(value) {
+        this.imageProcessingConfiguration.colorGradingTexture = value;
+    }
+    /**
+     * Gets whether the color grading effect is enabled.
+     */
+    get colorGradingEnabled() {
+        return this.imageProcessingConfiguration.colorGradingEnabled;
+    }
+    /**
+     * Gets whether the color grading effect is enabled.
+     */
+    set colorGradingEnabled(value) {
+        this.imageProcessingConfiguration.colorGradingEnabled = value;
+    }
+    /**
+     * Gets exposure used in the effect.
+     */
+    get exposure() {
+        return this.imageProcessingConfiguration.exposure;
+    }
+    /**
+     * Sets exposure used in the effect.
+     */
+    set exposure(value) {
+        this.imageProcessingConfiguration.exposure = value;
+    }
+    /**
+     * Gets whether tonemapping is enabled or not.
+     */
+    get toneMappingEnabled() {
+        return this._imageProcessingConfiguration.toneMappingEnabled;
+    }
+    /**
+     * Sets whether tonemapping is enabled or not
+     */
+    set toneMappingEnabled(value) {
+        this._imageProcessingConfiguration.toneMappingEnabled = value;
+    }
+    /**
+     * Gets the type of tone mapping effect.
+     */
+    get toneMappingType() {
+        return this._imageProcessingConfiguration.toneMappingType;
+    }
+    /**
+     * Sets the type of tone mapping effect.
+     */
+    set toneMappingType(value) {
+        this._imageProcessingConfiguration.toneMappingType = value;
+    }
+    /**
+     * Gets contrast used in the effect.
+     */
+    get contrast() {
+        return this.imageProcessingConfiguration.contrast;
+    }
+    /**
+     * Sets contrast used in the effect.
+     */
+    set contrast(value) {
+        this.imageProcessingConfiguration.contrast = value;
+    }
+    /**
+     * Gets Vignette stretch size.
+     */
+    get vignetteStretch() {
+        return this.imageProcessingConfiguration.vignetteStretch;
+    }
+    /**
+     * Sets Vignette stretch size.
+     */
+    set vignetteStretch(value) {
+        this.imageProcessingConfiguration.vignetteStretch = value;
+    }
+    /**
+     * Gets Vignette center X Offset.
+     * @deprecated use vignetteCenterX instead
+     */
+    get vignetteCentreX() {
+        return this.imageProcessingConfiguration.vignetteCenterX;
+    }
+    /**
+     * Sets Vignette center X Offset.
+     * @deprecated use vignetteCenterX instead
+     */
+    set vignetteCentreX(value) {
+        this.imageProcessingConfiguration.vignetteCenterX = value;
+    }
+    /**
+     * Gets Vignette center Y Offset.
+     * @deprecated use vignetteCenterY instead
+     */
+    get vignetteCentreY() {
+        return this.imageProcessingConfiguration.vignetteCenterY;
+    }
+    /**
+     * Sets Vignette center Y Offset.
+     * @deprecated use vignetteCenterY instead
+     */
+    set vignetteCentreY(value) {
+        this.imageProcessingConfiguration.vignetteCenterY = value;
+    }
+    /**
+     * Vignette center Y Offset.
+     */
+    get vignetteCenterY() {
+        return this.imageProcessingConfiguration.vignetteCenterY;
+    }
+    set vignetteCenterY(value) {
+        this.imageProcessingConfiguration.vignetteCenterY = value;
+    }
+    /**
+     * Vignette center X Offset.
+     */
+    get vignetteCenterX() {
+        return this.imageProcessingConfiguration.vignetteCenterX;
+    }
+    set vignetteCenterX(value) {
+        this.imageProcessingConfiguration.vignetteCenterX = value;
+    }
+    /**
+     * Gets Vignette weight or intensity of the vignette effect.
+     */
+    get vignetteWeight() {
+        return this.imageProcessingConfiguration.vignetteWeight;
+    }
+    /**
+     * Sets Vignette weight or intensity of the vignette effect.
+     */
+    set vignetteWeight(value) {
+        this.imageProcessingConfiguration.vignetteWeight = value;
+    }
+    /**
+     * Gets Color of the vignette applied on the screen through the chosen blend mode (vignetteBlendMode)
+     * if vignetteEnabled is set to true.
+     */
+    get vignetteColor() {
+        return this.imageProcessingConfiguration.vignetteColor;
+    }
+    /**
+     * Sets Color of the vignette applied on the screen through the chosen blend mode (vignetteBlendMode)
+     * if vignetteEnabled is set to true.
+     */
+    set vignetteColor(value) {
+        this.imageProcessingConfiguration.vignetteColor = value;
+    }
+    /**
+     * Gets Camera field of view used by the Vignette effect.
+     */
+    get vignetteCameraFov() {
+        return this.imageProcessingConfiguration.vignetteCameraFov;
+    }
+    /**
+     * Sets Camera field of view used by the Vignette effect.
+     */
+    set vignetteCameraFov(value) {
+        this.imageProcessingConfiguration.vignetteCameraFov = value;
+    }
+    /**
+     * Gets the vignette blend mode allowing different kind of effect.
+     */
+    get vignetteBlendMode() {
+        return this.imageProcessingConfiguration.vignetteBlendMode;
+    }
+    /**
+     * Sets the vignette blend mode allowing different kind of effect.
+     */
+    set vignetteBlendMode(value) {
+        this.imageProcessingConfiguration.vignetteBlendMode = value;
+    }
+    /**
+     * Gets whether the vignette effect is enabled.
+     */
+    get vignetteEnabled() {
+        return this.imageProcessingConfiguration.vignetteEnabled;
+    }
+    /**
+     * Sets whether the vignette effect is enabled.
+     */
+    set vignetteEnabled(value) {
+        this.imageProcessingConfiguration.vignetteEnabled = value;
+    }
+    /**
+     * Gets intensity of the dithering effect.
+     */
+    get ditheringIntensity() {
+        return this.imageProcessingConfiguration.ditheringIntensity;
+    }
+    /**
+     * Sets intensity of the dithering effect.
+     */
+    set ditheringIntensity(value) {
+        this.imageProcessingConfiguration.ditheringIntensity = value;
+    }
+    /**
+     * Gets whether the dithering effect is enabled.
+     */
+    get ditheringEnabled() {
+        return this.imageProcessingConfiguration.ditheringEnabled;
+    }
+    /**
+     * Sets whether the dithering effect is enabled.
+     */
+    set ditheringEnabled(value) {
+        this.imageProcessingConfiguration.ditheringEnabled = value;
+    }
+    /**
+     * Gets whether the input of the processing is in Gamma or Linear Space.
+     */
+    get fromLinearSpace() {
+        return this._fromLinearSpace;
+    }
+    /**
+     * Sets whether the input of the processing is in Gamma or Linear Space.
+     */
+    set fromLinearSpace(value) {
+        if (this._fromLinearSpace === value) {
+            return;
+        }
+        this._fromLinearSpace = value;
+        this._updateParameters();
+    }
+    /**
+     * * Gets the width of the output texture used to store the result of the post process.
+     */
+    get outputTextureWidth() {
+        return this.imageProcessingConfiguration.outputTextureWidth;
+    }
+    /**
+     * * Sets the width of the output texture used to store the result of the post process.
+     */
+    set outputTextureWidth(value) {
+        this.imageProcessingConfiguration.outputTextureWidth = value;
+    }
+    /**
+     * * Gets the height of the output texture used to store the result of the post process.
+     */
+    get outputTextureHeight() {
+        return this.imageProcessingConfiguration.outputTextureHeight;
+    }
+    /**
+     * * Sets the height of the output texture used to store the result of the post process.
+     */
+    set outputTextureHeight(value) {
+        this.imageProcessingConfiguration.outputTextureHeight = value;
+    }
+    /**
+     * Constructs a new image processing post process
+     * @param name Name of the effect
+     * @param engine Engine to use to render the effect. If not provided, the last created engine will be used
+     * @param options Options to configure the effect
+     */
+    constructor(name, engine = null, options) {
+        super({
+            ...options,
+            name,
+            engine: engine || Engine.LastCreatedEngine,
+            useShaderStore: true,
+            useAsPostProcess: true,
+            fragmentShader: ThinImageProcessingPostProcess.FragmentUrl,
+        });
+        this._fromLinearSpace = true;
+        /**
+         * Defines cache preventing GC.
+         */
+        this._defines = {
+            IMAGEPROCESSING: false,
+            VIGNETTE: false,
+            VIGNETTEBLENDMODEMULTIPLY: false,
+            VIGNETTEBLENDMODEOPAQUE: false,
+            TONEMAPPING: 0,
+            CONTRAST: false,
+            COLORCURVES: false,
+            COLORGRADING: false,
+            COLORGRADING3D: false,
+            FROMLINEARSPACE: false,
+            SAMPLER3DGREENDEPTH: false,
+            SAMPLER3DBGRMAP: false,
+            DITHER: false,
+            IMAGEPROCESSINGPOSTPROCESS: false,
+            EXPOSURE: false,
+            SKIPFINALCOLORCLAMP: false,
+        };
+        const imageProcessingConfiguration = options?.imageProcessingConfiguration;
+        // Setup the configuration as forced by the constructor. This would then not force the
+        // scene materials output in linear space and let untouched the default forward pass.
+        if (imageProcessingConfiguration) {
+            imageProcessingConfiguration.applyByPostProcess = true;
+            this._attachImageProcessingConfiguration(imageProcessingConfiguration, true);
+            // This will cause the shader to be compiled
+            this._updateParameters();
+        }
+        // Setup the default processing configuration to the scene.
+        else {
+            this._attachImageProcessingConfiguration(null, true);
+            this.imageProcessingConfiguration.applyByPostProcess = true;
+        }
+    }
+    /**
+     * @internal
+     */
+    _updateParameters() {
+        this._defines.FROMLINEARSPACE = this._fromLinearSpace;
+        this.imageProcessingConfiguration.prepareDefines(this._defines, true);
+        let defines = "";
+        for (const prop in this._defines) {
+            const value = this._defines[prop];
+            const type = typeof value;
+            switch (type) {
+                case "number":
+                case "string":
+                    defines += `#define ${prop} ${value};\n`;
+                    break;
+                default:
+                    if (value) {
+                        defines += `#define ${prop};\n`;
+                    }
+                    break;
+            }
+        }
+        const samplers = ["textureSampler"];
+        const uniforms = ["scale"];
+        if (ImageProcessingConfiguration) {
+            ImageProcessingConfiguration.PrepareSamplers(samplers, this._defines);
+            ImageProcessingConfiguration.PrepareUniforms(uniforms, this._defines);
+        }
+        this.updateEffect(defines, uniforms, samplers);
+    }
+    bind(noDefaultBindings = false) {
+        super.bind(noDefaultBindings);
+        this.imageProcessingConfiguration.bind(this.effect, this.overrideAspectRatio);
+    }
+    dispose() {
+        super.dispose();
+        if (this._imageProcessingConfiguration && this._imageProcessingObserver) {
+            this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);
+        }
+        if (this._imageProcessingConfiguration) {
+            this.imageProcessingConfiguration.applyByPostProcess = false;
+        }
+    }
+}
+/**
+ * The fragment shader url
+ */
+ThinImageProcessingPostProcess.FragmentUrl = "imageProcessing";
+//# sourceMappingURL=thinImageProcessingPostProcess.js.map

package/PostProcesses/thinImageProcessingPostProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinImageProcessingPostProcess.js","sourceRoot":"","sources":["../../../../dev/core/src/PostProcesses/thinImageProcessingPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["// eslint-disable-next-line import/no-internal-modules\r\nimport type { Nullable, AbstractEngine, EffectWrapperCreationOptions, Observer, NonNullableFields, Scene, ColorCurves, BaseTexture, Color4 } from \"core/index\";\r\nimport { EffectWrapper } from \"../Materials/effectRenderer\";\r\nimport { Engine } from \"../Engines/engine\";\r\nimport { EngineStore } from \"../Engines/engineStore\";\r\nimport type { IImageProcessingConfigurationDefines } from \"../Materials/imageProcessingConfiguration.defines\";\r\nimport { ImageProcessingConfiguration } from \"../Materials/imageProcessingConfiguration\";\r\n\r\n/**\r\n * Options used to create a ThinImageProcessingPostProcessOptions.\r\n */\r\nexport interface ThinImageProcessingPostProcessOptions extends EffectWrapperCreationOptions {\r\n    /**\r\n     * An existing image processing configuration to use. If not provided, the scene one will be used.\r\n     */\r\n    imageProcessingConfiguration?: ImageProcessingConfiguration;\r\n\r\n    /**\r\n     * The scene to retrieve the image processing configuration from if not provided in the options.\r\n     * If not provided, the last created scene will be used.\r\n     */\r\n    scene?: Nullable<Scene>;\r\n}\r\n\r\n/**\r\n * Post process used to apply image processing to a scene\r\n */\r\nexport class ThinImageProcessingPostProcess extends EffectWrapper {\r\n    /**\r\n     * The fragment shader url\r\n     */\r\n    public static readonly FragmentUrl = \"imageProcessing\";\r\n\r\n    protected override _gatherImports(useWebGPU: boolean, list: Promise<any>[]) {\r\n        if (useWebGPU) {\r\n            this._webGPUReady = true;\r\n            list.push(import(\"../ShadersWGSL/imageProcessing.fragment\"));\r\n        } else {\r\n            list.push(import(\"../Shaders/imageProcessing.fragment\"));\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Default configuration related to image processing available in the PBR Material.\r\n     */\r\n    protected _imageProcessingConfiguration: ImageProcessingConfiguration;\r\n\r\n    /**\r\n     * Gets the image processing configuration used either in this material.\r\n     */\r\n    public get imageProcessingConfiguration(): ImageProcessingConfiguration {\r\n        return this._imageProcessingConfiguration;\r\n    }\r\n\r\n    /**\r\n     * Sets the Default image processing configuration used either in the this material.\r\n     *\r\n     * If sets to null, the scene one is in use.\r\n     */\r\n    public set imageProcessingConfiguration(value: ImageProcessingConfiguration) {\r\n        // We are almost sure it is applied by post process as\r\n        // We are in the post process :-)\r\n        value.applyByPostProcess = true;\r\n        this._attachImageProcessingConfiguration(value);\r\n    }\r\n\r\n    /**\r\n     * Keep track of the image processing observer to allow dispose and replace.\r\n     */\r\n    private _imageProcessingObserver: Nullable<Observer<ImageProcessingConfiguration>>;\r\n\r\n    /**\r\n     * Attaches a new image processing configuration to the PBR Material.\r\n     * @param configuration\r\n     * @param doNotBuild\r\n     */\r\n    protected _attachImageProcessingConfiguration(configuration: Nullable<ImageProcessingConfiguration>, doNotBuild = false): void {\r\n        if (configuration === this._imageProcessingConfiguration) {\r\n            return;\r\n        }\r\n\r\n        // Detaches observer.\r\n        if (this._imageProcessingConfiguration && this._imageProcessingObserver) {\r\n            this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);\r\n        }\r\n\r\n        // Pick the scene configuration if needed.\r\n        if (!configuration) {\r\n            let scene = this.options.scene;\r\n\r\n            if (!scene) {\r\n                const engine = this.options.engine;\r\n                if (engine && engine.scenes) {\r\n                    const scenes = engine.scenes;\r\n                    scene = scenes[scenes.length - 1];\r\n                } else {\r\n                    scene = EngineStore.LastCreatedScene!;\r\n                }\r\n            }\r\n\r\n            if (scene) {\r\n                this._imageProcessingConfiguration = scene.imageProcessingConfiguration;\r\n            } else {\r\n                this._imageProcessingConfiguration = new ImageProcessingConfiguration();\r\n            }\r\n        } else {\r\n            this._imageProcessingConfiguration = configuration;\r\n        }\r\n\r\n        // Attaches observer.\r\n        if (this._imageProcessingConfiguration) {\r\n            this._imageProcessingObserver = this._imageProcessingConfiguration.onUpdateParameters.add(() => {\r\n                this._updateParameters();\r\n            });\r\n        }\r\n\r\n        // Ensure the effect will be rebuilt.\r\n        if (!doNotBuild) {\r\n            this._updateParameters();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Gets Color curves setup used in the effect if colorCurvesEnabled is set to true .\r\n     */\r\n    public get colorCurves(): Nullable<ColorCurves> {\r\n        return this.imageProcessingConfiguration.colorCurves;\r\n    }\r\n    /**\r\n     * Sets Color curves setup used in the effect if colorCurvesEnabled is set to true .\r\n     */\r\n    public set colorCurves(value: Nullable<ColorCurves>) {\r\n        this.imageProcessingConfiguration.colorCurves = value;\r\n    }\r\n\r\n    /**\r\n     * Gets whether the color curves effect is enabled.\r\n     */\r\n    public get colorCurvesEnabled(): boolean {\r\n        return this.imageProcessingConfiguration.colorCurvesEnabled;\r\n    }\r\n    /**\r\n     * Sets whether the color curves effect is enabled.\r\n     */\r\n    public set colorCurvesEnabled(value: boolean) {\r\n        this.imageProcessingConfiguration.colorCurvesEnabled = value;\r\n    }\r\n\r\n    /**\r\n     * Gets Color grading LUT texture used in the effect if colorGradingEnabled is set to true.\r\n     */\r\n    public get colorGradingTexture(): Nullable<BaseTexture> {\r\n        return this.imageProcessingConfiguration.colorGradingTexture;\r\n    }\r\n    /**\r\n     * Sets Color grading LUT texture used in the effect if colorGradingEnabled is set to true.\r\n     */\r\n    public set colorGradingTexture(value: Nullable<BaseTexture>) {\r\n        this.imageProcessingConfiguration.colorGradingTexture = value;\r\n    }\r\n\r\n    /**\r\n     * Gets whether the color grading effect is enabled.\r\n     */\r\n    public get colorGradingEnabled(): boolean {\r\n        return this.imageProcessingConfiguration.colorGradingEnabled;\r\n    }\r\n    /**\r\n     * Gets whether the color grading effect is enabled.\r\n     */\r\n    public set colorGradingEnabled(value: boolean) {\r\n        this.imageProcessingConfiguration.colorGradingEnabled = value;\r\n    }\r\n\r\n    /**\r\n     * Gets exposure used in the effect.\r\n     */\r\n    public get exposure(): number {\r\n        return this.imageProcessingConfiguration.exposure;\r\n    }\r\n    /**\r\n     * Sets exposure used in the effect.\r\n     */\r\n    public set exposure(value: number) {\r\n        this.imageProcessingConfiguration.exposure = value;\r\n    }\r\n\r\n    /**\r\n     * Gets whether tonemapping is enabled or not.\r\n     */\r\n    public get toneMappingEnabled(): boolean {\r\n        return this._imageProcessingConfiguration.toneMappingEnabled;\r\n    }\r\n    /**\r\n     * Sets whether tonemapping is enabled or not\r\n     */\r\n    public set toneMappingEnabled(value: boolean) {\r\n        this._imageProcessingConfiguration.toneMappingEnabled = value;\r\n    }\r\n\r\n    /**\r\n     * Gets the type of tone mapping effect.\r\n     */\r\n    public get toneMappingType(): number {\r\n        return this._imageProcessingConfiguration.toneMappingType;\r\n    }\r\n    /**\r\n     * Sets the type of tone mapping effect.\r\n     */\r\n    public set toneMappingType(value: number) {\r\n        this._imageProcessingConfiguration.toneMappingType = value;\r\n    }\r\n\r\n    /**\r\n     * Gets contrast used in the effect.\r\n     */\r\n    public get contrast(): number {\r\n        return this.imageProcessingConfiguration.contrast;\r\n    }\r\n    /**\r\n     * Sets contrast used in the effect.\r\n     */\r\n    public set contrast(value: number) {\r\n        this.imageProcessingConfiguration.contrast = value;\r\n    }\r\n\r\n    /**\r\n     * Gets Vignette stretch size.\r\n     */\r\n    public get vignetteStretch(): number {\r\n        return this.imageProcessingConfiguration.vignetteStretch;\r\n    }\r\n    /**\r\n     * Sets Vignette stretch size.\r\n     */\r\n    public set vignetteStretch(value: number) {\r\n        this.imageProcessingConfiguration.vignetteStretch = value;\r\n    }\r\n\r\n    /**\r\n     * Gets Vignette center X Offset.\r\n     * @deprecated use vignetteCenterX instead\r\n     */\r\n    public get vignetteCentreX(): number {\r\n        return this.imageProcessingConfiguration.vignetteCenterX;\r\n    }\r\n    /**\r\n     * Sets Vignette center X Offset.\r\n     * @deprecated use vignetteCenterX instead\r\n     */\r\n    public set vignetteCentreX(value: number) {\r\n        this.imageProcessingConfiguration.vignetteCenterX = value;\r\n    }\r\n\r\n    /**\r\n     * Gets Vignette center Y Offset.\r\n     * @deprecated use vignetteCenterY instead\r\n     */\r\n    public get vignetteCentreY(): number {\r\n        return this.imageProcessingConfiguration.vignetteCenterY;\r\n    }\r\n    /**\r\n     * Sets Vignette center Y Offset.\r\n     * @deprecated use vignetteCenterY instead\r\n     */\r\n    public set vignetteCentreY(value: number) {\r\n        this.imageProcessingConfiguration.vignetteCenterY = value;\r\n    }\r\n\r\n    /**\r\n     * Vignette center Y Offset.\r\n     */\r\n    public get vignetteCenterY(): number {\r\n        return this.imageProcessingConfiguration.vignetteCenterY;\r\n    }\r\n    public set vignetteCenterY(value: number) {\r\n        this.imageProcessingConfiguration.vignetteCenterY = value;\r\n    }\r\n\r\n    /**\r\n     * Vignette center X Offset.\r\n     */\r\n    public get vignetteCenterX(): number {\r\n        return this.imageProcessingConfiguration.vignetteCenterX;\r\n    }\r\n    public set vignetteCenterX(value: number) {\r\n        this.imageProcessingConfiguration.vignetteCenterX = value;\r\n    }\r\n\r\n    /**\r\n     * Gets Vignette weight or intensity of the vignette effect.\r\n     */\r\n    public get vignetteWeight(): number {\r\n        return this.imageProcessingConfiguration.vignetteWeight;\r\n    }\r\n    /**\r\n     * Sets Vignette weight or intensity of the vignette effect.\r\n     */\r\n    public set vignetteWeight(value: number) {\r\n        this.imageProcessingConfiguration.vignetteWeight = value;\r\n    }\r\n\r\n    /**\r\n     * Gets Color of the vignette applied on the screen through the chosen blend mode (vignetteBlendMode)\r\n     * if vignetteEnabled is set to true.\r\n     */\r\n    public get vignetteColor(): Color4 {\r\n        return this.imageProcessingConfiguration.vignetteColor;\r\n    }\r\n    /**\r\n     * Sets Color of the vignette applied on the screen through the chosen blend mode (vignetteBlendMode)\r\n     * if vignetteEnabled is set to true.\r\n     */\r\n    public set vignetteColor(value: Color4) {\r\n        this.imageProcessingConfiguration.vignetteColor = value;\r\n    }\r\n\r\n    /**\r\n     * Gets Camera field of view used by the Vignette effect.\r\n     */\r\n    public get vignetteCameraFov(): number {\r\n        return this.imageProcessingConfiguration.vignetteCameraFov;\r\n    }\r\n    /**\r\n     * Sets Camera field of view used by the Vignette effect.\r\n     */\r\n    public set vignetteCameraFov(value: number) {\r\n        this.imageProcessingConfiguration.vignetteCameraFov = value;\r\n    }\r\n\r\n    /**\r\n     * Gets the vignette blend mode allowing different kind of effect.\r\n     */\r\n    public get vignetteBlendMode(): number {\r\n        return this.imageProcessingConfiguration.vignetteBlendMode;\r\n    }\r\n    /**\r\n     * Sets the vignette blend mode allowing different kind of effect.\r\n     */\r\n    public set vignetteBlendMode(value: number) {\r\n        this.imageProcessingConfiguration.vignetteBlendMode = value;\r\n    }\r\n\r\n    /**\r\n     * Gets whether the vignette effect is enabled.\r\n     */\r\n    public get vignetteEnabled(): boolean {\r\n        return this.imageProcessingConfiguration.vignetteEnabled;\r\n    }\r\n    /**\r\n     * Sets whether the vignette effect is enabled.\r\n     */\r\n    public set vignetteEnabled(value: boolean) {\r\n        this.imageProcessingConfiguration.vignetteEnabled = value;\r\n    }\r\n\r\n    /**\r\n     * Gets intensity of the dithering effect.\r\n     */\r\n    public get ditheringIntensity(): number {\r\n        return this.imageProcessingConfiguration.ditheringIntensity;\r\n    }\r\n    /**\r\n     * Sets intensity of the dithering effect.\r\n     */\r\n    public set ditheringIntensity(value: number) {\r\n        this.imageProcessingConfiguration.ditheringIntensity = value;\r\n    }\r\n\r\n    /**\r\n     * Gets whether the dithering effect is enabled.\r\n     */\r\n    public get ditheringEnabled(): boolean {\r\n        return this.imageProcessingConfiguration.ditheringEnabled;\r\n    }\r\n    /**\r\n     * Sets whether the dithering effect is enabled.\r\n     */\r\n    public set ditheringEnabled(value: boolean) {\r\n        this.imageProcessingConfiguration.ditheringEnabled = value;\r\n    }\r\n\r\n    private _fromLinearSpace = true;\r\n    /**\r\n     * Gets whether the input of the processing is in Gamma or Linear Space.\r\n     */\r\n    public get fromLinearSpace(): boolean {\r\n        return this._fromLinearSpace;\r\n    }\r\n    /**\r\n     * Sets whether the input of the processing is in Gamma or Linear Space.\r\n     */\r\n    public set fromLinearSpace(value: boolean) {\r\n        if (this._fromLinearSpace === value) {\r\n            return;\r\n        }\r\n\r\n        this._fromLinearSpace = value;\r\n        this._updateParameters();\r\n    }\r\n\r\n    /**\r\n     * * Gets the width of the output texture used to store the result of the post process.\r\n     */\r\n    public get outputTextureWidth() {\r\n        return this.imageProcessingConfiguration.outputTextureWidth;\r\n    }\r\n\r\n    /**\r\n     * * Sets the width of the output texture used to store the result of the post process.\r\n     */\r\n    public set outputTextureWidth(value: number) {\r\n        this.imageProcessingConfiguration.outputTextureWidth = value;\r\n    }\r\n\r\n    /**\r\n     * * Gets the height of the output texture used to store the result of the post process.\r\n     */\r\n    public get outputTextureHeight() {\r\n        return this.imageProcessingConfiguration.outputTextureHeight;\r\n    }\r\n\r\n    /**\r\n     * * Sets the height of the output texture used to store the result of the post process.\r\n     */\r\n    public set outputTextureHeight(value: number) {\r\n        this.imageProcessingConfiguration.outputTextureHeight = value;\r\n    }\r\n\r\n    /**\r\n     * Gets/sets the aspect ratio used to override the default one.\r\n     */\r\n    public overrideAspectRatio?: number;\r\n\r\n    /**\r\n     * Defines cache preventing GC.\r\n     */\r\n    private _defines: IImageProcessingConfigurationDefines & { FROMLINEARSPACE: boolean } = {\r\n        IMAGEPROCESSING: false,\r\n        VIGNETTE: false,\r\n        VIGNETTEBLENDMODEMULTIPLY: false,\r\n        VIGNETTEBLENDMODEOPAQUE: false,\r\n        TONEMAPPING: 0,\r\n        CONTRAST: false,\r\n        COLORCURVES: false,\r\n        COLORGRADING: false,\r\n        COLORGRADING3D: false,\r\n        FROMLINEARSPACE: false,\r\n        SAMPLER3DGREENDEPTH: false,\r\n        SAMPLER3DBGRMAP: false,\r\n        DITHER: false,\r\n        IMAGEPROCESSINGPOSTPROCESS: false,\r\n        EXPOSURE: false,\r\n        SKIPFINALCOLORCLAMP: false,\r\n    };\r\n\r\n    public override readonly options: Required<NonNullableFields<ThinImageProcessingPostProcessOptions>>;\r\n\r\n    /**\r\n     * Constructs a new image processing post process\r\n     * @param name Name of the effect\r\n     * @param engine Engine to use to render the effect. If not provided, the last created engine will be used\r\n     * @param options Options to configure the effect\r\n     */\r\n    constructor(name: string, engine: Nullable<AbstractEngine> = null, options?: ThinImageProcessingPostProcessOptions) {\r\n        super({\r\n            ...options,\r\n            name,\r\n            engine: engine || Engine.LastCreatedEngine!,\r\n            useShaderStore: true,\r\n            useAsPostProcess: true,\r\n            fragmentShader: ThinImageProcessingPostProcess.FragmentUrl,\r\n        });\r\n\r\n        const imageProcessingConfiguration = options?.imageProcessingConfiguration;\r\n\r\n        // Setup the configuration as forced by the constructor. This would then not force the\r\n        // scene materials output in linear space and let untouched the default forward pass.\r\n        if (imageProcessingConfiguration) {\r\n            imageProcessingConfiguration.applyByPostProcess = true;\r\n            this._attachImageProcessingConfiguration(imageProcessingConfiguration, true);\r\n            // This will cause the shader to be compiled\r\n            this._updateParameters();\r\n        }\r\n        // Setup the default processing configuration to the scene.\r\n        else {\r\n            this._attachImageProcessingConfiguration(null, true);\r\n            this.imageProcessingConfiguration.applyByPostProcess = true;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    public _updateParameters(): void {\r\n        this._defines.FROMLINEARSPACE = this._fromLinearSpace;\r\n        this.imageProcessingConfiguration.prepareDefines(this._defines, true);\r\n        let defines = \"\";\r\n        for (const prop in this._defines) {\r\n            const value = (<any>this._defines)[prop];\r\n            const type = typeof value;\r\n\r\n            switch (type) {\r\n                case \"number\":\r\n                case \"string\":\r\n                    defines += `#define ${prop} ${value};\\n`;\r\n                    break;\r\n                default:\r\n                    if (value) {\r\n                        defines += `#define ${prop};\\n`;\r\n                    }\r\n                    break;\r\n            }\r\n        }\r\n\r\n        const samplers = [\"textureSampler\"];\r\n        const uniforms = [\"scale\"];\r\n\r\n        if (ImageProcessingConfiguration) {\r\n            ImageProcessingConfiguration.PrepareSamplers(samplers, this._defines);\r\n            ImageProcessingConfiguration.PrepareUniforms(uniforms, this._defines);\r\n        }\r\n\r\n        this.updateEffect(defines, uniforms, samplers);\r\n    }\r\n\r\n    public override bind(noDefaultBindings = false) {\r\n        super.bind(noDefaultBindings);\r\n        this.imageProcessingConfiguration.bind(this.effect, this.overrideAspectRatio);\r\n    }\r\n\r\n    public override dispose(): void {\r\n        super.dispose();\r\n\r\n        if (this._imageProcessingConfiguration && this._imageProcessingObserver) {\r\n            this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);\r\n        }\r\n\r\n        if (this._imageProcessingConfiguration) {\r\n            this.imageProcessingConfiguration.applyByPostProcess = false;\r\n        }\r\n    }\r\n}\r\n"]}

package/PostProcesses/thinSSRBlurCombinerPostProcess.d.ts

@@ -1,5 +1,5 @@
 import type { Nullable, AbstractEngine, EffectWrapperCreationOptions, Camera } from "../index.js";
-import { EffectWrapper } from "../Materials/effectRenderer";
+import { EffectWrapper } from "../Materials/effectRenderer.js";
 /**
  * @internal
  */

package/PostProcesses/thinSSRBlurPostProcess.d.ts

@@ -1,6 +1,6 @@
 import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from "../index.js";
-import { EffectWrapper } from "../Materials/effectRenderer";
-import { Vector2 } from "../Maths/math.vector";
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+import { Vector2 } from "../Maths/math.vector.js";
 /**
  * @internal
  */

package/PostProcesses/thinTAAPostProcess.d.ts

@@ -1,5 +1,5 @@
 import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from "../index.js";
-import { Camera } from "../Cameras/camera";
+import { Camera } from "../Cameras/camera.js";
 import { EffectWrapper } from "../Materials/effectRenderer.js";
 /**
  * Simple implementation of Temporal Anti-Aliasing (TAA).

package/PostProcesses/tonemapPostProcess.d.ts

@@ -1,6 +1,6 @@
-import type { Camera } from "../Cameras/camera";
-import { PostProcess } from "./postProcess";
-import type { Nullable } from "../types";
+import type { Camera } from "../Cameras/camera.js";
+import { PostProcess } from "./postProcess.js";
+import type { Nullable } from "../types.js";
 import type { AbstractEngine } from "../Engines/abstractEngine.js";
 /** Defines operator used for tonemapping */
 export declare enum TonemappingOperator {

package/PostProcesses/volumetricLightScatteringPostProcess.d.ts

@@ -1,16 +1,16 @@
-import { Vector3 } from "../Maths/math.vector";
-import { AbstractMesh } from "../Meshes/abstractMesh";
-import type { Mesh } from "../Meshes/mesh";
-import type { Camera } from "../Cameras/camera";
-import { RenderTargetTexture } from "../Materials/Textures/renderTargetTexture";
-import { PostProcess } from "./postProcess";
-import type { Scene } from "../scene";
-import "../Shaders/depth.vertex";
-import "../Shaders/volumetricLightScattering.fragment";
-import "../Shaders/volumetricLightScatteringPass.vertex";
-import "../Shaders/volumetricLightScatteringPass.fragment";
-import type { Nullable } from "../types";
-import type { AbstractEngine } from "../Engines/abstractEngine";
+import { Vector3 } from "../Maths/math.vector.js";
+import { AbstractMesh } from "../Meshes/abstractMesh.js";
+import type { Mesh } from "../Meshes/mesh.js";
+import type { Camera } from "../Cameras/camera.js";
+import { RenderTargetTexture } from "../Materials/Textures/renderTargetTexture.js";
+import { PostProcess } from "./postProcess.js";
+import type { Scene } from "../scene.js";
+import "../Shaders/depth.vertex.js";
+import "../Shaders/volumetricLightScattering.fragment.js";
+import "../Shaders/volumetricLightScatteringPass.vertex.js";
+import "../Shaders/volumetricLightScatteringPass.fragment.js";
+import type { Nullable } from "../types.js";
+import type { AbstractEngine } from "../Engines/abstractEngine.js";
 /**
  *  Inspired by https://developer.nvidia.com/gpugems/gpugems3/part-ii-light-and-shadows/chapter-13-volumetric-light-scattering-post-process
  */

package/PostProcesses/vrDistortionCorrectionPostProcess.d.ts

@@ -1,7 +1,7 @@
-import type { Camera } from "../Cameras/camera";
-import type { VRCameraMetrics } from "../Cameras/VR/vrCameraMetrics";
-import { PostProcess } from "./postProcess";
-import type { Nullable } from "../types";
+import type { Camera } from "../Cameras/camera.js";
+import type { VRCameraMetrics } from "../Cameras/VR/vrCameraMetrics.js";
+import { PostProcess } from "./postProcess.js";
+import type { Nullable } from "../types.js";
 /**
  * VRDistortionCorrectionPostProcess used for mobile VR
  */

package/PostProcesses/vrMultiviewToSingleviewPostProcess.d.ts

@@ -1,8 +1,8 @@
-import type { Camera } from "../Cameras/camera";
-import { PostProcess } from "./postProcess";
-import "../Shaders/vrMultiviewToSingleview.fragment";
-import "../Engines/Extensions/engine.multiview";
-import type { Nullable } from "../types";
+import type { Camera } from "../Cameras/camera.js";
+import { PostProcess } from "./postProcess.js";
+import "../Shaders/vrMultiviewToSingleview.fragment.js";
+import "../Engines/Extensions/engine.multiview.js";
+import type { Nullable } from "../types.js";
 /**
  * VRMultiviewToSingleview used to convert multiview texture arrays to standard textures for scenarios such as webVR
  * This will not be used for webXR as it supports displaying texture arrays directly

package/Probes/index.d.ts

@@ -1 +1 @@
-export * from "./reflectionProbe";
+export * from "./reflectionProbe.js";

package/Probes/reflectionProbe.d.ts

@@ -1,10 +1,10 @@
-import { RenderTargetTexture } from "../Materials/Textures/renderTargetTexture";
-import { Vector3 } from "../Maths/math.vector";
-import type { AbstractMesh } from "../Meshes/abstractMesh";
-import type { Nullable } from "../types";
-import { Scene } from "../scene";
+import { RenderTargetTexture } from "../Materials/Textures/renderTargetTexture.js";
+import { Vector3 } from "../Maths/math.vector.js";
+import type { AbstractMesh } from "../Meshes/abstractMesh.js";
+import type { Nullable } from "../types.js";
+import { Scene } from "../scene.js";
 import type { IAssetContainer } from "../IAssetContainer.js";
-declare module "../scene" {
+declare module "../scene.js" {
     interface Scene {
         /**
          * The list of reflection probes added to the scene

package/Rendering/GlobalIllumination/giRSM.d.ts

@@ -1,4 +1,4 @@
-import type { ReflectiveShadowMap } from "../reflectiveShadowMap";
+import type { ReflectiveShadowMap } from "../reflectiveShadowMap.js";
 /**
  * Class used to store the global illumination parameters for a reflective shadow map.
  * Instances of this class are used by the GIRSMManager class to generate global illumination for a scene.

package/Rendering/GlobalIllumination/giRSMManager.d.ts

@@ -6,7 +6,7 @@
  * - Javascript implementation by Erkaman: https://github.com/Erkaman/webgl-rsm
  */
 import type { Scene } from "../../scene.js";
-import type { GIRSM } from "./giRSM";
+import type { GIRSM } from "./giRSM.js";
 import type { Material } from "../../Materials/material.js";
 import { MaterialPluginBase } from "../../Materials/materialPluginBase.js";
 import type { InternalTexture } from "../../Materials/Textures/internalTexture.js";