@babylonjs/core 7.32.0 → 7.32.1

package/FrameGraph/Node/Blocks/PostProcesses/blackAndWhitePostProcessBlock.d.ts

@@ -0,0 +1,47 @@
+import type { NodeRenderGraphConnectionPoint, Scene, NodeRenderGraphBuildState, FrameGraph } from "../../../../index.js";
+import { NodeRenderGraphBlock } from "../../nodeRenderGraphBlock";
+import { FrameGraphBlackAndWhiteTask } from "../../../Tasks/PostProcesses/blackAndWhiteTask.js";
+/**
+ * Block that implements the black and white post process
+ */
+export declare class NodeRenderGraphBlackAndWhitePostProcessBlock extends NodeRenderGraphBlock {
+    protected _frameGraphTask: FrameGraphBlackAndWhiteTask;
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task(): FrameGraphBlackAndWhiteTask;
+    /**
+     * Create a new BlackAndWhitePostProcessBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     */
+    constructor(name: string, frameGraph: FrameGraph, scene: Scene);
+    /** Sampling mode used to sample from the source texture */
+    get sourceSamplingMode(): number;
+    set sourceSamplingMode(value: number);
+    /** Degree of conversion to black and white (default: 1 - full b&w conversion) */
+    get degree(): number;
+    set degree(value: number);
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName(): string;
+    /**
+     * Gets the source input component
+     */
+    get source(): NodeRenderGraphConnectionPoint;
+    /**
+     * Gets the destination input component
+     */
+    get destination(): NodeRenderGraphConnectionPoint;
+    /**
+     * Gets the output component
+     */
+    get output(): NodeRenderGraphConnectionPoint;
+    protected _buildBlock(state: NodeRenderGraphBuildState): void;
+    protected _dumpPropertiesCode(): string;
+    serialize(): any;
+    _deserialize(serializationObject: any): void;
+}

package/FrameGraph/Node/Blocks/PostProcesses/blackAndWhitePostProcessBlock.js

@@ -0,0 +1,113 @@
+import { __decorate } from "../../../../tslib.es6.js";
+import { NodeRenderGraphBlock } from "../../nodeRenderGraphBlock.js";
+import { RegisterClass } from "../../../../Misc/typeStore.js";
+import { NodeRenderGraphBlockConnectionPointTypes } from "../../Types/nodeRenderGraphTypes.js";
+import { editableInPropertyPage } from "../../../../Decorators/nodeDecorator.js";
+import { FrameGraphBlackAndWhiteTask } from "../../../Tasks/PostProcesses/blackAndWhiteTask.js";
+import { ThinBlackAndWhitePostProcess } from "../../../../PostProcesses/thinBlackAndWhitePostProcess.js";
+/**
+ * Block that implements the black and white post process
+ */
+export class NodeRenderGraphBlackAndWhitePostProcessBlock extends NodeRenderGraphBlock {
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task() {
+        return this._frameGraphTask;
+    }
+    /**
+     * Create a new BlackAndWhitePostProcessBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     */
+    constructor(name, frameGraph, scene) {
+        super(name, frameGraph, scene);
+        this.registerInput("source", NodeRenderGraphBlockConnectionPointTypes.Texture);
+        this.registerInput("destination", NodeRenderGraphBlockConnectionPointTypes.Texture, true);
+        this.registerOutput("output", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);
+        this.source.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAllButBackBuffer);
+        this.destination.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);
+        this.output._typeConnectionSource = () => {
+            return this.destination.isConnected ? this.destination : this.source;
+        };
+        this._frameGraphTask = new FrameGraphBlackAndWhiteTask(this.name, frameGraph, new ThinBlackAndWhitePostProcess(name, scene.getEngine()));
+    }
+    /** Sampling mode used to sample from the source texture */
+    get sourceSamplingMode() {
+        return this._frameGraphTask.sourceSamplingMode;
+    }
+    set sourceSamplingMode(value) {
+        this._frameGraphTask.sourceSamplingMode = value;
+    }
+    /** Degree of conversion to black and white (default: 1 - full b&w conversion) */
+    get degree() {
+        return this._frameGraphTask.postProcess.degree;
+    }
+    set degree(value) {
+        this._frameGraphTask.postProcess.degree = value;
+    }
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName() {
+        return "NodeRenderGraphBlackAndWhitePostProcessBlock";
+    }
+    /**
+     * Gets the source input component
+     */
+    get source() {
+        return this._inputs[0];
+    }
+    /**
+     * Gets the destination input component
+     */
+    get destination() {
+        return this._inputs[1];
+    }
+    /**
+     * Gets the output component
+     */
+    get output() {
+        return this._outputs[0];
+    }
+    _buildBlock(state) {
+        super._buildBlock(state);
+        this._frameGraphTask.name = this.name;
+        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the "output" texture of the task
+        const sourceConnectedPoint = this.source.connectedPoint;
+        if (sourceConnectedPoint) {
+            this._frameGraphTask.sourceTexture = sourceConnectedPoint.value;
+        }
+        const destinationConnectedPoint = this.destination.connectedPoint;
+        if (destinationConnectedPoint) {
+            this._frameGraphTask.destinationTexture = destinationConnectedPoint.value;
+        }
+    }
+    _dumpPropertiesCode() {
+        const codes = [];
+        codes.push(`${this._codeVariableName}.degree = ${this.degree};`);
+        codes.push(`${this._codeVariableName}.sourceSamplingMode = ${this.sourceSamplingMode};`);
+        return super._dumpPropertiesCode() + codes.join("\n");
+    }
+    serialize() {
+        const serializationObject = super.serialize();
+        serializationObject.degree = this.degree;
+        serializationObject.sourceSamplingMode = this.sourceSamplingMode;
+        return serializationObject;
+    }
+    _deserialize(serializationObject) {
+        super._deserialize(serializationObject);
+        this.degree = serializationObject.degree;
+        this.sourceSamplingMode = serializationObject.sourceSamplingMode;
+    }
+}
+__decorate([
+    editableInPropertyPage("Source sampling mode", 6 /* PropertyTypeForEdition.SamplingMode */, "PROPERTIES")
+], NodeRenderGraphBlackAndWhitePostProcessBlock.prototype, "sourceSamplingMode", null);
+__decorate([
+    editableInPropertyPage("Degree", 1 /* PropertyTypeForEdition.Float */, "PROPERTIES", { min: 0, max: 1 })
+], NodeRenderGraphBlackAndWhitePostProcessBlock.prototype, "degree", null);
+RegisterClass("BABYLON.NodeRenderGraphBlackAndWhitePostProcessBlock", NodeRenderGraphBlackAndWhitePostProcessBlock);
+//# sourceMappingURL=blackAndWhitePostProcessBlock.js.map

