@babylonjs/core 8.30.4 → 8.31.0

package/PostProcesses/thinConvolutionPostProcess.d.ts

@@ -0,0 +1,59 @@
+import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from "../index.js";
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+/**
+ * Post process used to apply a convolution effect
+ */
+export declare class ThinConvolutionPostProcess extends EffectWrapper {
+    /**
+     * Edge detection 0 see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+     */
+    static EdgeDetect0Kernel: number[];
+    /**
+     * Edge detection 1 see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+     */
+    static EdgeDetect1Kernel: number[];
+    /**
+     * Edge detection 2 see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+     */
+    static EdgeDetect2Kernel: number[];
+    /**
+     * Kernel to sharpen an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+     */
+    static SharpenKernel: number[];
+    /**
+     * Kernel to emboss an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+     */
+    static EmbossKernel: number[];
+    /**
+     * Kernel to blur an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+     */
+    static GaussianKernel: number[];
+    /**
+     * The fragment shader url
+     */
+    static readonly FragmentUrl = "convolution";
+    /**
+     * The list of uniforms used by the effect
+     */
+    static readonly Uniforms: string[];
+    protected _gatherImports(useWebGPU: boolean, list: Promise<any>[]): void;
+    /**
+     * Constructs a new convolution 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 kernel Array of 9 values corresponding to the 3x3 kernel to be applied
+     * @param options Options to configure the effect
+     */
+    constructor(name: string, engine: Nullable<AbstractEngine> | undefined, kernel: number[], options?: EffectWrapperCreationOptions);
+    /** Array of 9 values corresponding to the 3x3 kernel to be applied */
+    kernel: number[];
+    /**
+     * The width of the source texture
+     */
+    textureWidth: number;
+    /**
+     * The height of the source texture
+     */
+    textureHeight: number;
+    bind(noDefaultBindings?: boolean): void;
+}

package/PostProcesses/thinConvolutionPostProcess.js

@@ -0,0 +1,83 @@
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+import { Engine } from "../Engines/engine.js";
+/**
+ * Post process used to apply a convolution effect
+ */
+export class ThinConvolutionPostProcess extends EffectWrapper {
+    _gatherImports(useWebGPU, list) {
+        if (useWebGPU) {
+            this._webGPUReady = true;
+            list.push(import("../ShadersWGSL/convolution.fragment.js"));
+        }
+        else {
+            list.push(import("../Shaders/convolution.fragment.js"));
+        }
+    }
+    /**
+     * Constructs a new convolution 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 kernel Array of 9 values corresponding to the 3x3 kernel to be applied
+     * @param options Options to configure the effect
+     */
+    constructor(name, engine = null, kernel, options) {
+        super({
+            ...options,
+            name,
+            engine: engine || Engine.LastCreatedEngine,
+            useShaderStore: true,
+            useAsPostProcess: true,
+            fragmentShader: ThinConvolutionPostProcess.FragmentUrl,
+            uniforms: ThinConvolutionPostProcess.Uniforms,
+        });
+        /**
+         * The width of the source texture
+         */
+        this.textureWidth = 0;
+        /**
+         * The height of the source texture
+         */
+        this.textureHeight = 0;
+        this.kernel = kernel;
+    }
+    bind(noDefaultBindings = false) {
+        super.bind(noDefaultBindings);
+        const effect = this._drawWrapper.effect;
+        effect.setFloat2("screenSize", this.textureWidth, this.textureHeight);
+        effect.setArray("kernel", this.kernel);
+    }
+}
+// Statics
+/**
+ * Edge detection 0 see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+ */
+ThinConvolutionPostProcess.EdgeDetect0Kernel = [1, 0, -1, 0, 0, 0, -1, 0, 1];
+/**
+ * Edge detection 1 see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+ */
+ThinConvolutionPostProcess.EdgeDetect1Kernel = [0, 1, 0, 1, -4, 1, 0, 1, 0];
+/**
+ * Edge detection 2 see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+ */
+ThinConvolutionPostProcess.EdgeDetect2Kernel = [-1, -1, -1, -1, 8, -1, -1, -1, -1];
+/**
+ * Kernel to sharpen an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+ */
+ThinConvolutionPostProcess.SharpenKernel = [0, -1, 0, -1, 5, -1, 0, -1, 0];
+/**
+ * Kernel to emboss an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+ */
+ThinConvolutionPostProcess.EmbossKernel = [-2, -1, 0, -1, 1, 1, 0, 1, 2];
+/**
+ * Kernel to blur an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)
+ */
+ThinConvolutionPostProcess.GaussianKernel = [0, 1, 0, 1, 1, 1, 0, 1, 0];
+/**
+ * The fragment shader url
+ */
+ThinConvolutionPostProcess.FragmentUrl = "convolution";
+/**
+ * The list of uniforms used by the effect
+ */
+ThinConvolutionPostProcess.Uniforms = ["kernel", "screenSize"];
+//# sourceMappingURL=thinConvolutionPostProcess.js.map

