@onerjs/smart-filters-blocks 8.25.2 → 8.25.4

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.d.ts

@@ -0,0 +1,76 @@
+import type { Effect } from "@onerjs/core/Materials/effect.js";
+import { type ShaderProgram, type RuntimeData, ConnectionPointType, type SmartFilter, ShaderBinding, ShaderBlock } from "@onerjs/smart-filters";
+declare const ShaderProgram: ShaderProgram;
+/**
+ * The shader bindings for the DirectionalBlur block.
+ */
+export declare class DirectionalBlurShaderBinding extends ShaderBinding {
+    private readonly _inputTexture;
+    private readonly _blurHorizontalWidth;
+    private readonly _blurVerticalWidth;
+    /**
+     * Creates a new shader binding instance for the DirectionalBlur block.
+     * @param inputTexture - The input texture
+     * @param blurHorizontalWidth - The horizontal blur width
+     * @param blurVerticalWidth - The vertical blur width
+     */
+    constructor(inputTexture: RuntimeData<ConnectionPointType.Texture>, blurHorizontalWidth: number, blurVerticalWidth: number);
+    /**
+     * Binds all the required data to the shader when rendering.
+     * @param effect - defines the effect to bind the data to
+     */
+    bind(effect: Effect): void;
+}
+/**
+ * A block performing a directional "gaussian" blur.
+ *
+ * It is aggregated as part of the @see BlurBlock.
+ */
+export declare class DirectionalBlurBlock extends ShaderBlock {
+    /**
+     * The class name of the block.
+     */
+    static ClassName: string;
+    /**
+     * The namespace of the block.
+     */
+    static Namespace: string;
+    /**
+     * The input texture connection point.
+     */
+    readonly input: import("@onerjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+     * Defines how smaller we should make the target compared to the screen size.
+     */
+    blurTextureRatio: number;
+    /**
+     * Defines the horizontal strength of the blur.
+     */
+    blurHorizontalWidth: number;
+    /**
+     * Defines the vertical strength of the blur.
+     */
+    blurVerticalWidth: number;
+    /**
+     * The shader program (vertex and fragment code) to use to render the block
+     */
+    static ShaderCode: ShaderProgram;
+    /**
+     * Instantiates a new Block.
+     * @param smartFilter - The smart filter this block belongs to
+     * @param name - The friendly name of the block
+     */
+    constructor(smartFilter: SmartFilter, name: string);
+    /**
+     * Prepares the block for runtime.
+     * This is called by the smart filter just before creating the smart filter runtime.
+     */
+    prepareForRuntime(): void;
+    /**
+     * Get the class instance that binds all the required data to the shader (effect) when rendering.
+     * @returns The class instance that binds the data to the effect
+     */
+    getShaderBinding(): ShaderBinding;
+}
+export {};
+//# sourceMappingURL=directionalBlurBlock.d.ts.map

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionalBlurBlock.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/directionalBlurBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,yCAAiC;AAEvD,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,mBAAmB,EACnB,KAAK,WAAW,EAGhB,aAAa,EACb,WAAW,EACd,8BAAsB;AAKvB,QAAA,MAAM,aAAa,EAAE,aA6CpB,CAAC;AAIF;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,aAAa;IAC3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA2C;IACzE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAS;IAC9C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAS;IAE5C;;;;;OAKG;gBACS,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,mBAAmB,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM;IAO1H;;;OAGG;IACa,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;CAe7C;AAED;;;;GAIG;AACH,qBAAa,oBAAqB,SAAQ,WAAW;IACjD;;OAEG;IACH,OAAuB,SAAS,SAA4B;IAE5D;;OAEG;IACH,OAAuB,SAAS,SAA+B;IAE/D;;OAEG;IACH,SAAgB,KAAK,+EAA6D;IAElF;;OAEG;IAMI,gBAAgB,SAAO;IAE9B;;OAEG;IAMI,mBAAmB,SAAK;IAE/B;;OAEG;IAMI,iBAAiB,SAAK;IAE7B;;OAEG;IACH,OAAuB,UAAU,gBAAiB;IAElD;;;;OAIG;gBACS,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM;IAIlD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAMzC;;;OAGG;IACI,gBAAgB,IAAI,aAAa;CAK3C"}

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.deserializer.d.ts

@@ -0,0 +1,32 @@
+import type { ISerializedBlockV1, SmartFilter } from "@onerjs/smart-filters";
+import { DirectionalBlurBlock } from "./directionalBlurBlock.js";
+/**
+ * The definition of the extra data serialized for directional blur blocks.
+ */
+export interface ISerializedDirectionalBlurBlockV1 extends ISerializedBlockV1 {
+    /**
+     * The extra data of the block.
+     */
+    data: {
+        /**
+         * The horizontal width of the blur.
+         */
+        blurHorizontalWidth: number;
+        /**
+         * The vertical width of the blur.
+         */
+        blurVerticalWidth: number;
+        /**
+         * The blur texture ratio.
+         */
+        blurTextureRatio: number;
+    };
+}
+/**
+ * V1 Directional Blur Deserializer.
+ * @param smartFilter - The SmartFilter to deserialize the block into
+ * @param serializedBlock - The serialized block data
+ * @returns A deserialized DirectionalBlurBlock
+ */
+export declare function DirectionalBlurDeserializer(smartFilter: SmartFilter, serializedBlock: ISerializedDirectionalBlurBlockV1): DirectionalBlurBlock;
+//# sourceMappingURL=directionalBlurBlock.deserializer.d.ts.map

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.deserializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionalBlurBlock.deserializer.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/directionalBlurBlock.deserializer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,8BAAsB;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,iCAAkC,SAAQ,kBAAkB;IACzE;;OAEG;IACH,IAAI,EAAE;QACF;;WAEG;QACH,mBAAmB,EAAE,MAAM,CAAC;QAE5B;;WAEG;QACH,iBAAiB,EAAE,MAAM,CAAC;QAE1B;;WAEG;QACH,gBAAgB,EAAE,MAAM,CAAC;KAC5B,CAAC;CACL;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,iCAAiC,wBAQvH"}

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.deserializer.js

@@ -0,0 +1,16 @@
+import { DirectionalBlurBlock } from "./directionalBlurBlock.js";
+/**
+ * V1 Directional Blur Deserializer.
+ * @param smartFilter - The SmartFilter to deserialize the block into
+ * @param serializedBlock - The serialized block data
+ * @returns A deserialized DirectionalBlurBlock
+ */
+export function DirectionalBlurDeserializer(smartFilter, serializedBlock) {
+    const block = new DirectionalBlurBlock(smartFilter, serializedBlock.name);
+    // If data is missing, use the default value set by the block
+    block.blurHorizontalWidth = serializedBlock.data.blurHorizontalWidth ?? block.blurHorizontalWidth;
+    block.blurVerticalWidth = serializedBlock.data.blurVerticalWidth ?? block.blurVerticalWidth;
+    block.blurTextureRatio = serializedBlock.data.blurTextureRatio ?? block.blurTextureRatio;
+    return block;
+}
+//# sourceMappingURL=directionalBlurBlock.deserializer.js.map

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.deserializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionalBlurBlock.deserializer.js","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/directionalBlurBlock.deserializer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AA2BjE;;;;;GAKG;AACH,MAAM,UAAU,2BAA2B,CAAC,WAAwB,EAAE,eAAkD;IACpH,MAAM,KAAK,GAAG,IAAI,oBAAoB,CAAC,WAAW,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAE1E,6DAA6D;IAC7D,KAAK,CAAC,mBAAmB,GAAG,eAAe,CAAC,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,mBAAmB,CAAC;IAClG,KAAK,CAAC,iBAAiB,GAAG,eAAe,CAAC,IAAI,CAAC,iBAAiB,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAC5F,KAAK,CAAC,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,CAAC;IACzF,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.js

@@ -0,0 +1,162 @@
+import { __decorate } from "@onerjs/core/tslib.es6.js";
+import { ConnectionPointType, editableInPropertyPage, PropertyTypeForEdition, ShaderBinding, ShaderBlock, } from "@onerjs/smart-filters";
+import { directionalBlurBlockType } from "../../../blockTypes.js";
+import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
+const ShaderProgram = {
+    fragment: {
+        const: `
+            const float _epsilon_ = 0.01;
+            `,
+        uniform: `
+                uniform vec2 _texelStep_;
+                uniform sampler2D _input_;
+            `,
+        uniformSingle: `
+                uniform float[7] _weights_;
+            `,
+        mainFunctionName: "_directionalBlur_",
+        mainInputTexture: "_input_",
+        functions: [
+            {
+                name: "_directionalBlur_",
+                code: `
+                vec4 _directionalBlur_(vec2 vUV) {
+                    vec2 start = vUV - 3.0 * _texelStep_;
+
+                    vec4 finalWeightedColor = vec4(0., 0., 0., 0.);
+
+                    for (int i = 0; i < 7; i++)
+                    {
+                        vec2 fetchUV = start + _texelStep_ * float(i);
+                        fetchUV = clamp(fetchUV, 0., 1.);
+                        vec4 colorSample = texture2D(_input_, fetchUV);
+
+                        // Ignore samples from mostly transparent pixels
+                        if (colorSample.a < _epsilon_) continue;
+
+                        finalWeightedColor += colorSample * _weights_[i];
+                    }
+
+                    return finalWeightedColor;
+                }
+            `,
+            },
+        ],
+    },
+};
+const WideWeights = Float32Array.from([0.05, 0.1, 0.2, 0.3, 0.2, 0.1, 0.05]);
+/**
+ * The shader bindings for the DirectionalBlur block.
+ */
+export class DirectionalBlurShaderBinding extends ShaderBinding {
+    /**
+     * Creates a new shader binding instance for the DirectionalBlur block.
+     * @param inputTexture - The input texture
+     * @param blurHorizontalWidth - The horizontal blur width
+     * @param blurVerticalWidth - The vertical blur width
+     */
+    constructor(inputTexture, blurHorizontalWidth, blurVerticalWidth) {
+        super();
+        this._inputTexture = inputTexture;
+        this._blurHorizontalWidth = blurHorizontalWidth;
+        this._blurVerticalWidth = blurVerticalWidth;
+    }
+    /**
+     * Binds all the required data to the shader when rendering.
+     * @param effect - defines the effect to bind the data to
+     */
+    bind(effect) {
+        // Global pass Setup
+        effect.setFloatArray(this.getRemappedName("weights"), WideWeights);
+        // V blur
+        effect.setTexture(this.getRemappedName("input"), this._inputTexture.value);
+        // Texel size
+        if (this._inputTexture.value) {
+            const inputSize = this._inputTexture.value.getSize();
+            const texelWidth = this._blurHorizontalWidth / inputSize.width;
+            const texelHeight = this._blurVerticalWidth / inputSize.height;
+            effect.setFloat2(this.getRemappedName("texelStep"), texelWidth, texelHeight);
+        }
+    }
+}
+/**
+ * A block performing a directional "gaussian" blur.
+ *
+ * It is aggregated as part of the @see BlurBlock.
+ */
+export class DirectionalBlurBlock extends ShaderBlock {
+    /**
+     * Instantiates a new Block.
+     * @param smartFilter - The smart filter this block belongs to
+     * @param name - The friendly name of the block
+     */
+    constructor(smartFilter, name) {
+        super(smartFilter, name, true);
+        /**
+         * The input texture connection point.
+         */
+        this.input = this._registerInput("input", ConnectionPointType.Texture);
+        /**
+         * Defines how smaller we should make the target compared to the screen size.
+         */
+        this.blurTextureRatio = 0.5;
+        /**
+         * Defines the horizontal strength of the blur.
+         */
+        this.blurHorizontalWidth = 0;
+        /**
+         * Defines the vertical strength of the blur.
+         */
+        this.blurVerticalWidth = 1;
+    }
+    /**
+     * Prepares the block for runtime.
+     * This is called by the smart filter just before creating the smart filter runtime.
+     */
+    prepareForRuntime() {
+        super.prepareForRuntime();
+        this.outputTextureOptions.ratio = this.blurTextureRatio;
+    }
+    /**
+     * Get the class instance that binds all the required data to the shader (effect) when rendering.
+     * @returns The class instance that binds the data to the effect
+     */
+    getShaderBinding() {
+        const input = this._confirmRuntimeDataSupplied(this.input);
+        return new DirectionalBlurShaderBinding(input, this.blurHorizontalWidth, this.blurVerticalWidth);
+    }
+}
+/**
+ * The class name of the block.
+ */
+DirectionalBlurBlock.ClassName = directionalBlurBlockType;
+/**
+ * The namespace of the block.
+ */
+DirectionalBlurBlock.Namespace = babylonDemoEffectsNamespace;
+/**
+ * The shader program (vertex and fragment code) to use to render the block
+ */
+DirectionalBlurBlock.ShaderCode = ShaderProgram;
+__decorate([
+    editableInPropertyPage("Texture Ratio", PropertyTypeForEdition.Float, "PROPERTIES", {
+        min: 0,
+        max: 1,
+        notifiers: { rebuild: true },
+    })
+], DirectionalBlurBlock.prototype, "blurTextureRatio", void 0);
+__decorate([
+    editableInPropertyPage("Horizontal strength", PropertyTypeForEdition.Float, "PROPERTIES", {
+        min: 0,
+        max: 1,
+        notifiers: { rebuild: true },
+    })
+], DirectionalBlurBlock.prototype, "blurHorizontalWidth", void 0);
+__decorate([
+    editableInPropertyPage("Vertical strength", PropertyTypeForEdition.Float, "PROPERTIES", {
+        min: 0,
+        max: 1,
+        notifiers: { rebuild: true },
+    })
+], DirectionalBlurBlock.prototype, "blurVerticalWidth", void 0);
+//# sourceMappingURL=directionalBlurBlock.js.map

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionalBlurBlock.js","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/directionalBlurBlock.ts"],"names":[],"mappings":"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"}

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.serializer.d.ts

@@ -0,0 +1,6 @@
+import type { IBlockSerializerV1 } from "@onerjs/smart-filters";
+/**
+ * The V1 serializer for a Directional Blur Block
+ */
+export declare const DirectionalBlurBlockSerializer: IBlockSerializerV1;
+//# sourceMappingURL=directionalBlurBlock.serializer.d.ts.map

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.serializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionalBlurBlock.serializer.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/directionalBlurBlock.serializer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAa,8BAAsB;AAKnE;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,kBAqB5C,CAAC"}

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.serializer.js

@@ -0,0 +1,27 @@
+import { directionalBlurBlockType } from "../../../blockTypes.js";
+import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
+/**
+ * The V1 serializer for a Directional Blur Block
+ */
+export const DirectionalBlurBlockSerializer = {
+    blockType: directionalBlurBlockType,
+    serialize: (block) => {
+        if (block.getClassName() !== directionalBlurBlockType) {
+            throw new Error("Was asked to serialize an unrecognized block type");
+        }
+        const directionalBlurBlock = block;
+        return {
+            name: block.name,
+            uniqueId: block.uniqueId,
+            blockType: directionalBlurBlockType,
+            namespace: babylonDemoEffectsNamespace,
+            comments: block.comments,
+            data: {
+                blurTextureRatio: directionalBlurBlock.blurTextureRatio,
+                blurHorizontalWidth: directionalBlurBlock.blurHorizontalWidth,
+                blurVerticalWidth: directionalBlurBlock.blurVerticalWidth,
+            },
+        };
+    },
+};
+//# sourceMappingURL=directionalBlurBlock.serializer.js.map

package/dist/blocks/babylon/demo/effects/directionalBlurBlock.serializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionalBlurBlock.serializer.js","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/directionalBlurBlock.serializer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAuB;IAC9D,SAAS,EAAE,wBAAwB;IACnC,SAAS,EAAE,CAAC,KAAgB,EAAE,EAAE;QAC5B,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,wBAAwB,EAAE,CAAC;YACpD,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACzE,CAAC;QAED,MAAM,oBAAoB,GAAG,KAA6B,CAAC;QAC3D,OAAO;YACH,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,SAAS,EAAE,wBAAwB;YACnC,SAAS,EAAE,2BAA2B;YACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,IAAI,EAAE;gBACF,gBAAgB,EAAE,oBAAoB,CAAC,gBAAgB;gBACvD,mBAAmB,EAAE,oBAAoB,CAAC,mBAAmB;gBAC7D,iBAAiB,EAAE,oBAAoB,CAAC,iBAAiB;aAC5D;SACJ,CAAC;IACN,CAAC;CACJ,CAAC"}

package/dist/blocks/babylon/demo/effects/exposureBlock.block.d.ts

@@ -0,0 +1,38 @@
+import { DisableableShaderBinding, ConnectionPointType, type SmartFilter, DisableableShaderBlock, type ShaderProgram } from "@onerjs/smart-filters";
+/**
+ * The implementation of the ExposureBlock
+ */
+export declare class ExposureBlock extends DisableableShaderBlock {
+    /**
+     * The class name of the block.
+     */
+    static ClassName: string;
+    /**
+     * The namespace of the block.
+     */
+    static Namespace: string;
+    /**
+     * The input connection point.
+     */
+    readonly input: import("@onerjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+     * The amount connection point.
+     */
+    readonly amount: import("@onerjs/smart-filters").ConnectionPoint<ConnectionPointType.Float>;
+    /**
+     * The shader program (vertex and fragment code) to use to render the block
+     */
+    static ShaderCode: ShaderProgram;
+    /**
+     * Instantiates a new ExposureBlock.
+     * @param smartFilter - The smart filter this block belongs to
+     * @param name - The friendly name of the block
+     */
+    constructor(smartFilter: SmartFilter, name: string);
+    /**
+     * Get the class instance that binds all the required data to the shader (effect) when rendering.
+     * @returns The class instance that binds the data to the effect
+     */
+    getShaderBinding(): DisableableShaderBinding;
+}
+//# sourceMappingURL=exposureBlock.block.d.ts.map

package/dist/blocks/babylon/demo/effects/exposureBlock.block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exposureBlock.block.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/exposureBlock.block.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,wBAAwB,EAExB,mBAAmB,EACnB,KAAK,WAAW,EAChB,sBAAsB,EACtB,KAAK,aAAa,EAEG,8BAAsB;AAwE/C;;GAEG;AACH,qBAAa,aAAc,SAAQ,sBAAsB;IACrD;;OAEG;IACH,OAAuB,SAAS,SAAmB;IAEnD;;OAEG;IACH,OAAuB,SAAS,SAA0B;IAE1D;;OAEG;IACH,SAAgB,KAAK,+EAAoE;IAEzF;;OAEG;IACH,SAAgB,MAAM,6EAAmE;IAEzF;;OAEG;IACH,OAAuB,UAAU,gBAAsB;IAEvD;;;;OAIG;gBACS,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM;IAIlD;;;OAGG;IACI,gBAAgB,IAAI,wBAAwB;CAMtD"}

package/dist/blocks/babylon/demo/effects/exposureBlock.block.js

@@ -0,0 +1,106 @@
+/* eslint-disable prettier/prettier */
+// ************************************************************
+// Note: this file is auto-generated, do not modify it directly
+// ************************************************************
+import { DisableableShaderBinding, ConnectionPointType, DisableableShaderBlock, BlockDisableStrategy } from "@onerjs/smart-filters";
+/**
+ * The shader program for the block.
+ */
+const BlockShaderProgram = {
+    vertex: undefined,
+    fragment: {
+        uniform: `
+            uniform sampler2D _input_; // main
+            uniform float _amount_;`,
+        mainInputTexture: "_input_",
+        mainFunctionName: "_exposure_",
+        functions: [
+            {
+                name: "_exposure_",
+                code: `
+                    vec4 _exposure_(vec2 vUV) { 
+                        vec4 color = texture2D(_input_, vUV);
+                        return vec4(color.rgb * _amount_, color.a);
+                    }
+                    `,
+                params: "vec2 vUV",
+            },
+        ],
+    },
+};
+/**
+ * The uniform names for this shader, to be used in the shader binding so
+ * that the names are always in sync.
+ */
+const Uniforms = {
+    input: "input",
+    amount: "amount",
+};
+/**
+ * The shader binding for the ExposureBlock, used by the runtime
+ */
+class ExposureBlockShaderBinding extends DisableableShaderBinding {
+    /**
+     * Creates a new shader binding instance for the block.
+     * @param parentBlock - IDisableableBlock
+     * @param input - The input runtime value
+     * @param amount - The amount runtime value
+     */
+    constructor(parentBlock, input, amount) {
+        super(parentBlock);
+        this._input = input;
+        this._amount = amount;
+    }
+    /**
+     * Binds all the required data to the shader when rendering.
+     * @param effect - defines the effect to bind the data to
+     */
+    bind(effect) {
+        super.bind(effect);
+        effect.setTexture(this.getRemappedName(Uniforms.input), this._input.value);
+        effect.setFloat(this.getRemappedName(Uniforms.amount), this._amount.value);
+    }
+}
+/**
+ * The implementation of the ExposureBlock
+ */
+export class ExposureBlock extends DisableableShaderBlock {
+    /**
+     * Instantiates a new ExposureBlock.
+     * @param smartFilter - The smart filter this block belongs to
+     * @param name - The friendly name of the block
+     */
+    constructor(smartFilter, name) {
+        super(smartFilter, name, false, BlockDisableStrategy.AutoSample);
+        /**
+         * The input connection point.
+         */
+        this.input = this._registerInput(Uniforms.input, ConnectionPointType.Texture);
+        /**
+         * The amount connection point.
+         */
+        this.amount = this._registerInput(Uniforms.amount, ConnectionPointType.Float);
+    }
+    /**
+     * Get the class instance that binds all the required data to the shader (effect) when rendering.
+     * @returns The class instance that binds the data to the effect
+     */
+    getShaderBinding() {
+        const input = this._confirmRuntimeDataSupplied(this.input);
+        const amount = this._confirmRuntimeDataSupplied(this.amount);
+        return new ExposureBlockShaderBinding(this, input, amount);
+    }
+}
+/**
+ * The class name of the block.
+ */
+ExposureBlock.ClassName = "ExposureBlock";
+/**
+ * The namespace of the block.
+ */
+ExposureBlock.Namespace = "Babylon.Demo.Effects";
+/**
+ * The shader program (vertex and fragment code) to use to render the block
+ */
+ExposureBlock.ShaderCode = BlockShaderProgram;
+//# sourceMappingURL=exposureBlock.block.js.map

package/dist/blocks/babylon/demo/effects/exposureBlock.block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exposureBlock.block.js","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/exposureBlock.block.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,+DAA+D;AAC/D,+DAA+D;AAC/D,+DAA+D;AAS/D,OAAO,EACH,wBAAwB,EAExB,mBAAmB,EAEnB,sBAAsB,EAGtB,oBAAoB,EAAC,8BAAsB;AAE/C;;GAEG;AACH,MAAM,kBAAkB,GAAkB;IACtC,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE;QACN,OAAO,EAAE;;oCAEmB;QAC5B,gBAAgB,EAAE,SAAS;QAC3B,gBAAgB,EAAE,YAAY;QAC9B,SAAS,EAAE;YACP;gBACI,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE;;;;;qBAKD;gBACL,MAAM,EAAE,UAAU;aACrB;SACJ;KACJ;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,QAAQ,GAAG;IACb,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACnB,CAAC;AAGF;;GAEG;AACH,MAAM,0BAA2B,SAAQ,wBAAwB;IAI7D;;;;;OAKG;IACH,YACI,WAA8B,EAC9B,KAA+C,EAC/C,MAA8C;QAE9C,KAAK,CAAC,WAAW,CAAC,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IAC1B,CAAC;IAED;;;OAGG;IACa,IAAI,CAAC,MAAc;QAC/B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3E,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/E,CAAC;CACJ;AAED;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,sBAAsB;IA0BrD;;;;OAIG;IACH,YAAY,WAAwB,EAAE,IAAY;QAC9C,KAAK,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;QArBrE;;WAEG;QACa,UAAK,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAEzF;;WAEG;QACa,WAAM,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAczF,CAAC;IAED;;;OAGG;IACI,gBAAgB;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAE7D,OAAO,IAAI,0BAA0B,CAAC,IAAI,EAAC,KAAK,EAAC,MAAM,CAAC,CAAC;IAC7D,CAAC;;AA3CD;;GAEG;AACoB,uBAAS,GAAG,eAAe,AAAlB,CAAmB;AAEnD;;GAEG;AACoB,uBAAS,GAAG,sBAAsB,AAAzB,CAA0B;AAY1D;;GAEG;AACoB,wBAAU,GAAG,kBAAkB,AAArB,CAAsB"}

package/dist/blocks/babylon/demo/effects/greenScreenBlock.block.d.ts

@@ -0,0 +1,46 @@
+import { DisableableShaderBinding, ConnectionPointType, type SmartFilter, DisableableShaderBlock, type ShaderProgram } from "@onerjs/smart-filters";
+/**
+ * The implementation of the GreenScreenBlock
+ */
+export declare class GreenScreenBlock extends DisableableShaderBlock {
+    /**
+     * The class name of the block.
+     */
+    static ClassName: string;
+    /**
+     * The namespace of the block.
+     */
+    static Namespace: string;
+    /**
+     * The input connection point.
+     */
+    readonly input: import("@onerjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+     * The background connection point.
+     */
+    readonly background: import("@onerjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+     * The reference connection point.
+     */
+    readonly reference: import("@onerjs/smart-filters").ConnectionPoint<ConnectionPointType.Color3>;
+    /**
+     * The distance connection point.
+     */
+    readonly distance: import("@onerjs/smart-filters").ConnectionPoint<ConnectionPointType.Float>;
+    /**
+     * The shader program (vertex and fragment code) to use to render the block
+     */
+    static ShaderCode: ShaderProgram;
+    /**
+     * Instantiates a new GreenScreenBlock.
+     * @param smartFilter - The smart filter this block belongs to
+     * @param name - The friendly name of the block
+     */
+    constructor(smartFilter: SmartFilter, name: string);
+    /**
+     * Get the class instance that binds all the required data to the shader (effect) when rendering.
+     * @returns The class instance that binds the data to the effect
+     */
+    getShaderBinding(): DisableableShaderBinding;
+}
+//# sourceMappingURL=greenScreenBlock.block.d.ts.map

package/dist/blocks/babylon/demo/effects/greenScreenBlock.block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"greenScreenBlock.block.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/greenScreenBlock.block.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,wBAAwB,EAExB,mBAAmB,EACnB,KAAK,WAAW,EAChB,sBAAsB,EACtB,KAAK,aAAa,EAEG,8BAAsB;AA4F/C;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,sBAAsB;IACxD;;OAEG;IACH,OAAuB,SAAS,SAAsB;IAEtD;;OAEG;IACH,OAAuB,SAAS,SAA0B;IAE1D;;OAEG;IACH,SAAgB,KAAK,+EAAoE;IAEzF;;OAEG;IACH,SAAgB,UAAU,+EAAyE;IAEnG;;OAEG;IACH,SAAgB,SAAS,8EAAuE;IAEhG;;OAEG;IACH,SAAgB,QAAQ,6EAAqE;IAE7F;;OAEG;IACH,OAAuB,UAAU,gBAAsB;IAEvD;;;;OAIG;gBACS,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM;IAIlD;;;OAGG;IACI,gBAAgB,IAAI,wBAAwB;CAQtD"}