package/FrameGraph/Node/Blocks/PostProcesses/blackAndWhitePostProcessBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blackAndWhitePostProcessBlock.js","sourceRoot":"","sources":["../../../../../../../dev/core/src/FrameGraph/Node/Blocks/PostProcesses/blackAndWhitePostProcessBlock.ts"],"names":[],"mappings":"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","sourcesContent":["// eslint-disable-next-line import/no-internal-modules\r\nimport type { NodeRenderGraphConnectionPoint, Scene, NodeRenderGraphBuildState, FrameGraphTextureHandle, FrameGraph } from \"core/index\";\r\nimport { NodeRenderGraphBlock } from \"../../nodeRenderGraphBlock\";\r\nimport { RegisterClass } from \"../../../../Misc/typeStore\";\r\nimport { NodeRenderGraphBlockConnectionPointTypes } from \"../../Types/nodeRenderGraphTypes\";\r\nimport { editableInPropertyPage, PropertyTypeForEdition } from \"../../../../Decorators/nodeDecorator\";\r\nimport { FrameGraphBlackAndWhiteTask } from \"core/FrameGraph/Tasks/PostProcesses/blackAndWhiteTask\";\r\nimport { ThinBlackAndWhitePostProcess } from \"core/PostProcesses/thinBlackAndWhitePostProcess\";\r\n\r\n/**\r\n * Block that implements the black and white post process\r\n */\r\nexport class NodeRenderGraphBlackAndWhitePostProcessBlock extends NodeRenderGraphBlock {\r\n    protected override _frameGraphTask: FrameGraphBlackAndWhiteTask;\r\n\r\n    /**\r\n     * Gets the frame graph task associated with this block\r\n     */\r\n    public override get task() {\r\n        return this._frameGraphTask;\r\n    }\r\n\r\n    /**\r\n     * Create a new BlackAndWhitePostProcessBlock\r\n     * @param name defines the block name\r\n     * @param frameGraph defines the hosting frame graph\r\n     * @param scene defines the hosting scene\r\n     */\r\n    public constructor(name: string, frameGraph: FrameGraph, scene: Scene) {\r\n        super(name, frameGraph, scene);\r\n\r\n        this.registerInput(\"source\", NodeRenderGraphBlockConnectionPointTypes.Texture);\r\n        this.registerInput(\"destination\", NodeRenderGraphBlockConnectionPointTypes.Texture, true);\r\n        this.registerOutput(\"output\", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);\r\n\r\n        this.source.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAllButBackBuffer);\r\n        this.destination.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);\r\n        this.output._typeConnectionSource = () => {\r\n            return this.destination.isConnected ? this.destination : this.source;\r\n        };\r\n\r\n        this._frameGraphTask = new FrameGraphBlackAndWhiteTask(this.name, frameGraph, new ThinBlackAndWhitePostProcess(name, scene.getEngine()));\r\n    }\r\n\r\n    /** Sampling mode used to sample from the source texture */\r\n    @editableInPropertyPage(\"Source sampling mode\", PropertyTypeForEdition.SamplingMode, \"PROPERTIES\")\r\n    public get sourceSamplingMode() {\r\n        return this._frameGraphTask.sourceSamplingMode;\r\n    }\r\n\r\n    public set sourceSamplingMode(value: number) {\r\n        this._frameGraphTask.sourceSamplingMode = value;\r\n    }\r\n\r\n    /** Degree of conversion to black and white (default: 1 - full b&w conversion) */\r\n    @editableInPropertyPage(\"Degree\", PropertyTypeForEdition.Float, \"PROPERTIES\", { min: 0, max: 1 })\r\n    public get degree(): number {\r\n        return this._frameGraphTask.postProcess.degree;\r\n    }\r\n\r\n    public set degree(value: number) {\r\n        this._frameGraphTask.postProcess.degree = value;\r\n    }\r\n\r\n    /**\r\n     * Gets the current class name\r\n     * @returns the class name\r\n     */\r\n    public override getClassName() {\r\n        return \"NodeRenderGraphBlackAndWhitePostProcessBlock\";\r\n    }\r\n\r\n    /**\r\n     * Gets the source input component\r\n     */\r\n    public get source(): NodeRenderGraphConnectionPoint {\r\n        return this._inputs[0];\r\n    }\r\n\r\n    /**\r\n     * Gets the destination input component\r\n     */\r\n    public get destination(): NodeRenderGraphConnectionPoint {\r\n        return this._inputs[1];\r\n    }\r\n\r\n    /**\r\n     * Gets the output component\r\n     */\r\n    public get output(): NodeRenderGraphConnectionPoint {\r\n        return this._outputs[0];\r\n    }\r\n\r\n    protected override _buildBlock(state: NodeRenderGraphBuildState) {\r\n        super._buildBlock(state);\r\n\r\n        this._frameGraphTask.name = this.name;\r\n\r\n        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the \"output\" texture of the task\r\n\r\n        const sourceConnectedPoint = this.source.connectedPoint;\r\n        if (sourceConnectedPoint) {\r\n            this._frameGraphTask.sourceTexture = sourceConnectedPoint.value as FrameGraphTextureHandle;\r\n        }\r\n\r\n        const destinationConnectedPoint = this.destination.connectedPoint;\r\n        if (destinationConnectedPoint) {\r\n            this._frameGraphTask.destinationTexture = destinationConnectedPoint.value as FrameGraphTextureHandle;\r\n        }\r\n    }\r\n\r\n    protected override _dumpPropertiesCode() {\r\n        const codes: string[] = [];\r\n        codes.push(`${this._codeVariableName}.degree = ${this.degree};`);\r\n        codes.push(`${this._codeVariableName}.sourceSamplingMode = ${this.sourceSamplingMode};`);\r\n        return super._dumpPropertiesCode() + codes.join(\"\\n\");\r\n    }\r\n\r\n    public override serialize(): any {\r\n        const serializationObject = super.serialize();\r\n        serializationObject.degree = this.degree;\r\n        serializationObject.sourceSamplingMode = this.sourceSamplingMode;\r\n        return serializationObject;\r\n    }\r\n\r\n    public override _deserialize(serializationObject: any) {\r\n        super._deserialize(serializationObject);\r\n        this.degree = serializationObject.degree;\r\n        this.sourceSamplingMode = serializationObject.sourceSamplingMode;\r\n    }\r\n}\r\n\r\nRegisterClass(\"BABYLON.NodeRenderGraphBlackAndWhitePostProcessBlock\", NodeRenderGraphBlackAndWhitePostProcessBlock);\r\n"]}