package/PostProcesses/thinConvolutionPostProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinConvolutionPostProcess.js","sourceRoot":"","sources":["../../../../dev/core/src/PostProcesses/thinConvolutionPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from \"core/index\";\r\nimport { EffectWrapper } from \"../Materials/effectRenderer\";\r\nimport { Engine } from \"../Engines/engine\";\r\n\r\n/**\r\n * Post process used to apply a convolution effect\r\n */\r\nexport class ThinConvolutionPostProcess extends EffectWrapper {\r\n    // Statics\r\n    /**\r\n     * Edge detection 0 see https://en.wikipedia.org/wiki/Kernel_(image_processing)\r\n     */\r\n    public static EdgeDetect0Kernel = [1, 0, -1, 0, 0, 0, -1, 0, 1];\r\n    /**\r\n     * Edge detection 1 see https://en.wikipedia.org/wiki/Kernel_(image_processing)\r\n     */\r\n    public static EdgeDetect1Kernel = [0, 1, 0, 1, -4, 1, 0, 1, 0];\r\n    /**\r\n     * Edge detection 2 see https://en.wikipedia.org/wiki/Kernel_(image_processing)\r\n     */\r\n    public static EdgeDetect2Kernel = [-1, -1, -1, -1, 8, -1, -1, -1, -1];\r\n    /**\r\n     * Kernel to sharpen an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)\r\n     */\r\n    public static SharpenKernel = [0, -1, 0, -1, 5, -1, 0, -1, 0];\r\n    /**\r\n     * Kernel to emboss an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)\r\n     */\r\n    public static EmbossKernel = [-2, -1, 0, -1, 1, 1, 0, 1, 2];\r\n    /**\r\n     * Kernel to blur an image see https://en.wikipedia.org/wiki/Kernel_(image_processing)\r\n     */\r\n    public static GaussianKernel = [0, 1, 0, 1, 1, 1, 0, 1, 0];\r\n\r\n    /**\r\n     * The fragment shader url\r\n     */\r\n    public static readonly FragmentUrl = \"convolution\";\r\n\r\n    /**\r\n     * The list of uniforms used by the effect\r\n     */\r\n    public static readonly Uniforms = [\"kernel\", \"screenSize\"];\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/convolution.fragment\"));\r\n        } else {\r\n            list.push(import(\"../Shaders/convolution.fragment\"));\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Constructs a new convolution 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 kernel Array of 9 values corresponding to the 3x3 kernel to be applied\r\n     * @param options Options to configure the effect\r\n     */\r\n    constructor(name: string, engine: Nullable<AbstractEngine> = null, kernel: number[], options?: EffectWrapperCreationOptions) {\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: ThinConvolutionPostProcess.FragmentUrl,\r\n            uniforms: ThinConvolutionPostProcess.Uniforms,\r\n        });\r\n\r\n        this.kernel = kernel;\r\n    }\r\n\r\n    /** Array of 9 values corresponding to the 3x3 kernel to be applied */\r\n    public kernel: number[];\r\n\r\n    /**\r\n     * The width of the source texture\r\n     */\r\n    public textureWidth: number = 0;\r\n\r\n    /**\r\n     * The height of the source texture\r\n     */\r\n    public textureHeight: number = 0;\r\n\r\n    public override bind(noDefaultBindings = false) {\r\n        super.bind(noDefaultBindings);\r\n\r\n        const effect = this._drawWrapper.effect!;\r\n\r\n        effect.setFloat2(\"screenSize\", this.textureWidth, this.textureHeight);\r\n        effect.setArray(\"kernel\", this.kernel);\r\n    }\r\n}\r\n"]}

