@babylonjs/smart-filters-blocks 0.8.1

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

@@ -0,0 +1,133 @@
+/* eslint-disable prettier/prettier */
+// ************************************************************
+// Note: this file is auto-generated, do not modify it directly
+// ************************************************************
+import { DisableableShaderBinding, ConnectionPointType, DisableableShaderBlock, BlockDisableStrategy } from "@babylonjs/smart-filters";
+/**
+ * The shader program for the block.
+ */
+const shaderProgram = {
+    vertex: undefined,
+    fragment: {
+        uniform: `
+            uniform sampler2D _input_; // main
+            uniform sampler2D _background_;
+            uniform vec3 _reference_;
+            uniform float _distance_;`,
+        mainInputTexture: "_input_",
+        mainFunctionName: "_greenScreen_",
+        functions: [
+            {
+                name: "_greenScreen_",
+                code: `
+                    vec4 _greenScreen_(vec2 vUV) { 
+                        vec4 color = texture2D(_input_, vUV);
+                        vec4 _background_ = texture2D(_background_, vUV);
+                    
+                        if (length(color.rgb - _reference_) < _distance_) {
+                            return _background_;
+                        }
+                    
+                        return color;
+                    }
+                    
+                    `,
+                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",
+    background: "background",
+    reference: "reference",
+    distance: "distance",
+};
+/**
+ * The shader binding for the GreenScreenBlock, used by the runtime
+ */
+class GreenScreenBlockShaderBinding extends DisableableShaderBinding {
+    /**
+     * Creates a new shader binding instance for the block.
+     * @param parentBlock - IDisableableBlock
+     * @param input - The input runtime value
+     * @param background - The background runtime value
+     * @param reference - The reference runtime value
+     * @param distance - The distance runtime value
+     */
+    constructor(parentBlock, input, background, reference, distance) {
+        super(parentBlock);
+        this._input = input;
+        this._background = background;
+        this._reference = reference;
+        this._distance = distance;
+    }
+    /**
+     * 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.setTexture(this.getRemappedName(uniforms.background), this._background.value);
+        effect.setColor3(this.getRemappedName(uniforms.reference), this._reference.value);
+        effect.setFloat(this.getRemappedName(uniforms.distance), this._distance.value);
+    }
+}
+/**
+ * The implementation of the GreenScreenBlock
+ */
+export class GreenScreenBlock extends DisableableShaderBlock {
+    /**
+     * Instantiates a new GreenScreenBlock.
+     * @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 background connection point.
+         */
+        this.background = this._registerInput(uniforms.background, ConnectionPointType.Texture);
+        /**
+         * The reference connection point.
+         */
+        this.reference = this._registerInput(uniforms.reference, ConnectionPointType.Color3);
+        /**
+         * The distance connection point.
+         */
+        this.distance = this._registerInput(uniforms.distance, 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 background = this._confirmRuntimeDataSupplied(this.background);
+        const reference = this._confirmRuntimeDataSupplied(this.reference);
+        const distance = this._confirmRuntimeDataSupplied(this.distance);
+        return new GreenScreenBlockShaderBinding(this, input, background, reference, distance);
+    }
+}
+/**
+ * The class name of the block.
+ */
+GreenScreenBlock.ClassName = "GreenScreenBlock";
+/**
+ * The namespace of the block.
+ */
+GreenScreenBlock.Namespace = "Babylon.Demo.Effects";
+/**
+ * The shader program (vertex and fragment code) to use to render the block
+ */
+GreenScreenBlock.ShaderCode = shaderProgram;
+//# sourceMappingURL=greenScreenBlock.block.js.map

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

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

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

@@ -0,0 +1,15 @@
+export * from "./blackAndWhiteBlock.block.js";
+export * from "./blurBlock.js";
+export * from "./compositionBlock.js";
+export * from "./contrastBlock.block.js";
+export * from "./desaturateBlock.block.js";
+export * from "./directionalBlurBlock.js";
+export * from "./exposureBlock.block.js";
+export * from "./greenScreenBlock.block.js";
+export * from "./kaleidoscopeBlock.js";
+export * from "./maskBlock.block.js";
+export * from "./pixelateBlock.block.js";
+export * from "./posterizeBlock.block.js";
+export * from "./spritesheetBlock.js";
+export * from "./tintBlock.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,15 @@
+export * from "./blackAndWhiteBlock.block.js";
+export * from "./blurBlock.js";
+export * from "./compositionBlock.js";
+export * from "./contrastBlock.block.js";
+export * from "./desaturateBlock.block.js";
+export * from "./directionalBlurBlock.js";
+export * from "./exposureBlock.block.js";
+export * from "./greenScreenBlock.block.js";
+export * from "./kaleidoscopeBlock.js";
+export * from "./maskBlock.block.js";
+export * from "./pixelateBlock.block.js";
+export * from "./posterizeBlock.block.js";
+export * from "./spritesheetBlock.js";
+export * from "./tintBlock.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,58 @@
+import type { Effect } from "@babylonjs/core/Materials/effect";
+import { type ShaderProgram, DisableableShaderBinding, type RuntimeData, ConnectionPointType, type IDisableableBlock, DisableableShaderBlock, type SmartFilter } from "@babylonjs/smart-filters";
+/**
+ * The shader bindings for the Kaleidoscope block.
+ */
+export declare class KaleidoscopeShaderBinding extends DisableableShaderBinding {
+    private readonly _inputTexture;
+    private readonly _time;
+    /**
+     * Creates a new shader binding instance for the Kaleidoscope block.
+     * @param parentBlock - The parent block
+     * @param inputTexture - the input texture
+     * @param time - the time
+     */
+    constructor(parentBlock: IDisableableBlock, inputTexture: RuntimeData<ConnectionPointType.Texture>, time: RuntimeData<ConnectionPointType.Float>);
+    /**
+     * 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 Kaleidoscope looking like effect.
+ */
+export declare class KaleidoscopeBlock extends DisableableShaderBlock {
+    /**
+     * 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("@babylonjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+     * The time connection point.
+     */
+    readonly time: import("@babylonjs/smart-filters").ConnectionPoint<ConnectionPointType.Float>;
+    /**
+     * 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);
+    /**
+     * 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=kaleidoscopeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kaleidoscopeBlock.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/kaleidoscopeBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EACH,KAAK,aAAa,EAClB,wBAAwB,EACxB,KAAK,WAAW,EAChB,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,sBAAsB,EACtB,KAAK,WAAW,EAEnB,MAAM,0BAA0B,CAAC;AAkGlC;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,wBAAwB;IACnE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA2C;IACzE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAyC;IAE/D;;;;;OAKG;gBAEC,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,EACtD,IAAI,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC;IAOhD;;;OAGG;IACa,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;CAK7C;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,sBAAsB;IACzD;;OAEG;IACH,OAAuB,SAAS,SAAyB;IAEzD;;OAEG;IACH,OAAuB,SAAS,SAA+B;IAE/D;;OAEG;IACH,SAAgB,KAAK,kFAA6D;IAElF;;OAEG;IACH,SAAgB,IAAI,gFAA0D;IAE9E;;OAEG;IACH,OAAuB,UAAU,gBAAiB;IAElD;;;;OAIG;gBACS,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM;IAIlD;;;OAGG;IACI,gBAAgB,IAAI,wBAAwB;CAMtD"}

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

@@ -0,0 +1,158 @@
+import { DisableableShaderBinding, ConnectionPointType, DisableableShaderBlock, BlockDisableStrategy, } from "@babylonjs/smart-filters";
+import { kaleidoscopeBlockType } from "../../../blockTypes.js";
+import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
+/**
+ * This block uses a custom vertex shader, so it defines the ShaderProgram inline
+ */
+const shaderProgram = {
+    vertex: `
+        // Attributes
+        attribute vec2 position;
+        
+        // Output
+        varying vec2 vUV;
+        
+        void main(void) {
+            vUV = position;
+            gl_Position = vec4(position, 0.0, 1.0);
+        }
+    `,
+    fragment: {
+        uniform: `
+            uniform sampler2D _input_;
+            uniform float _time_;
+            uniform bool _disabled_;
+            `,
+        const: `
+            const float _width_ = 200.;
+            const float _height_ = 300.;
+            const vec2 _imageRatio_ =  vec2(700. / _width_, 1024. / _height_);
+            const vec2 _imageRelativeSize_ = 1. / _imageRatio_;
+            const float _halfDiag_ = sqrt(_imageRelativeSize_.x * _imageRelativeSize_.x + _imageRelativeSize_.y * _imageRelativeSize_.y) * 0.5;
+            
+            const float _radius_ = 0.9;
+            const float _radius2_ = 0.4;
+            
+            const float _segments_ = 6.;
+            const float _segmentArc_ = (2. * 3.1415926535897932384626433832795 / _segments_);
+            `,
+        mainFunctionName: "_kaleidoscope_",
+        mainInputTexture: "_input_",
+        functions: [
+            {
+                name: "_kaleidoscope_",
+                code: `
+                vec4 _kaleidoscope_(vec2 vUV) {
+                    if (_disabled_) return texture2D(_input_, vUV);
+                    
+                    float distanceToCircle = abs(length(vUV) - _radius_);
+                    vec4 result = vec4(0., 0., 0., 0.);
+                
+                    if (distanceToCircle < _halfDiag_ * 10000.) {
+                        float pointTheta = atan(vUV.y, vUV.x);
+                        pointTheta += _time_;
+                        for (float i = -1.; i < 2.; i += 1.) {
+                            float chunk = floor(pointTheta / _segmentArc_) + i;
+                            float chunkStart = -_time_ + chunk * _segmentArc_ + _segmentArc_ * 0.5;
+                            vec2 chunkStartCenter = vec2(cos(chunkStart), sin(chunkStart)) * _radius_;
+                            vec2 chunkStartPoint = vUV - chunkStartCenter;
+                            chunkStartPoint *= _imageRatio_;
+                            chunkStartPoint *= vec2(0.5, 0.5);
+                            chunkStartPoint += vec2(0.5, 0.5);
+                
+                            if (chunkStartPoint.x > 0. && chunkStartPoint.x < 1. && chunkStartPoint.y > 0. && chunkStartPoint.y < 1.) {
+                                result = texture2D(_input_, chunkStartPoint);
+                            }
+                        }
+                
+                        for (float i = -1.; i < 2.; i += 1.) {
+                            float chunk = floor(pointTheta / _segmentArc_) + i;
+                            float chunkStart = -_time_ + chunk * _segmentArc_ + _segmentArc_ * 0.5;
+                            vec2 chunkStartCenter = vec2(cos(chunkStart), sin(chunkStart)) * _radius2_;
+                            vec2 chunkStartPoint = vUV - chunkStartCenter;
+                            chunkStartPoint *= _imageRatio_;
+                            chunkStartPoint *= vec2(0.5, 0.5);
+                            chunkStartPoint += vec2(0.5, 0.5);
+                
+                            if (chunkStartPoint.x > 0. && chunkStartPoint.x < 1. && chunkStartPoint.y > 0. && chunkStartPoint.y < 1.) {
+                                vec4 top = texture2D(_input_, chunkStartPoint);
+                                result = mix(result, top, (result.a <= 0.) ? 1. : top.a);
+                            }
+                        }
+                    }
+                
+                    return result;
+                }
+            `,
+            },
+        ],
+    },
+};
+/**
+ * The shader bindings for the Kaleidoscope block.
+ */
+export class KaleidoscopeShaderBinding extends DisableableShaderBinding {
+    /**
+     * Creates a new shader binding instance for the Kaleidoscope block.
+     * @param parentBlock - The parent block
+     * @param inputTexture - the input texture
+     * @param time - the time
+     */
+    constructor(parentBlock, inputTexture, time) {
+        super(parentBlock);
+        this._inputTexture = inputTexture;
+        this._time = time;
+    }
+    /**
+     * 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("input"), this._inputTexture.value);
+        effect.setFloat(this.getRemappedName("time"), this._time.value);
+    }
+}
+/**
+ * A block performing a Kaleidoscope looking like effect.
+ */
+export class KaleidoscopeBlock extends DisableableShaderBlock {
+    /**
+     * 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, false, BlockDisableStrategy.Manual);
+        /**
+         * The input texture connection point.
+         */
+        this.input = this._registerInput("input", ConnectionPointType.Texture);
+        /**
+         * The time connection point.
+         */
+        this.time = this._registerInput("time", 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 time = this._confirmRuntimeDataSupplied(this.time);
+        return new KaleidoscopeShaderBinding(this, input, time);
+    }
+}
+/**
+ * The class name of the block.
+ */
+KaleidoscopeBlock.ClassName = kaleidoscopeBlockType;
+/**
+ * The namespace of the block.
+ */
+KaleidoscopeBlock.Namespace = babylonDemoEffectsNamespace;
+/**
+ * The shader program (vertex and fragment code) to use to render the block
+ */
+KaleidoscopeBlock.ShaderCode = shaderProgram;
+//# sourceMappingURL=kaleidoscopeBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kaleidoscopeBlock.js","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/kaleidoscopeBlock.ts"],"names":[],"mappings":"AAEA,OAAO,EAEH,wBAAwB,EAExB,mBAAmB,EAEnB,sBAAsB,EAEtB,oBAAoB,GACvB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E;;GAEG;AACH,MAAM,aAAa,GAAkB;IACjC,MAAM,EAAE;;;;;;;;;;;KAWP;IAED,QAAQ,EAAE;QACN,OAAO,EAAE;;;;aAIJ;QAEL,KAAK,EAAE;;;;;;;;;;;;aAYF;QAEL,gBAAgB,EAAE,gBAAgB;QAElC,gBAAgB,EAAE,SAAS;QAE3B,SAAS,EAAE;YACP;gBACI,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA0CT;aACA;SACJ;KACJ;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,wBAAwB;IAInE;;;;;OAKG;IACH,YACI,WAA8B,EAC9B,YAAsD,EACtD,IAA4C;QAE5C,KAAK,CAAC,WAAW,CAAC,CAAC;QACnB,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACtB,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,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3E,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC;CACJ;AAED;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,sBAAsB;IA0BzD;;;;OAIG;IACH,YAAY,WAAwB,EAAE,IAAY;QAC9C,KAAK,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;QArBjE;;WAEG;QACa,UAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAElF;;WAEG;QACa,SAAI,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAc9E,CAAC;IAED;;;OAGG;IACI,gBAAgB;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzD,OAAO,IAAI,yBAAyB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC5D,CAAC;;AA3CD;;GAEG;AACoB,2BAAS,GAAG,qBAAqB,AAAxB,CAAyB;AAEzD;;GAEG;AACoB,2BAAS,GAAG,2BAA2B,AAA9B,CAA+B;AAY/D;;GAEG;AACoB,4BAAU,GAAG,aAAa,AAAhB,CAAiB"}

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

@@ -0,0 +1,38 @@
+import { DisableableShaderBinding, ConnectionPointType, type SmartFilter, DisableableShaderBlock, type ShaderProgram } from "@babylonjs/smart-filters";
+/**
+ * The implementation of the MaskBlock
+ */
+export declare class MaskBlock 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("@babylonjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+     * The mask connection point.
+     */
+    readonly mask: import("@babylonjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+     * The shader program (vertex and fragment code) to use to render the block
+     */
+    static ShaderCode: ShaderProgram;
+    /**
+     * Instantiates a new MaskBlock.
+     * @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=maskBlock.block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskBlock.block.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/maskBlock.block.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,wBAAwB,EAExB,mBAAmB,EACnB,KAAK,WAAW,EAChB,sBAAsB,EACtB,KAAK,aAAa,EAEG,MAAM,0BAA0B,CAAC;AA2E1D;;GAEG;AACH,qBAAa,SAAU,SAAQ,sBAAsB;IACjD;;OAEG;IACH,OAAuB,SAAS,SAAe;IAE/C;;OAEG;IACH,OAAuB,SAAS,SAA0B;IAE1D;;OAEG;IACH,SAAgB,KAAK,kFAAoE;IAEzF;;OAEG;IACH,SAAgB,IAAI,kFAAmE;IAEvF;;OAEG;IACH,OAAuB,UAAU,gBAAiB;IAElD;;;;OAIG;gBACS,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM;IAIlD;;;OAGG;IACI,gBAAgB,IAAI,wBAAwB;CAMtD"}

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

@@ -0,0 +1,110 @@
+/* eslint-disable prettier/prettier */
+// ************************************************************
+// Note: this file is auto-generated, do not modify it directly
+// ************************************************************
+import { DisableableShaderBinding, ConnectionPointType, DisableableShaderBlock, BlockDisableStrategy } from "@babylonjs/smart-filters";
+/**
+ * The shader program for the block.
+ */
+const shaderProgram = {
+    vertex: undefined,
+    fragment: {
+        uniform: `
+            uniform sampler2D _input_; // main
+            uniform sampler2D _mask_;`,
+        mainInputTexture: "_input_",
+        mainFunctionName: "_maskBlock_",
+        functions: [
+            {
+                name: "_maskBlock_",
+                code: `
+                    vec4 _maskBlock_(vec2 vUV) { 
+                        vec4 color = texture2D(_input_, vUV);
+                        vec3 maskColor = texture2D(_mask_, vUV).rgb;
+                        float luminance = dot(maskColor, vec3(0.3, 0.59, 0.11));
+                    
+                        return vec4(color.rgb * luminance, luminance * 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",
+    mask: "mask",
+};
+/**
+ * The shader binding for the MaskBlock, used by the runtime
+ */
+class MaskBlockShaderBinding extends DisableableShaderBinding {
+    /**
+     * Creates a new shader binding instance for the block.
+     * @param parentBlock - IDisableableBlock
+     * @param input - The input runtime value
+     * @param mask - The mask runtime value
+     */
+    constructor(parentBlock, input, mask) {
+        super(parentBlock);
+        this._input = input;
+        this._mask = mask;
+    }
+    /**
+     * 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.setTexture(this.getRemappedName(uniforms.mask), this._mask.value);
+    }
+}
+/**
+ * The implementation of the MaskBlock
+ */
+export class MaskBlock extends DisableableShaderBlock {
+    /**
+     * Instantiates a new MaskBlock.
+     * @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 mask connection point.
+         */
+        this.mask = this._registerInput(uniforms.mask, ConnectionPointType.Texture);
+    }
+    /**
+     * 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 mask = this._confirmRuntimeDataSupplied(this.mask);
+        return new MaskBlockShaderBinding(this, input, mask);
+    }
+}
+/**
+ * The class name of the block.
+ */
+MaskBlock.ClassName = "MaskBlock";
+/**
+ * The namespace of the block.
+ */
+MaskBlock.Namespace = "Babylon.Demo.Effects";
+/**
+ * The shader program (vertex and fragment code) to use to render the block
+ */
+MaskBlock.ShaderCode = shaderProgram;
+//# sourceMappingURL=maskBlock.block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskBlock.block.js","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/maskBlock.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,MAAM,0BAA0B,CAAC;AAE1D;;GAEG;AACH,MAAM,aAAa,GAAkB;IACjC,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE;QACN,OAAO,EAAE;;sCAEqB;QAC9B,gBAAgB,EAAE,SAAS;QAC3B,gBAAgB,EAAE,aAAa;QAC/B,SAAS,EAAE;YACP;gBACI,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE;;;;;;;;;qBASD;gBACL,MAAM,EAAE,UAAU;aACrB;SACJ;KACJ;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,QAAQ,GAAG;IACb,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,sBAAuB,SAAQ,wBAAwB;IAIzD;;;;;OAKG;IACH,YACI,WAA8B,EAC9B,KAA+C,EAC/C,IAA8C;QAE9C,KAAK,CAAC,WAAW,CAAC,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACtB,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,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7E,CAAC;CACJ;AAED;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,sBAAsB;IA0BjD;;;;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,SAAI,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAcvF,CAAC;IAED;;;OAGG;IACI,gBAAgB;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzD,OAAO,IAAI,sBAAsB,CAAC,IAAI,EAAC,KAAK,EAAC,IAAI,CAAC,CAAC;IACvD,CAAC;;AA3CD;;GAEG;AACoB,mBAAS,GAAG,WAAW,AAAd,CAAe;AAE/C;;GAEG;AACoB,mBAAS,GAAG,sBAAsB,AAAzB,CAA0B;AAY1D;;GAEG;AACoB,oBAAU,GAAG,aAAa,AAAhB,CAAiB"}

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

@@ -0,0 +1,44 @@
+import { ShaderBinding, ConnectionPointType, type SmartFilter, ShaderBlock, type ShaderProgram } from "@babylonjs/smart-filters";
+/**
+ * The implementation of the PixelateBlock
+ */
+export declare class PixelateBlock extends ShaderBlock {
+    /**
+     * The class name of the block.
+     */
+    static ClassName: string;
+    /**
+     * The namespace of the block.
+     */
+    static Namespace: string;
+    /**
+     * The input connection point.
+     */
+    readonly input: import("@babylonjs/smart-filters").ConnectionPoint<ConnectionPointType.Texture>;
+    /**
+    /**
+     * The intensity connection point.
+     */
+    readonly intensity: import("@babylonjs/smart-filters/dist/connection/connectionPointWithDefault").ConnectionPointWithDefault<ConnectionPointType.Float>;
+    /**
+    /**
+     * The disabled connection point.
+     */
+    readonly disabled: import("@babylonjs/smart-filters/dist/connection/connectionPointWithDefault").ConnectionPointWithDefault<ConnectionPointType.Boolean>;
+    /**
+     * The shader program (vertex and fragment code) to use to render the block
+     */
+    static ShaderCode: ShaderProgram;
+    /**
+     * Instantiates a new PixelateBlock.
+     * @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(): ShaderBinding;
+}
+//# sourceMappingURL=pixelateBlock.block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pixelateBlock.block.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/babylon/demo/effects/pixelateBlock.block.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,aAAa,EAEb,mBAAmB,EACnB,KAAK,WAAW,EAChB,WAAW,EACX,KAAK,aAAa,EACF,MAAM,0BAA0B,CAAC;AAoFrD;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC1C;;OAEG;IACH,OAAuB,SAAS,SAAmB;IAEnD;;OAEG;IACH,OAAuB,SAAS,SAA0B;IAE1D;;OAEG;IACH,SAAgB,KAAK,kFAAoE;IAEzF;;;OAGG;IACH,SAAgB,SAAS,sIAIvB;IAEF;;;OAGG;IACH,SAAgB,QAAQ,wIAItB;IAEF;;OAEG;IACH,OAAuB,UAAU,gBAAiB;IAElD;;;;OAIG;gBACS,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM;IAIlD;;;OAGG;IACI,gBAAgB,IAAI,aAAa;CAO3C"}