package/FrameGraph/Node/Blocks/PostProcesses/bloomPostProcessBlock.d.ts

@@ -0,0 +1,62 @@
+import type { NodeRenderGraphConnectionPoint, Scene, NodeRenderGraphBuildState, FrameGraph } from "../../../../index.js";
+import { NodeRenderGraphBlock } from "../../nodeRenderGraphBlock";
+import { FrameGraphBloomTask } from "../../../Tasks/PostProcesses/bloomTask";
+/**
+ * Block that implements the bloom post process
+ */
+export declare class NodeRenderGraphBloomPostProcessBlock extends NodeRenderGraphBlock {
+    protected _frameGraphTask: FrameGraphBloomTask;
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task(): FrameGraphBloomTask;
+    /**
+     * Create a new NodeRenderGraphBloomPostProcessBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     * @param hdr If high dynamic range textures should be used (default: false)
+     * @param bloomScale The scale of the bloom effect (default: 0.5)
+     */
+    constructor(name: string, frameGraph: FrameGraph, scene: Scene, hdr?: boolean, bloomScale?: number);
+    private _createTask;
+    /** The quality of the blur effect */
+    get bloomScale(): number;
+    set bloomScale(value: number);
+    /** If high dynamic range textures should be used */
+    get hdr(): boolean;
+    set hdr(value: boolean);
+    /** Sampling mode used to sample from the source texture */
+    get sourceSamplingMode(): number;
+    set sourceSamplingMode(value: number);
+    /** The luminance threshold to find bright areas of the image to bloom. */
+    get threshold(): number;
+    set threshold(value: number);
+    /** The strength of the bloom. */
+    get weight(): number;
+    set weight(value: number);
+    /** Specifies the size of the bloom blur kernel, relative to the final output size */
+    get kernel(): number;
+    set kernel(value: number);
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName(): string;
+    /**
+     * Gets the source input component
+     */
+    get source(): NodeRenderGraphConnectionPoint;
+    /**
+     * Gets the destination input component
+     */
+    get destination(): NodeRenderGraphConnectionPoint;
+    /**
+     * Gets the output component
+     */
+    get output(): NodeRenderGraphConnectionPoint;
+    protected _buildBlock(state: NodeRenderGraphBuildState): void;
+    protected _dumpPropertiesCode(): string;
+    serialize(): any;
+    _deserialize(serializationObject: any): void;
+}

package/FrameGraph/Node/Blocks/PostProcesses/bloomPostProcessBlock.js