package/PostProcesses/thinScreenSpaceCurvaturePostProcess.d.ts

@@ -0,0 +1,36 @@
+import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from "../index.js";
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+/**
+ * Post process used to apply a screen space curvature post process
+ */
+export declare class ThinScreenSpaceCurvaturePostProcess extends EffectWrapper {
+    /**
+     * The fragment shader url
+     */
+    static readonly FragmentUrl = "screenSpaceCurvature";
+    /**
+     * The list of uniforms used by the effect
+     */
+    static readonly Uniforms: string[];
+    /**
+     * The list of samplers used by the effect
+     */
+    static readonly Samplers: string[];
+    protected _gatherImports(useWebGPU: boolean, list: Promise<any>[]): void;
+    /**
+     * Constructs a new screen space curvature 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: string, engine?: Nullable<AbstractEngine>, options?: EffectWrapperCreationOptions);
+    /**
+     * Defines how much ridge the curvature effect displays.
+     */
+    ridge: number;
+    /**
+     * Defines how much valley the curvature effect displays.
+     */
+    valley: number;
+    bind(noDefaultBindings?: boolean): void;
+}

package/PostProcesses/thinScreenSpaceCurvaturePostProcess.js

@@ -0,0 +1,61 @@
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+import { Engine } from "../Engines/engine.js";
+/**
+ * Post process used to apply a screen space curvature post process
+ */
+export class ThinScreenSpaceCurvaturePostProcess extends EffectWrapper {
+    _gatherImports(useWebGPU, list) {
+        if (useWebGPU) {
+            this._webGPUReady = true;
+            list.push(import("../ShadersWGSL/screenSpaceCurvature.fragment.js"));
+        }
+        else {
+            list.push(import("../Shaders/screenSpaceCurvature.fragment.js"));
+        }
+    }
+    /**
+     * Constructs a new screen space curvature 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: ThinScreenSpaceCurvaturePostProcess.FragmentUrl,
+            uniforms: ThinScreenSpaceCurvaturePostProcess.Uniforms,
+            samplers: ThinScreenSpaceCurvaturePostProcess.Samplers,
+        });
+        /**
+         * Defines how much ridge the curvature effect displays.
+         */
+        this.ridge = 1;
+        /**
+         * Defines how much valley the curvature effect displays.
+         */
+        this.valley = 1;
+    }
+    bind(noDefaultBindings = false) {
+        super.bind(noDefaultBindings);
+        const effect = this._drawWrapper.effect;
+        effect.setFloat("curvature_ridge", 0.5 / Math.max(this.ridge * this.ridge, 1e-4));
+        effect.setFloat("curvature_valley", 0.7 / Math.max(this.valley * this.valley, 1e-4));
+    }
+}
+/**
+ * The fragment shader url
+ */
+ThinScreenSpaceCurvaturePostProcess.FragmentUrl = "screenSpaceCurvature";
+/**
+ * The list of uniforms used by the effect
+ */
+ThinScreenSpaceCurvaturePostProcess.Uniforms = ["curvature_ridge", "curvature_valley"];
+/**
+ * The list of samplers used by the effect
+ */
+ThinScreenSpaceCurvaturePostProcess.Samplers = ["normalSampler"];
+//# sourceMappingURL=thinScreenSpaceCurvaturePostProcess.js.map

