@babylonjs/core 7.53.0 → 7.53.1

package/PostProcesses/thinAnaglyphPostProcess.d.ts

@@ -0,0 +1,23 @@
+import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from "../index.js";
+import { EffectWrapper } from "../Materials/effectRenderer";
+/**
+ * Postprocess used to generate anaglyphic rendering
+ */
+export declare class ThinAnaglyphPostProcess extends EffectWrapper {
+    /**
+     * The fragment shader url
+     */
+    static readonly FragmentUrl = "anaglyph";
+    /**
+     * The list of samplers used by the effect
+     */
+    static readonly Samplers: string[];
+    protected _gatherImports(useWebGPU: boolean, list: Promise<any>[]): void;
+    /**
+     * Constructs a new anaglyph 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);
+}

package/PostProcesses/thinAnaglyphPostProcess.js

@@ -0,0 +1,42 @@
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+import { Engine } from "../Engines/engine.js";
+/**
+ * Postprocess used to generate anaglyphic rendering
+ */
+export class ThinAnaglyphPostProcess extends EffectWrapper {
+    _gatherImports(useWebGPU, list) {
+        if (useWebGPU) {
+            this._webGPUReady = true;
+            list.push(import("../ShadersWGSL/anaglyph.fragment.js"));
+        }
+        else {
+            list.push(import("../Shaders/anaglyph.fragment.js"));
+        }
+    }
+    /**
+     * Constructs a new anaglyph 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: ThinAnaglyphPostProcess.FragmentUrl,
+            samplers: ThinAnaglyphPostProcess.Samplers,
+        });
+    }
+}
+/**
+ * The fragment shader url
+ */
+ThinAnaglyphPostProcess.FragmentUrl = "anaglyph";
+/**
+ * The list of samplers used by the effect
+ */
+ThinAnaglyphPostProcess.Samplers = ["leftSampler"];
+//# sourceMappingURL=thinAnaglyphPostProcess.js.map

package/PostProcesses/thinAnaglyphPostProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinAnaglyphPostProcess.js","sourceRoot":"","sources":["../../../../dev/core/src/PostProcesses/thinAnaglyphPostProcess.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,aAAa;IAWnC,cAAc,CAAC,SAAkB,EAAE,IAAoB;QACtE,IAAI,SAAS,EAAE,CAAC;YACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAC,CAAC;QAC1D,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,CAAC;QACtD,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,uBAAuB,CAAC,WAAW;YACnD,QAAQ,EAAE,uBAAuB,CAAC,QAAQ;SAC7C,CAAC,CAAC;IACP,CAAC;;AAnCD;;GAEG;AACoB,mCAAW,GAAG,UAAU,CAAC;AAEhD;;GAEG;AACoB,gCAAQ,GAAG,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// eslint-disable-next-line import/no-internal-modules\r\nimport 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 * Postprocess used to generate anaglyphic rendering\r\n */\r\nexport class ThinAnaglyphPostProcess extends EffectWrapper {\r\n    /**\r\n     * The fragment shader url\r\n     */\r\n    public static readonly FragmentUrl = \"anaglyph\";\r\n\r\n    /**\r\n     * The list of samplers used by the effect\r\n     */\r\n    public static readonly Samplers = [\"leftSampler\"];\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/anaglyph.fragment\"));\r\n        } else {\r\n            list.push(import(\"../Shaders/anaglyph.fragment\"));\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Constructs a new anaglyph 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: ThinAnaglyphPostProcess.FragmentUrl,\r\n            samplers: ThinAnaglyphPostProcess.Samplers,\r\n        });\r\n    }\r\n}\r\n"]}

package/PostProcesses/thinChromaticAberrationPostProcess.d.ts

@@ -0,0 +1,45 @@
+import type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from "../index.js";
+import { EffectWrapper } from "../Materials/effectRenderer";
+import { Vector2 } from "../Maths/math.vector";
+/**
+ * The ChromaticAberrationPostProcess separates the rgb channels in an image to produce chromatic distortion around the edges of the screen
+ */
+export declare class ThinChromaticAberrationPostProcess extends EffectWrapper {
+    /**
+     * The fragment shader url
+     */
+    static readonly FragmentUrl = "chromaticAberration";
+    /**
+     * The list of uniforms used by the effect
+     */
+    static readonly Uniforms: string[];
+    protected _gatherImports(useWebGPU: boolean, list: Promise<any>[]): void;
+    /**
+     * Constructs a new chromatic aberration 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);
+    /**
+     * The amount of separation of rgb channels (default: 30)
+     */
+    aberrationAmount: number;
+    /**
+     * The amount the effect will increase for pixels closer to the edge of the screen. (default: 0)
+     */
+    radialIntensity: number;
+    /**
+     * The normalized direction in which the rgb channels should be separated. If set to 0,0 radial direction will be used. (default: Vector2(0.707,0.707))
+     */
+    direction: Vector2;
+    /**
+     * The center position where the radialIntensity should be around. [0.5,0.5 is center of screen, 1,1 is top right corner] (default: Vector2(0.5 ,0.5))
+     */
+    centerPosition: Vector2;
+    /** The width of the screen to apply the effect on */
+    screenWidth: number;
+    /** The height of the screen to apply the effect on */
+    screenHeight: number;
+    bind(): void;
+}

package/PostProcesses/thinChromaticAberrationPostProcess.js

@@ -0,0 +1,69 @@
+import { EffectWrapper } from "../Materials/effectRenderer.js";
+import { Engine } from "../Engines/engine.js";
+import { Vector2 } from "../Maths/math.vector.js";
+/**
+ * The ChromaticAberrationPostProcess separates the rgb channels in an image to produce chromatic distortion around the edges of the screen
+ */
+export class ThinChromaticAberrationPostProcess extends EffectWrapper {
+    _gatherImports(useWebGPU, list) {
+        if (useWebGPU) {
+            this._webGPUReady = true;
+            list.push(import("../ShadersWGSL/chromaticAberration.fragment.js"));
+        }
+        else {
+            list.push(import("../Shaders/chromaticAberration.fragment.js"));
+        }
+    }
+    /**
+     * Constructs a new chromatic aberration 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: ThinChromaticAberrationPostProcess.FragmentUrl,
+            uniforms: ThinChromaticAberrationPostProcess.Uniforms,
+        });
+        /**
+         * The amount of separation of rgb channels (default: 30)
+         */
+        this.aberrationAmount = 30;
+        /**
+         * The amount the effect will increase for pixels closer to the edge of the screen. (default: 0)
+         */
+        this.radialIntensity = 0;
+        /**
+         * The normalized direction in which the rgb channels should be separated. If set to 0,0 radial direction will be used. (default: Vector2(0.707,0.707))
+         */
+        this.direction = new Vector2(0.707, 0.707);
+        /**
+         * The center position where the radialIntensity should be around. [0.5,0.5 is center of screen, 1,1 is top right corner] (default: Vector2(0.5 ,0.5))
+         */
+        this.centerPosition = new Vector2(0.5, 0.5);
+    }
+    bind() {
+        super.bind();
+        const effect = this._drawWrapper.effect;
+        effect.setFloat("chromatic_aberration", this.aberrationAmount);
+        effect.setFloat("screen_width", this.screenWidth);
+        effect.setFloat("screen_height", this.screenHeight);
+        effect.setFloat("radialIntensity", this.radialIntensity);
+        effect.setFloat2("direction", this.direction.x, this.direction.y);
+        effect.setFloat2("centerPosition", this.centerPosition.x, this.centerPosition.y);
+    }
+}
+/**
+ * The fragment shader url
+ */
+ThinChromaticAberrationPostProcess.FragmentUrl = "chromaticAberration";
+/**
+ * The list of uniforms used by the effect
+ */
+ThinChromaticAberrationPostProcess.Uniforms = ["chromatic_aberration", "screen_width", "screen_height", "direction", "radialIntensity", "centerPosition"];
+//# sourceMappingURL=thinChromaticAberrationPostProcess.js.map

package/PostProcesses/thinChromaticAberrationPostProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinChromaticAberrationPostProcess.js","sourceRoot":"","sources":["../../../../dev/core/src/PostProcesses/thinChromaticAberrationPostProcess.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,aAAa;IAW9C,cAAc,CAAC,SAAkB,EAAE,IAAoB;QACtE,IAAI,SAAS,EAAE,CAAC;YACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,6CAA6C,CAAC,CAAC,CAAC;QACrE,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC;QACjE,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,kCAAkC,CAAC,WAAW;YAC9D,QAAQ,EAAE,kCAAkC,CAAC,QAAQ;SACxD,CAAC,CAAC;QAGP;;WAEG;QACI,qBAAgB,GAAG,EAAE,CAAC;QAE7B;;WAEG;QACI,oBAAe,GAAG,CAAC,CAAC;QAE3B;;WAEG;QACI,cAAS,GAAG,IAAI,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAE7C;;WAEG;QACI,mBAAc,GAAG,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IApB9C,CAAC;IA4Be,IAAI;QAChB,KAAK,CAAC,IAAI,EAAE,CAAC;QAEb,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAO,CAAC;QAEzC,MAAM,CAAC,QAAQ,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC/D,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAClD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACpD,MAAM,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC;;AA1ED;;GAEG;AACoB,8CAAW,GAAG,qBAAqB,AAAxB,CAAyB;AAE3D;;GAEG;AACoB,2CAAQ,GAAG,CAAC,sBAAsB,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,AAA9G,CAA+G","sourcesContent":["// eslint-disable-next-line import/no-internal-modules\r\nimport type { Nullable, AbstractEngine, EffectWrapperCreationOptions } from \"core/index\";\r\nimport { EffectWrapper } from \"../Materials/effectRenderer\";\r\nimport { Engine } from \"../Engines/engine\";\r\nimport { Vector2 } from \"../Maths/math.vector\";\r\n\r\n/**\r\n * The ChromaticAberrationPostProcess separates the rgb channels in an image to produce chromatic distortion around the edges of the screen\r\n */\r\nexport class ThinChromaticAberrationPostProcess extends EffectWrapper {\r\n    /**\r\n     * The fragment shader url\r\n     */\r\n    public static readonly FragmentUrl = \"chromaticAberration\";\r\n\r\n    /**\r\n     * The list of uniforms used by the effect\r\n     */\r\n    public static readonly Uniforms = [\"chromatic_aberration\", \"screen_width\", \"screen_height\", \"direction\", \"radialIntensity\", \"centerPosition\"];\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/chromaticAberration.fragment\"));\r\n        } else {\r\n            list.push(import(\"../Shaders/chromaticAberration.fragment\"));\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Constructs a new chromatic aberration 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: ThinChromaticAberrationPostProcess.FragmentUrl,\r\n            uniforms: ThinChromaticAberrationPostProcess.Uniforms,\r\n        });\r\n    }\r\n\r\n    /**\r\n     * The amount of separation of rgb channels (default: 30)\r\n     */\r\n    public aberrationAmount = 30;\r\n\r\n    /**\r\n     * The amount the effect will increase for pixels closer to the edge of the screen. (default: 0)\r\n     */\r\n    public radialIntensity = 0;\r\n\r\n    /**\r\n     * The normalized direction in which the rgb channels should be separated. If set to 0,0 radial direction will be used. (default: Vector2(0.707,0.707))\r\n     */\r\n    public direction = new Vector2(0.707, 0.707);\r\n\r\n    /**\r\n     * The center position where the radialIntensity should be around. [0.5,0.5 is center of screen, 1,1 is top right corner] (default: Vector2(0.5 ,0.5))\r\n     */\r\n    public centerPosition = new Vector2(0.5, 0.5);\r\n\r\n    /** The width of the screen to apply the effect on */\r\n    public screenWidth: number;\r\n\r\n    /** The height of the screen to apply the effect on */\r\n    public screenHeight: number;\r\n\r\n    public override bind() {\r\n        super.bind();\r\n\r\n        const effect = this._drawWrapper.effect!;\r\n\r\n        effect.setFloat(\"chromatic_aberration\", this.aberrationAmount);\r\n        effect.setFloat(\"screen_width\", this.screenWidth);\r\n        effect.setFloat(\"screen_height\", this.screenHeight);\r\n        effect.setFloat(\"radialIntensity\", this.radialIntensity);\r\n        effect.setFloat2(\"direction\", this.direction.x, this.direction.y);\r\n        effect.setFloat2(\"centerPosition\", this.centerPosition.x, this.centerPosition.y);\r\n    }\r\n}\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/core",
-    "version": "7.53.0",
+    "version": "7.53.1",
     "main": "index.js",
     "module": "index.js",
     "types": "index.d.ts",