@@ -0,0 +1,171 @@
+import { __decorate } from "../../../../tslib.es6.js";
+import { NodeRenderGraphBlock } from "../../nodeRenderGraphBlock.js";
+import { RegisterClass } from "../../../../Misc/typeStore.js";
+import { NodeRenderGraphBlockConnectionPointTypes } from "../../Types/nodeRenderGraphTypes.js";
+import { editableInPropertyPage } from "../../../../Decorators/nodeDecorator.js";
+import { FrameGraphBloomTask } from "../../../Tasks/PostProcesses/bloomTask.js";
+/**
+ * Block that implements the bloom post process
+ */
+export class NodeRenderGraphBloomPostProcessBlock extends NodeRenderGraphBlock {
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task() {
+        return this._frameGraphTask;
+    }
+    /**
+     * Create a new NodeRenderGraphBloomPostProcessBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     * @param hdr If high dynamic range textures should be used (default: false)
+     * @param bloomScale The scale of the bloom effect (default: 0.5)
+     */
+    constructor(name, frameGraph, scene, hdr = false, bloomScale = 0.5) {
+        super(name, frameGraph, scene);
+        this._additionalConstructionParameters = [hdr, bloomScale];
+        this.registerInput("source", NodeRenderGraphBlockConnectionPointTypes.Texture);
+        this.registerInput("destination", NodeRenderGraphBlockConnectionPointTypes.Texture, true);
+        this.registerOutput("output", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);
+        this.source.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAllButBackBuffer);
+        this.destination.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);
+        this.output._typeConnectionSource = () => {
+            return this.destination.isConnected ? this.destination : this.source;
+        };
+        this._frameGraphTask = new FrameGraphBloomTask(this.name, frameGraph, scene.getEngine(), 0.75, 64, 0.2, hdr, bloomScale);
+    }
+    _createTask(bloomScale, hdr) {
+        const sourceSamplingMode = this._frameGraphTask.sourceSamplingMode;
+        const threshold = this._frameGraphTask.bloom.threshold;
+        const weight = this._frameGraphTask.bloom.weight;
+        const kernel = this._frameGraphTask.bloom.kernel;
+        this._frameGraphTask.dispose();
+        this._frameGraphTask = new FrameGraphBloomTask(this.name, this._frameGraph, this._scene.getEngine(), weight, kernel, threshold, hdr, bloomScale);
+        this._frameGraphTask.sourceSamplingMode = sourceSamplingMode;
+        this._additionalConstructionParameters = [hdr, bloomScale];
+    }
+    /** The quality of the blur effect */
+    get bloomScale() {
+        return this._frameGraphTask.bloom.scale;
+    }
+    set bloomScale(value) {
+        this._createTask(value, this._frameGraphTask.hdr);
+    }
+    /** If high dynamic range textures should be used */
+    get hdr() {
+        return this._frameGraphTask.hdr;
+    }
+    set hdr(value) {
+        this._createTask(this._frameGraphTask.bloom.scale, value);
+    }
+    /** Sampling mode used to sample from the source texture */
+    get sourceSamplingMode() {
+        return this._frameGraphTask.sourceSamplingMode;
+    }
+    set sourceSamplingMode(value) {
+        this._frameGraphTask.sourceSamplingMode = value;
+    }
+    /** The luminance threshold to find bright areas of the image to bloom. */
+    get threshold() {
+        return this._frameGraphTask.bloom.threshold;
+    }
+    set threshold(value) {
+        this._frameGraphTask.bloom.threshold = value;
+    }
+    /** The strength of the bloom. */
+    get weight() {
+        return this._frameGraphTask.bloom.weight;
+    }
+    set weight(value) {
+        this._frameGraphTask.bloom.weight = value;
+    }
+    /** Specifies the size of the bloom blur kernel, relative to the final output size */
+    get kernel() {
+        return this._frameGraphTask.bloom.kernel;
+    }
+    set kernel(value) {
+        this._frameGraphTask.bloom.kernel = value;
+    }
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName() {
+        return "NodeRenderGraphBloomPostProcessBlock";
+    }
+    /**
+     * Gets the source input component
+     */
+    get source() {
+        return this._inputs[0];
+    }
+    /**
+     * Gets the destination input component
+     */
+    get destination() {
+        return this._inputs[1];
+    }
+    /**
+     * Gets the output component
+     */
+    get output() {
+        return this._outputs[0];
+    }
+    _buildBlock(state) {
+        super._buildBlock(state);
+        this._frameGraphTask.name = this.name;
+        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the "output" texture of the task
+        const sourceConnectedPoint = this.source.connectedPoint;
+        if (sourceConnectedPoint) {
+            this._frameGraphTask.sourceTexture = sourceConnectedPoint.value;
+        }
+        const destinationConnectedPoint = this.destination.connectedPoint;
+        if (destinationConnectedPoint) {
+            this._frameGraphTask.destinationTexture = destinationConnectedPoint.value;
+        }
+    }
+    _dumpPropertiesCode() {
+        const codes = [];
+        codes.push(`${this._codeVariableName}.threshold = ${this.threshold};`);
+        codes.push(`${this._codeVariableName}.weight = ${this.weight};`);
+        codes.push(`${this._codeVariableName}.kernel = ${this.kernel};`);
+        codes.push(`${this._codeVariableName}.sourceSamplingMode = ${this.sourceSamplingMode};`);
+        return super._dumpPropertiesCode() + codes.join("\n");
+    }
+    serialize() {
+        const serializationObject = super.serialize();
+        serializationObject.threshold = this.threshold;
+        serializationObject.weight = this.weight;
+        serializationObject.kernel = this.kernel;
+        serializationObject.sourceSamplingMode = this.sourceSamplingMode;
+        return serializationObject;
+    }
+    _deserialize(serializationObject) {
+        super._deserialize(serializationObject);
+        this.threshold = serializationObject.threshold;
+        this.weight = serializationObject.weight;
+        this.kernel = serializationObject.kernel;
+        this.sourceSamplingMode = serializationObject.sourceSamplingMode;
+    }
+}
+__decorate([
+    editableInPropertyPage("Bloom scale", 1 /* PropertyTypeForEdition.Float */, "PROPERTIES")
+], NodeRenderGraphBloomPostProcessBlock.prototype, "bloomScale", null);
+__decorate([
+    editableInPropertyPage("HDR", 0 /* PropertyTypeForEdition.Boolean */, "PROPERTIES")
+], NodeRenderGraphBloomPostProcessBlock.prototype, "hdr", null);
+__decorate([
+    editableInPropertyPage("Source sampling mode", 6 /* PropertyTypeForEdition.SamplingMode */)
+], NodeRenderGraphBloomPostProcessBlock.prototype, "sourceSamplingMode", null);
+__decorate([
+    editableInPropertyPage("Threshold", 1 /* PropertyTypeForEdition.Float */, "PROPERTIES", { min: 0, max: 2 })
+], NodeRenderGraphBloomPostProcessBlock.prototype, "threshold", null);
+__decorate([
+    editableInPropertyPage("Weight", 1 /* PropertyTypeForEdition.Float */, "PROPERTIES", { min: 0, max: 3 })
+], NodeRenderGraphBloomPostProcessBlock.prototype, "weight", null);
+__decorate([
+    editableInPropertyPage("Kernel", 2 /* PropertyTypeForEdition.Int */, "PROPERTIES", { min: 1, max: 128 })
+], NodeRenderGraphBloomPostProcessBlock.prototype, "kernel", null);
+RegisterClass("BABYLON.NodeRenderGraphBloomPostProcessBlock", NodeRenderGraphBloomPostProcessBlock);
+//# sourceMappingURL=bloomPostProcessBlock.js.map