package/PostProcesses/thinScreenSpaceCurvaturePostProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinScreenSpaceCurvaturePostProcess.js","sourceRoot":"","sources":["../../../../dev/core/src/PostProcesses/thinScreenSpaceCurvaturePostProcess.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,mCAAoC,SAAQ,aAAa;IAgB/C,cAAc,CAAC,SAAkB,EAAE,IAAoB;QACtE,IAAI,SAAS,EAAE,CAAC;YACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,8CAA8C,CAAC,CAAC,CAAC;QACtE,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,0CAA0C,CAAC,CAAC,CAAC;QAClE,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,YAAY,IAAY,EAAE,SAAmC,IAAI,EAAE,OAAsC;QACrG,KAAK,CAAC;YACF,GAAG,OAAO;YACV,IAAI;YACJ,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC,iBAAkB;YAC3C,cAAc,EAAE,IAAI;YACpB,gBAAgB,EAAE,IAAI;YACtB,cAAc,EAAE,mCAAmC,CAAC,WAAW;YAC/D,QAAQ,EAAE,mCAAmC,CAAC,QAAQ;YACtD,QAAQ,EAAE,mCAAmC,CAAC,QAAQ;SACzD,CAAC,CAAC;QAGP;;WAEG;QACI,UAAK,GAAW,CAAC,CAAC;QAEzB;;WAEG;QACI,WAAM,GAAW,CAAC,CAAC;IAV1B,CAAC;IAYe,IAAI,CAAC,iBAAiB,GAAG,KAAK;QAC1C,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAE9B,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAO,CAAC;QAEzC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;QAClF,MAAM,CAAC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IACzF,CAAC;;AA5DD;;GAEG;AACoB,+CAAW,GAAG,sBAAsB,AAAzB,CAA0B;AAE5D;;GAEG;AACoB,4CAAQ,GAAG,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,AAA1C,CAA2C;AAE1E;;GAEG;AACoB,4CAAQ,GAAG,CAAC,eAAe,CAAC,AAApB,CAAqB","sourcesContent":["import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from \"core/index\";\r\nimport { EffectWrapper } from \"../Materials/effectRenderer\";\r\nimport { Engine } from \"../Engines/engine\";\r\n\r\n/**\r\n * Post process used to apply a screen space curvature post process\r\n */\r\nexport class ThinScreenSpaceCurvaturePostProcess extends EffectWrapper {\r\n    /**\r\n     * The fragment shader url\r\n     */\r\n    public static readonly FragmentUrl = \"screenSpaceCurvature\";\r\n\r\n    /**\r\n     * The list of uniforms used by the effect\r\n     */\r\n    public static readonly Uniforms = [\"curvature_ridge\", \"curvature_valley\"];\r\n\r\n    /**\r\n     * The list of samplers used by the effect\r\n     */\r\n    public static readonly Samplers = [\"normalSampler\"];\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/screenSpaceCurvature.fragment\"));\r\n        } else {\r\n            list.push(import(\"../Shaders/screenSpaceCurvature.fragment\"));\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Constructs a new screen space curvature 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?: EffectWrapperCreationOptions) {\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: ThinScreenSpaceCurvaturePostProcess.FragmentUrl,\r\n            uniforms: ThinScreenSpaceCurvaturePostProcess.Uniforms,\r\n            samplers: ThinScreenSpaceCurvaturePostProcess.Samplers,\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Defines how much ridge the curvature effect displays.\r\n     */\r\n    public ridge: number = 1;\r\n\r\n    /**\r\n     * Defines how much valley the curvature effect displays.\r\n     */\r\n    public valley: number = 1;\r\n\r\n    public override bind(noDefaultBindings = false) {\r\n        super.bind(noDefaultBindings);\r\n\r\n        const effect = this._drawWrapper.effect!;\r\n\r\n        effect.setFloat(\"curvature_ridge\", 0.5 / Math.max(this.ridge * this.ridge, 1e-4));\r\n        effect.setFloat(\"curvature_valley\", 0.7 / Math.max(this.valley * this.valley, 1e-4));\r\n    }\r\n}\r\n"]}