package/FrameGraph/Node/Blocks/PostProcesses/bloomPostProcessBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bloomPostProcessBlock.js","sourceRoot":"","sources":["../../../../../../../dev/core/src/FrameGraph/Node/Blocks/PostProcesses/bloomPostProcessBlock.ts"],"names":[],"mappings":"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","sourcesContent":["// eslint-disable-next-line import/no-internal-modules\r\nimport type { NodeRenderGraphConnectionPoint, Scene, NodeRenderGraphBuildState, FrameGraphTextureHandle, FrameGraph } from \"core/index\";\r\nimport { NodeRenderGraphBlock } from \"../../nodeRenderGraphBlock\";\r\nimport { RegisterClass } from \"../../../../Misc/typeStore\";\r\nimport { NodeRenderGraphBlockConnectionPointTypes } from \"../../Types/nodeRenderGraphTypes\";\r\nimport { editableInPropertyPage, PropertyTypeForEdition } from \"../../../../Decorators/nodeDecorator\";\r\nimport { FrameGraphBloomTask } from \"../../../Tasks/PostProcesses/bloomTask\";\r\n\r\n/**\r\n * Block that implements the bloom post process\r\n */\r\nexport class NodeRenderGraphBloomPostProcessBlock extends NodeRenderGraphBlock {\r\n    protected override _frameGraphTask: FrameGraphBloomTask;\r\n\r\n    /**\r\n     * Gets the frame graph task associated with this block\r\n     */\r\n    public override get task() {\r\n        return this._frameGraphTask;\r\n    }\r\n\r\n    /**\r\n     * Create a new NodeRenderGraphBloomPostProcessBlock\r\n     * @param name defines the block name\r\n     * @param frameGraph defines the hosting frame graph\r\n     * @param scene defines the hosting scene\r\n     * @param hdr If high dynamic range textures should be used (default: false)\r\n     * @param bloomScale The scale of the bloom effect (default: 0.5)\r\n     */\r\n    public constructor(name: string, frameGraph: FrameGraph, scene: Scene, hdr = false, bloomScale = 0.5) {\r\n        super(name, frameGraph, scene);\r\n\r\n        this._additionalConstructionParameters = [hdr, bloomScale];\r\n\r\n        this.registerInput(\"source\", NodeRenderGraphBlockConnectionPointTypes.Texture);\r\n        this.registerInput(\"destination\", NodeRenderGraphBlockConnectionPointTypes.Texture, true);\r\n        this.registerOutput(\"output\", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);\r\n\r\n        this.source.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAllButBackBuffer);\r\n        this.destination.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);\r\n        this.output._typeConnectionSource = () => {\r\n            return this.destination.isConnected ? this.destination : this.source;\r\n        };\r\n\r\n        this._frameGraphTask = new FrameGraphBloomTask(this.name, frameGraph, scene.getEngine(), 0.75, 64, 0.2, hdr, bloomScale);\r\n    }\r\n\r\n    private _createTask(bloomScale: number, hdr: boolean) {\r\n        const sourceSamplingMode = this._frameGraphTask.sourceSamplingMode;\r\n        const threshold = this._frameGraphTask.bloom.threshold;\r\n        const weight = this._frameGraphTask.bloom.weight;\r\n        const kernel = this._frameGraphTask.bloom.kernel;\r\n\r\n        this._frameGraphTask.dispose();\r\n\r\n        this._frameGraphTask = new FrameGraphBloomTask(this.name, this._frameGraph, this._scene.getEngine(), weight, kernel, threshold, hdr, bloomScale);\r\n        this._frameGraphTask.sourceSamplingMode = sourceSamplingMode;\r\n\r\n        this._additionalConstructionParameters = [hdr, bloomScale];\r\n    }\r\n\r\n    /** The quality of the blur effect */\r\n    @editableInPropertyPage(\"Bloom scale\", PropertyTypeForEdition.Float, \"PROPERTIES\")\r\n    public get bloomScale() {\r\n        return this._frameGraphTask.bloom.scale;\r\n    }\r\n\r\n    public set bloomScale(value: number) {\r\n        this._createTask(value, this._frameGraphTask.hdr);\r\n    }\r\n\r\n    /** If high dynamic range textures should be used */\r\n    @editableInPropertyPage(\"HDR\", PropertyTypeForEdition.Boolean, \"PROPERTIES\")\r\n    public get hdr(): boolean {\r\n        return this._frameGraphTask.hdr;\r\n    }\r\n\r\n    public set hdr(value: boolean) {\r\n        this._createTask(this._frameGraphTask.bloom.scale, value);\r\n    }\r\n\r\n    /** Sampling mode used to sample from the source texture */\r\n    @editableInPropertyPage(\"Source sampling mode\", PropertyTypeForEdition.SamplingMode)\r\n    public get sourceSamplingMode() {\r\n        return this._frameGraphTask.sourceSamplingMode;\r\n    }\r\n\r\n    public set sourceSamplingMode(value: number) {\r\n        this._frameGraphTask.sourceSamplingMode = value;\r\n    }\r\n\r\n    /** The luminance threshold to find bright areas of the image to bloom. */\r\n    @editableInPropertyPage(\"Threshold\", PropertyTypeForEdition.Float, \"PROPERTIES\", { min: 0, max: 2 })\r\n    public get threshold(): number {\r\n        return this._frameGraphTask.bloom.threshold;\r\n    }\r\n\r\n    public set threshold(value: number) {\r\n        this._frameGraphTask.bloom.threshold = value;\r\n    }\r\n\r\n    /** The strength of the bloom. */\r\n    @editableInPropertyPage(\"Weight\", PropertyTypeForEdition.Float, \"PROPERTIES\", { min: 0, max: 3 })\r\n    public get weight(): number {\r\n        return this._frameGraphTask.bloom.weight;\r\n    }\r\n\r\n    public set weight(value: number) {\r\n        this._frameGraphTask.bloom.weight = value;\r\n    }\r\n\r\n    /** Specifies the size of the bloom blur kernel, relative to the final output size */\r\n    @editableInPropertyPage(\"Kernel\", PropertyTypeForEdition.Int, \"PROPERTIES\", { min: 1, max: 128 })\r\n    public get kernel(): number {\r\n        return this._frameGraphTask.bloom.kernel;\r\n    }\r\n\r\n    public set kernel(value: number) {\r\n        this._frameGraphTask.bloom.kernel = value;\r\n    }\r\n\r\n    /**\r\n     * Gets the current class name\r\n     * @returns the class name\r\n     */\r\n    public override getClassName() {\r\n        return \"NodeRenderGraphBloomPostProcessBlock\";\r\n    }\r\n\r\n    /**\r\n     * Gets the source input component\r\n     */\r\n    public get source(): NodeRenderGraphConnectionPoint {\r\n        return this._inputs[0];\r\n    }\r\n\r\n    /**\r\n     * Gets the destination input component\r\n     */\r\n    public get destination(): NodeRenderGraphConnectionPoint {\r\n        return this._inputs[1];\r\n    }\r\n\r\n    /**\r\n     * Gets the output component\r\n     */\r\n    public get output(): NodeRenderGraphConnectionPoint {\r\n        return this._outputs[0];\r\n    }\r\n\r\n    protected override _buildBlock(state: NodeRenderGraphBuildState) {\r\n        super._buildBlock(state);\r\n\r\n        this._frameGraphTask.name = this.name;\r\n\r\n        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the \"output\" texture of the task\r\n\r\n        const sourceConnectedPoint = this.source.connectedPoint;\r\n        if (sourceConnectedPoint) {\r\n            this._frameGraphTask.sourceTexture = sourceConnectedPoint.value as FrameGraphTextureHandle;\r\n        }\r\n\r\n        const destinationConnectedPoint = this.destination.connectedPoint;\r\n        if (destinationConnectedPoint) {\r\n            this._frameGraphTask.destinationTexture = destinationConnectedPoint.value as FrameGraphTextureHandle;\r\n        }\r\n    }\r\n\r\n    protected override _dumpPropertiesCode() {\r\n        const codes: string[] = [];\r\n        codes.push(`${this._codeVariableName}.threshold = ${this.threshold};`);\r\n        codes.push(`${this._codeVariableName}.weight = ${this.weight};`);\r\n        codes.push(`${this._codeVariableName}.kernel = ${this.kernel};`);\r\n        codes.push(`${this._codeVariableName}.sourceSamplingMode = ${this.sourceSamplingMode};`);\r\n        return super._dumpPropertiesCode() + codes.join(\"\\n\");\r\n    }\r\n\r\n    public override serialize(): any {\r\n        const serializationObject = super.serialize();\r\n        serializationObject.threshold = this.threshold;\r\n        serializationObject.weight = this.weight;\r\n        serializationObject.kernel = this.kernel;\r\n        serializationObject.sourceSamplingMode = this.sourceSamplingMode;\r\n        return serializationObject;\r\n    }\r\n\r\n    public override _deserialize(serializationObject: any) {\r\n        super._deserialize(serializationObject);\r\n        this.threshold = serializationObject.threshold;\r\n        this.weight = serializationObject.weight;\r\n        this.kernel = serializationObject.kernel;\r\n        this.sourceSamplingMode = serializationObject.sourceSamplingMode;\r\n    }\r\n}\r\n\r\nRegisterClass(\"BABYLON.NodeRenderGraphBloomPostProcessBlock\", NodeRenderGraphBloomPostProcessBlock);\r\n"]}