package/PostProcesses/thinSharpenPostProcess.d.ts

@@ -0,0 +1,40 @@
+import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from "../index.js";
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+/**
+ * Post process used to apply a sharpen effect
+ */
+export declare class ThinSharpenPostProcess extends EffectWrapper {
+    /**
+     * The fragment shader url
+     */
+    static readonly FragmentUrl = "sharpen";
+    /**
+     * The list of uniforms used by the effect
+     */
+    static readonly Uniforms: string[];
+    protected _gatherImports(useWebGPU: boolean, list: Promise<any>[]): void;
+    /**
+     * Constructs a new sharpen 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: string, engine?: Nullable<AbstractEngine>, options?: EffectWrapperCreationOptions);
+    /**
+     * How much of the original color should be applied. Setting this to 0 will display edge detection. (default: 1)
+     */
+    colorAmount: number;
+    /**
+     * How much sharpness should be applied (default: 0.3)
+     */
+    edgeAmount: number;
+    /**
+     * The width of the source texture
+     */
+    textureWidth: number;
+    /**
+     * The height of the source texture
+     */
+    textureHeight: number;
+    bind(noDefaultBindings?: boolean): void;
+}

package/PostProcesses/thinSharpenPostProcess.js

@@ -0,0 +1,64 @@
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+import { Engine } from "../Engines/engine.js";
+/**
+ * Post process used to apply a sharpen effect
+ */
+export class ThinSharpenPostProcess extends EffectWrapper {
+    _gatherImports(useWebGPU, list) {
+        if (useWebGPU) {
+            this._webGPUReady = true;
+            list.push(import("../ShadersWGSL/sharpen.fragment.js"));
+        }
+        else {
+            list.push(import("../Shaders/sharpen.fragment.js"));
+        }
+    }
+    /**
+     * Constructs a new sharpen 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: ThinSharpenPostProcess.FragmentUrl,
+            uniforms: ThinSharpenPostProcess.Uniforms,
+        });
+        /**
+         * How much of the original color should be applied. Setting this to 0 will display edge detection. (default: 1)
+         */
+        this.colorAmount = 1.0;
+        /**
+         * How much sharpness should be applied (default: 0.3)
+         */
+        this.edgeAmount = 0.3;
+        /**
+         * The width of the source texture
+         */
+        this.textureWidth = 0;
+        /**
+         * The height of the source texture
+         */
+        this.textureHeight = 0;
+    }
+    bind(noDefaultBindings = false) {
+        super.bind(noDefaultBindings);
+        const effect = this._drawWrapper.effect;
+        effect.setFloat2("screenSize", this.textureWidth, this.textureHeight);
+        effect.setFloat2("sharpnessAmounts", this.edgeAmount, this.colorAmount);
+    }
+}
+/**
+ * The fragment shader url
+ */
+ThinSharpenPostProcess.FragmentUrl = "sharpen";
+/**
+ * The list of uniforms used by the effect
+ */
+ThinSharpenPostProcess.Uniforms = ["sharpnessAmounts", "screenSize"];
+//# sourceMappingURL=thinSharpenPostProcess.js.map