package/FrameGraph/Node/Blocks/PostProcesses/blurPostProcessBlock.d.ts

@@ -0,0 +1,51 @@
+import type { NodeRenderGraphConnectionPoint, Scene, NodeRenderGraphBuildState, FrameGraph } from "../../../../index.js";
+import { NodeRenderGraphBlock } from "../../nodeRenderGraphBlock";
+import { FrameGraphBlurTask } from "../../../Tasks/PostProcesses/blurTask.js";
+import { Vector2 } from "../../../../Maths/math.vector.js";
+/**
+ * Block that implements the blur post process
+ */
+export declare class NodeRenderGraphBlurPostProcessBlock extends NodeRenderGraphBlock {
+    protected _frameGraphTask: FrameGraphBlurTask;
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task(): FrameGraphBlurTask;
+    /**
+     * Create a new NodeRenderGraphBlurPostProcessBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     */
+    constructor(name: string, frameGraph: FrameGraph, scene: Scene);
+    /** Sampling mode used to sample from the source texture */
+    get sourceSamplingMode(): number;
+    set sourceSamplingMode(value: number);
+    /** The direction in which to blur the image */
+    get direction(): Vector2;
+    set direction(value: Vector2);
+    /** Length in pixels of the blur sample region */
+    get kernel(): number;
+    set kernel(value: number);
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName(): string;
+    /**
+     * Gets the source input component
+     */
+    get source(): NodeRenderGraphConnectionPoint;
+    /**
+     * Gets the destination input component
+     */
+    get destination(): NodeRenderGraphConnectionPoint;
+    /**
+     * Gets the output component
+     */
+    get output(): NodeRenderGraphConnectionPoint;
+    protected _buildBlock(state: NodeRenderGraphBuildState): void;
+    protected _dumpPropertiesCode(): string;
+    serialize(): any;
+    _deserialize(serializationObject: any): void;
+}

package/FrameGraph/Node/Blocks/PostProcesses/blurPostProcessBlock.js