package/PostProcesses/thinSharpenPostProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinSharpenPostProcess.js","sourceRoot":"","sources":["../../../../dev/core/src/PostProcesses/thinSharpenPostProcess.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,sBAAuB,SAAQ,aAAa;IAWlC,cAAc,CAAC,SAAkB,EAAE,IAAoB;QACtE,IAAI,SAAS,EAAE,CAAC;YACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC,CAAC;QACzD,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC,CAAC;QACrD,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,YAAY,IAAY,EAAE,SAAmC,IAAI,EAAE,OAAsC;QACrG,KAAK,CAAC;YACF,GAAG,OAAO;YACV,IAAI;YACJ,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC,iBAAkB;YAC3C,cAAc,EAAE,IAAI;YACpB,gBAAgB,EAAE,IAAI;YACtB,cAAc,EAAE,sBAAsB,CAAC,WAAW;YAClD,QAAQ,EAAE,sBAAsB,CAAC,QAAQ;SAC5C,CAAC,CAAC;QAGP;;WAEG;QACI,gBAAW,GAAW,GAAG,CAAC;QACjC;;WAEG;QACI,eAAU,GAAW,GAAG,CAAC;QAEhC;;WAEG;QACI,iBAAY,GAAW,CAAC,CAAC;QAEhC;;WAEG;QACI,kBAAa,GAAW,CAAC,CAAC;IAnBjC,CAAC;IAqBe,IAAI,CAAC,iBAAiB,GAAG,KAAK;QAC1C,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAE9B,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAO,CAAC;QAEzC,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtE,MAAM,CAAC,SAAS,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5E,CAAC;;AA/DD;;GAEG;AACoB,kCAAW,GAAG,SAAS,AAAZ,CAAa;AAE/C;;GAEG;AACoB,+BAAQ,GAAG,CAAC,kBAAkB,EAAE,YAAY,CAAC,AAArC,CAAsC","sourcesContent":["import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from \"core/index\";\r\nimport { EffectWrapper } from \"../Materials/effectRenderer\";\r\nimport { Engine } from \"../Engines/engine\";\r\n\r\n/**\r\n * Post process used to apply a sharpen effect\r\n */\r\nexport class ThinSharpenPostProcess extends EffectWrapper {\r\n    /**\r\n     * The fragment shader url\r\n     */\r\n    public static readonly FragmentUrl = \"sharpen\";\r\n\r\n    /**\r\n     * The list of uniforms used by the effect\r\n     */\r\n    public static readonly Uniforms = [\"sharpnessAmounts\", \"screenSize\"];\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/sharpen.fragment\"));\r\n        } else {\r\n            list.push(import(\"../Shaders/sharpen.fragment\"));\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Constructs a new sharpen 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?: EffectWrapperCreationOptions) {\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: ThinSharpenPostProcess.FragmentUrl,\r\n            uniforms: ThinSharpenPostProcess.Uniforms,\r\n        });\r\n    }\r\n\r\n    /**\r\n     * How much of the original color should be applied. Setting this to 0 will display edge detection. (default: 1)\r\n     */\r\n    public colorAmount: number = 1.0;\r\n    /**\r\n     * How much sharpness should be applied (default: 0.3)\r\n     */\r\n    public edgeAmount: number = 0.3;\r\n\r\n    /**\r\n     * The width of the source texture\r\n     */\r\n    public textureWidth: number = 0;\r\n\r\n    /**\r\n     * The height of the source texture\r\n     */\r\n    public textureHeight: number = 0;\r\n\r\n    public override bind(noDefaultBindings = false) {\r\n        super.bind(noDefaultBindings);\r\n\r\n        const effect = this._drawWrapper.effect!;\r\n\r\n        effect.setFloat2(\"screenSize\", this.textureWidth, this.textureHeight);\r\n        effect.setFloat2(\"sharpnessAmounts\", this.edgeAmount, this.colorAmount);\r\n    }\r\n}\r\n"]}

package/Rendering/objectRenderer.js

@@ -317,7 +317,9 @@ export class ObjectRenderer {
         if (this._currentSceneUBOIndex >= this._sceneUBOs.length) {
             this._createSceneUBO();
         }
-        return this._sceneUBOs[this._currentSceneUBOIndex++];
+        const ubo = this._sceneUBOs[this._currentSceneUBOIndex++];
+        ubo.unbindEffect();
+        return ubo;
     }
     /**
      * Resets the refresh counter of the renderer and start back from scratch.