@@ -0,0 +1,127 @@
+import { __decorate } from "../../../../tslib.es6.js";
+import { NodeRenderGraphBlock } from "../../nodeRenderGraphBlock.js";
+import { RegisterClass } from "../../../../Misc/typeStore.js";
+import { NodeRenderGraphBlockConnectionPointTypes } from "../../Types/nodeRenderGraphTypes.js";
+import { editableInPropertyPage } from "../../../../Decorators/nodeDecorator.js";
+import { FrameGraphBlurTask } from "../../../Tasks/PostProcesses/blurTask.js";
+import { ThinBlurPostProcess } from "../../../../PostProcesses/thinBlurPostProcess.js";
+import { Vector2 } from "../../../../Maths/math.vector.js";
+/**
+ * Block that implements the blur post process
+ */
+export class NodeRenderGraphBlurPostProcessBlock extends NodeRenderGraphBlock {
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task() {
+        return this._frameGraphTask;
+    }
+    /**
+     * Create a new NodeRenderGraphBlurPostProcessBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     */
+    constructor(name, frameGraph, scene) {
+        super(name, frameGraph, scene);
+        this.registerInput("source", NodeRenderGraphBlockConnectionPointTypes.Texture);
+        this.registerInput("destination", NodeRenderGraphBlockConnectionPointTypes.Texture, true);
+        this.registerOutput("output", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);
+        this.source.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAllButBackBuffer);
+        this.destination.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);
+        this.output._typeConnectionSource = () => {
+            return this.destination.isConnected ? this.destination : this.source;
+        };
+        this._frameGraphTask = new FrameGraphBlurTask(this.name, frameGraph, new ThinBlurPostProcess(name, scene.getEngine(), new Vector2(1, 0), 32));
+    }
+    /** Sampling mode used to sample from the source texture */
+    get sourceSamplingMode() {
+        return this._frameGraphTask.sourceSamplingMode;
+    }
+    set sourceSamplingMode(value) {
+        this._frameGraphTask.sourceSamplingMode = value;
+    }
+    /** The direction in which to blur the image */
+    get direction() {
+        return this._frameGraphTask.postProcess.direction;
+    }
+    set direction(value) {
+        this._frameGraphTask.postProcess.direction = value;
+    }
+    /** Length in pixels of the blur sample region */
+    get kernel() {
+        return this._frameGraphTask.postProcess.kernel;
+    }
+    set kernel(value) {
+        this._frameGraphTask.postProcess.kernel = value;
+    }
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName() {
+        return "NodeRenderGraphBlurPostProcessBlock";
+    }
+    /**
+     * Gets the source input component
+     */
+    get source() {
+        return this._inputs[0];
+    }
+    /**
+     * Gets the destination input component
+     */
+    get destination() {
+        return this._inputs[1];
+    }
+    /**
+     * Gets the output component
+     */
+    get output() {
+        return this._outputs[0];
+    }
+    _buildBlock(state) {
+        super._buildBlock(state);
+        this._frameGraphTask.name = this.name;
+        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the "output" texture of the task
+        const sourceConnectedPoint = this.source.connectedPoint;
+        if (sourceConnectedPoint) {
+            this._frameGraphTask.sourceTexture = sourceConnectedPoint.value;
+        }
+        const destinationConnectedPoint = this.destination.connectedPoint;
+        if (destinationConnectedPoint) {
+            this._frameGraphTask.destinationTexture = destinationConnectedPoint.value;
+        }
+    }
+    _dumpPropertiesCode() {
+        const codes = [];
+        codes.push(`${this._codeVariableName}.direction = new BABYLON.Vector2(${this.direction.x}, ${this.direction.y});`);
+        codes.push(`${this._codeVariableName}.kernel = ${this.kernel};`);
+        codes.push(`${this._codeVariableName}.sourceSamplingMode = ${this.sourceSamplingMode};`);
+        return super._dumpPropertiesCode() + codes.join("\n");
+    }
+    serialize() {
+        const serializationObject = super.serialize();
+        serializationObject.direction = this.direction.asArray();
+        serializationObject.kernel = this.kernel;
+        serializationObject.sourceSamplingMode = this.sourceSamplingMode;
+        return serializationObject;
+    }
+    _deserialize(serializationObject) {
+        super._deserialize(serializationObject);
+        this.direction.fromArray(serializationObject.direction);
+        this.kernel = serializationObject.kernel;
+        this.sourceSamplingMode = serializationObject.sourceSamplingMode;
+    }
+}
+__decorate([
+    editableInPropertyPage("Source sampling mode", 6 /* PropertyTypeForEdition.SamplingMode */, "PROPERTIES")
+], NodeRenderGraphBlurPostProcessBlock.prototype, "sourceSamplingMode", null);
+__decorate([
+    editableInPropertyPage("Direction", 3 /* PropertyTypeForEdition.Vector2 */, "PROPERTIES")
+], NodeRenderGraphBlurPostProcessBlock.prototype, "direction", null);
+__decorate([
+    editableInPropertyPage("Kernel", 2 /* PropertyTypeForEdition.Int */, "PROPERTIES", { min: 1, max: 256 })
+], NodeRenderGraphBlurPostProcessBlock.prototype, "kernel", null);
+RegisterClass("BABYLON.NodeRenderGraphBlurPostProcessBlock", NodeRenderGraphBlurPostProcessBlock);
+//# sourceMappingURL=blurPostProcessBlock.js.map

package/FrameGraph/Node/Blocks/PostProcesses/blurPostProcessBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blurPostProcessBlock.js","sourceRoot":"","sources":["../../../../../../../dev/core/src/FrameGraph/Node/Blocks/PostProcesses/blurPostProcessBlock.ts"],"names":[],"mappings":"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","sourcesContent":["// eslint-disable-next-line import/no-internal-modules\r\nimport type { NodeRenderGraphConnectionPoint, Scene, NodeRenderGraphBuildState, FrameGraphTextureHandle, FrameGraph } from \"core/index\";\r\nimport { NodeRenderGraphBlock } from \"../../nodeRenderGraphBlock\";\r\nimport { RegisterClass } from \"../../../../Misc/typeStore\";\r\nimport { NodeRenderGraphBlockConnectionPointTypes } from \"../../Types/nodeRenderGraphTypes\";\r\nimport { editableInPropertyPage, PropertyTypeForEdition } from \"../../../../Decorators/nodeDecorator\";\r\nimport { FrameGraphBlurTask } from \"core/FrameGraph/Tasks/PostProcesses/blurTask\";\r\nimport { ThinBlurPostProcess } from \"core/PostProcesses/thinBlurPostProcess\";\r\nimport { Vector2 } from \"core/Maths/math.vector\";\r\n\r\n/**\r\n * Block that implements the blur post process\r\n */\r\nexport class NodeRenderGraphBlurPostProcessBlock extends NodeRenderGraphBlock {\r\n    protected override _frameGraphTask: FrameGraphBlurTask;\r\n\r\n    /**\r\n     * Gets the frame graph task associated with this block\r\n     */\r\n    public override get task() {\r\n        return this._frameGraphTask;\r\n    }\r\n\r\n    /**\r\n     * Create a new NodeRenderGraphBlurPostProcessBlock\r\n     * @param name defines the block name\r\n     * @param frameGraph defines the hosting frame graph\r\n     * @param scene defines the hosting scene\r\n     */\r\n    public constructor(name: string, frameGraph: FrameGraph, scene: Scene) {\r\n        super(name, frameGraph, scene);\r\n\r\n        this.registerInput(\"source\", NodeRenderGraphBlockConnectionPointTypes.Texture);\r\n        this.registerInput(\"destination\", NodeRenderGraphBlockConnectionPointTypes.Texture, true);\r\n        this.registerOutput(\"output\", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);\r\n\r\n        this.source.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAllButBackBuffer);\r\n        this.destination.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);\r\n        this.output._typeConnectionSource = () => {\r\n            return this.destination.isConnected ? this.destination : this.source;\r\n        };\r\n\r\n        this._frameGraphTask = new FrameGraphBlurTask(this.name, frameGraph, new ThinBlurPostProcess(name, scene.getEngine(), new Vector2(1, 0), 32));\r\n    }\r\n\r\n    /** Sampling mode used to sample from the source texture */\r\n    @editableInPropertyPage(\"Source sampling mode\", PropertyTypeForEdition.SamplingMode, \"PROPERTIES\")\r\n    public get sourceSamplingMode() {\r\n        return this._frameGraphTask.sourceSamplingMode;\r\n    }\r\n\r\n    public set sourceSamplingMode(value: number) {\r\n        this._frameGraphTask.sourceSamplingMode = value;\r\n    }\r\n\r\n    /** The direction in which to blur the image */\r\n    @editableInPropertyPage(\"Direction\", PropertyTypeForEdition.Vector2, \"PROPERTIES\")\r\n    public get direction(): Vector2 {\r\n        return this._frameGraphTask.postProcess.direction;\r\n    }\r\n\r\n    public set direction(value: Vector2) {\r\n        this._frameGraphTask.postProcess.direction = value;\r\n    }\r\n\r\n    /** Length in pixels of the blur sample region */\r\n    @editableInPropertyPage(\"Kernel\", PropertyTypeForEdition.Int, \"PROPERTIES\", { min: 1, max: 256 })\r\n    public get kernel(): number {\r\n        return this._frameGraphTask.postProcess.kernel;\r\n    }\r\n\r\n    public set kernel(value: number) {\r\n        this._frameGraphTask.postProcess.kernel = value;\r\n    }\r\n\r\n    /**\r\n     * Gets the current class name\r\n     * @returns the class name\r\n     */\r\n    public override getClassName() {\r\n        return \"NodeRenderGraphBlurPostProcessBlock\";\r\n    }\r\n\r\n    /**\r\n     * Gets the source input component\r\n     */\r\n    public get source(): NodeRenderGraphConnectionPoint {\r\n        return this._inputs[0];\r\n    }\r\n\r\n    /**\r\n     * Gets the destination input component\r\n     */\r\n    public get destination(): NodeRenderGraphConnectionPoint {\r\n        return this._inputs[1];\r\n    }\r\n\r\n    /**\r\n     * Gets the output component\r\n     */\r\n    public get output(): NodeRenderGraphConnectionPoint {\r\n        return this._outputs[0];\r\n    }\r\n\r\n    protected override _buildBlock(state: NodeRenderGraphBuildState) {\r\n        super._buildBlock(state);\r\n\r\n        this._frameGraphTask.name = this.name;\r\n\r\n        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the \"output\" texture of the task\r\n\r\n        const sourceConnectedPoint = this.source.connectedPoint;\r\n        if (sourceConnectedPoint) {\r\n            this._frameGraphTask.sourceTexture = sourceConnectedPoint.value as FrameGraphTextureHandle;\r\n        }\r\n\r\n        const destinationConnectedPoint = this.destination.connectedPoint;\r\n        if (destinationConnectedPoint) {\r\n            this._frameGraphTask.destinationTexture = destinationConnectedPoint.value as FrameGraphTextureHandle;\r\n        }\r\n    }\r\n\r\n    protected override _dumpPropertiesCode() {\r\n        const codes: string[] = [];\r\n        codes.push(`${this._codeVariableName}.direction = new BABYLON.Vector2(${this.direction.x}, ${this.direction.y});`);\r\n        codes.push(`${this._codeVariableName}.kernel = ${this.kernel};`);\r\n        codes.push(`${this._codeVariableName}.sourceSamplingMode = ${this.sourceSamplingMode};`);\r\n        return super._dumpPropertiesCode() + codes.join(\"\\n\");\r\n    }\r\n\r\n    public override serialize(): any {\r\n        const serializationObject = super.serialize();\r\n        serializationObject.direction = this.direction.asArray();\r\n        serializationObject.kernel = this.kernel;\r\n        serializationObject.sourceSamplingMode = this.sourceSamplingMode;\r\n        return serializationObject;\r\n    }\r\n\r\n    public override _deserialize(serializationObject: any) {\r\n        super._deserialize(serializationObject);\r\n        this.direction.fromArray(serializationObject.direction);\r\n        this.kernel = serializationObject.kernel;\r\n        this.sourceSamplingMode = serializationObject.sourceSamplingMode;\r\n    }\r\n}\r\n\r\nRegisterClass(\"BABYLON.NodeRenderGraphBlurPostProcessBlock\", NodeRenderGraphBlurPostProcessBlock);\r\n"]}