@babylonjs/smart-filters 0.7.11-alpha → 0.7.12-alpha

package/src/blocks/babylon/demo/effects/spritesheetBlock.shader.ts

@@ -1,59 +0,0 @@
-import type { ShaderProgram } from "../../../../utils/shaderCodeUtils";
-
-/**
- * The shader program for the block.
- */
-export const shaderProgram: ShaderProgram = {
-    vertex: undefined,
-    fragment: {
-        uniform: `
-            uniform sampler2D _input_; // main
-            uniform float _time_;
-            uniform float _rows_;
-            uniform float _cols_;
-            uniform float _frames_;
-            uniform bool _disabled_;`,
-        mainInputTexture: "_input_",
-        mainFunctionName: "_mainImage_",
-        functions: [
-            {
-                name: "_mainImage_",
-                code: `
-                    vec4 _mainImage_(vec2 vUV) { 
-                        if (!_disabled_) {
-                            float invRows = 1.0 / _rows_;
-                            float invCols = 1.0 / _cols_;
-                    
-                            // Get offset of frame 
-                            float frame = mod(floor(_time_), _frames_);
-                            float row = (_rows_ - 1.0) - floor(frame * invCols); // Reverse row direction b/c UVs start from bottom
-                            float col = mod(frame, _cols_);
-                    
-                            // Add offset, then scale UV down to frame size
-                            vUV = vec2(
-                                (vUV.x + col) * invCols,
-                                (vUV.y + row) * invRows
-                            );
-                        }
-                    
-                        return texture2D(_input_, vUV);
-                    }
-                    
-                    `,
-            },
-        ],
-    },
-};
-
-/**
- * The uniform names for this shader, to be used in the shader binding so
- * that the names are always in sync.
- */
-export const uniforms = {
-    input: "input",
-    time: "time",
-    rows: "rows",
-    cols: "cols",
-    frames: "frames",
-    disabled: "disabled",
-};

package/src/blocks/babylon/demo/effects/spritesheetBlock.ts

@@ -1,135 +0,0 @@
-import type { Effect } from "@babylonjs/core/Materials/effect";
-
-import { spritesheetBlockType } from "../../../blockTypes.js";
-import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
-import { shaderProgram, uniforms } from "./spritesheetBlock.shader.js";
-import { type RuntimeData } from "../../../../connection/connectionPoint.js";
-import { ConnectionPointType } from "../../../../connection/connectionPointType.js";
-import { type IDisableableBlock, DisableableShaderBlock } from "../../../../blockFoundation/disableableShaderBlock.js";
-import { DisableStrategy } from "../../../../blockFoundation/index.js";
-import { DisableableShaderBinding } from "../../../../runtime/shaderRuntime.js";
-import { createStrongRef } from "../../../../runtime/strongRef.js";
-import type { SmartFilter } from "../../../../smartFilter.js";
-
-/**
- * The shader bindings for the Spritesheet block.
- */
-export class SpritesheetShaderBinding extends DisableableShaderBinding {
-    private readonly _inputTexture: RuntimeData<ConnectionPointType.Texture>;
-    private readonly _time: RuntimeData<ConnectionPointType.Float>;
-    private readonly _rows: RuntimeData<ConnectionPointType.Float>;
-    private readonly _cols: RuntimeData<ConnectionPointType.Float>;
-    private readonly _frames: RuntimeData<ConnectionPointType.Float>;
-
-    /**
-     * Creates a new shader binding instance for the SpriteSheet block.
-     * @param parentBlock - The parent block
-     * @param inputTexture - The input texture
-     * @param time - The time passed since the start of the effect
-     * @param rows - The number of rows in the sprite sheet
-     * @param cols - The number of columns in the sprite sheet
-     * @param frames - The number of frames to show
-     */
-    constructor(
-        parentBlock: IDisableableBlock,
-        inputTexture: RuntimeData<ConnectionPointType.Texture>,
-        time: RuntimeData<ConnectionPointType.Float>,
-        rows: RuntimeData<ConnectionPointType.Float>,
-        cols: RuntimeData<ConnectionPointType.Float>,
-        frames: RuntimeData<ConnectionPointType.Float>
-    ) {
-        super(parentBlock);
-        this._inputTexture = inputTexture;
-        this._time = time;
-        this._rows = rows;
-        this._cols = cols;
-        this._frames = frames;
-    }
-
-    /**
-     * Binds all the required data to the shader when rendering.
-     * @param effect - defines the effect to bind the data to
-     */
-    public override bind(effect: Effect): void {
-        super.bind(effect);
-        effect.setTexture(this.getRemappedName(uniforms.input), this._inputTexture.value);
-        effect.setFloat(this.getRemappedName(uniforms.time), this._time.value);
-        effect.setFloat(this.getRemappedName(uniforms.rows), this._rows.value);
-        effect.setFloat(this.getRemappedName(uniforms.cols), this._cols.value);
-
-        // Apply default value for frame count if it was not provided
-        effect.setFloat(
-            this.getRemappedName(uniforms.frames),
-            this._frames.value > 0 ? this._frames.value : this._rows.value * this._cols.value
-        );
-    }
-}
-
-/**
- * A block that animates a sprite sheet texture.
- */
-export class SpritesheetBlock extends DisableableShaderBlock {
-    /**
-     * The class name of the block.
-     */
-    public static override ClassName = spritesheetBlockType;
-
-    /**
-     * The namespace of the block.
-     */
-    public static override Namespace = babylonDemoEffectsNamespace;
-
-    /**
-     * The input texture connection point
-     */
-    public readonly input = this._registerInput("input", ConnectionPointType.Texture);
-
-    /**
-     * The time connection point to animate the effect.
-     */
-    public readonly time = this._registerOptionalInput("time", ConnectionPointType.Float, createStrongRef(0.0));
-
-    /**
-     * The number of rows in the sprite sheet, as a connection point.
-     */
-    public readonly rows = this._registerOptionalInput("rows", ConnectionPointType.Float, createStrongRef(1.0));
-
-    /**
-     * The number of columns in the sprite sheet, as a connection point.
-     */
-    public readonly columns = this._registerOptionalInput("columns", ConnectionPointType.Float, createStrongRef(1.0));
-
-    /**
-     * The number of frames to animate from the beginning, as a connection point.
-     * Defaults to rows * columns at runtime.
-     */
-    public readonly frames = this._registerOptionalInput("frames", ConnectionPointType.Float, createStrongRef(0.0));
-
-    /**
-     * The shader program (vertex and fragment code) to use to render the block
-     */
-    public static override 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) {
-        super(smartFilter, name, false, DisableStrategy.Manual);
-    }
-
-    /**
-     * 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
-     */
-    public getShaderBinding(): DisableableShaderBinding {
-        const input = this._confirmRuntimeDataSupplied(this.input);
-        const rows = this.rows.runtimeData;
-        const columns = this.columns.runtimeData;
-        const time = this.time.runtimeData;
-        const frames = this.frames.runtimeData;
-
-        return new SpritesheetShaderBinding(this, input, time, rows, columns, frames);
-    }
-}

package/src/blocks/babylon/demo/effects/tintBlock.ts

@@ -1,52 +0,0 @@
-import { ConnectionPointType } from "../../../../connection/connectionPointType.js";
-import type { SerializedShaderBlockDefinition } from "../../../../serialization";
-
-/**
- * This is included to show how a serialized block definition can be loaded and used.
- * This object could have been deserialized from a JSON file, for example.
- */
-export const deserializedTintBlockDefinition: SerializedShaderBlockDefinition = {
-    format: "shaderBlockDefinition",
-    formatVersion: 1,
-    blockType: "TintBlock",
-    namespace: "Babylon.Demo.Effects",
-    shaderProgram: {
-        fragment: {
-            uniform: `
-                uniform sampler2D _input_; // main 
-                uniform vec3 _tint_;
-                uniform float _amount_;
-                `,
-            mainInputTexture: "_input_",
-            mainFunctionName: "_mainImage_",
-            functions: [
-                {
-                    name: "_mainImage_",
-                    code: `
-                        vec4 _mainImage_(vec2 vUV) {
-                            vec4 color = texture2D(_input_, vUV);
-                            vec3 tinted = mix(color.rgb, _tint_, _amount_);
-                            return vec4(tinted, color.a);
-                        }`,
-                },
-            ],
-        },
-    },
-    inputConnectionPoints: [
-        {
-            name: "input",
-            type: ConnectionPointType.Texture,
-        },
-        {
-            name: "tint",
-            type: ConnectionPointType.Color3,
-            defaultValue: { r: 1, g: 0, b: 0 },
-        },
-        {
-            name: "amount",
-            type: ConnectionPointType.Float,
-            defaultValue: 0.25,
-        },
-    ],
-    disableOptimization: false,
-};

package/src/blocks/babylon/demo/transitions/index.ts

@@ -1 +0,0 @@
-export * from "./wipeBlock.js";

package/src/blocks/babylon/demo/transitions/wipeBlock.ts

@@ -1,138 +0,0 @@
-import type { Effect } from "@babylonjs/core/Materials/effect";
-
-import { type RuntimeData } from "../../../../connection/connectionPoint.js";
-import { ConnectionPointType } from "../../../../connection/connectionPointType.js";
-import { type IDisableableBlock, DisableableShaderBlock } from "../../../../blockFoundation/disableableShaderBlock.js";
-import { DisableableShaderBinding } from "../../../../runtime/shaderRuntime.js";
-import type { ShaderProgram } from "../../../../utils/shaderCodeUtils.js";
-import type { SmartFilter } from "../../../../smartFilter.js";
-
-import { babylonDemoTransitionsNamespace } from "../../../blockNamespaces.js";
-import { wipeBlockType } from "../../../blockTypes.js";
-
-const shaderProgram: ShaderProgram = {
-    fragment: {
-        const: `
-            const float HALF_PI = 1.57079632679;
-            const float LARGE = 10000.0;
-            `,
-        uniform: `
-            uniform sampler2D _textureA_;
-            uniform sampler2D _textureB_;
-            uniform float _mix_;
-            `,
-
-        mainFunctionName: "_wipe_",
-
-        mainInputTexture: "_textureB_",
-
-        functions: [
-            {
-                name: "_wipe_",
-                code: `
-                vec4 _wipe_(vec2 vUV)
-                {
-                    vec4 colorA = texture2D(_textureA_, vUV);
-                    vec4 colorB = texture2D(_textureB_, vUV);
-                    return mix(colorB, colorA, step(_mix_, vUV.y));
-                }
-            `,
-            },
-        ],
-    },
-};
-
-/**
- * The shader bindings for the Wipe block.
- */
-export class WipeShaderBinding extends DisableableShaderBinding {
-    private readonly _textureA: RuntimeData<ConnectionPointType.Texture>;
-    private readonly _textureB: RuntimeData<ConnectionPointType.Texture>;
-    private readonly _mix: RuntimeData<ConnectionPointType.Float>;
-
-    /**
-     * Creates a new shader binding instance for the Wipe block.
-     * @param parentBlock - The parent block
-     * @param textureA - The first texture
-     * @param textureB - The second texture
-     * @param mix - The mix value between the two textures
-     */
-    constructor(
-        parentBlock: IDisableableBlock,
-        textureA: RuntimeData<ConnectionPointType.Texture>,
-        textureB: RuntimeData<ConnectionPointType.Texture>,
-        mix: RuntimeData<ConnectionPointType.Float>
-    ) {
-        super(parentBlock);
-        this._textureA = textureA;
-        this._textureB = textureB;
-        this._mix = mix;
-    }
-
-    /**
-     * Binds all the required data to the shader when rendering.
-     * @param effect - defines the effect to bind the data to
-     */
-    public override bind(effect: Effect): void {
-        super.bind(effect);
-        effect.setTexture(this.getRemappedName("textureA"), this._textureA.value);
-        effect.setTexture(this.getRemappedName("textureB"), this._textureB.value);
-        effect.setFloat(this.getRemappedName("mix"), this._mix.value);
-    }
-}
-
-/**
- * A block simulating a wipe effect to transition between two textures according to the mix value.
- */
-export class WipeBlock extends DisableableShaderBlock {
-    /**
-     * The class name of the block.
-     */
-    public static override ClassName = wipeBlockType;
-
-    /**
-     * The namespace of the block.
-     */
-    public static override Namespace = babylonDemoTransitionsNamespace;
-
-    /**
-     * The first texture connection point.
-     */
-    public readonly textureA = this._registerInput("textureA", ConnectionPointType.Texture);
-
-    /**
-     * The second texture connection point.
-     */
-    public readonly textureB = this._registerInput("textureB", ConnectionPointType.Texture);
-
-    /**
-     * The connection point containing the transition value between 0 (textureA) and 1 (textureB).
-     */
-    public readonly mix = this._registerInput("mix", ConnectionPointType.Float);
-
-    /**
-     * The shader program (vertex and fragment code) to use to render the block
-     */
-    public static override 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) {
-        super(smartFilter, name);
-    }
-
-    /**
-     * 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
-     */
-    public getShaderBinding(): DisableableShaderBinding {
-        const textureA = this._confirmRuntimeDataSupplied(this.textureA);
-        const textureB = this._confirmRuntimeDataSupplied(this.textureB);
-        const mix = this._confirmRuntimeDataSupplied(this.mix);
-
-        return new WipeShaderBinding(this, textureA, textureB, mix);
-    }
-}

package/src/blocks/babylon/demo/utilities/index.ts

@@ -1 +0,0 @@
-export * from "./premultiplyAlphaBlock.js";

package/src/blocks/babylon/demo/utilities/premultiplyAlphaBlock.ts

@@ -1,106 +0,0 @@
-import type { Effect } from "@babylonjs/core/Materials/effect";
-
-import { type RuntimeData } from "../../../../connection/connectionPoint.js";
-import { ConnectionPointType } from "../../../../connection/connectionPointType.js";
-import { type IDisableableBlock, DisableableShaderBlock } from "../../../../blockFoundation/disableableShaderBlock.js";
-import { DisableableShaderBinding } from "../../../../runtime/shaderRuntime.js";
-import type { ShaderProgram } from "../../../../utils/shaderCodeUtils.js";
-import type { SmartFilter } from "../../../../smartFilter.js";
-
-import { babylonDemoUtilitiesNamespace } from "../../../blockNamespaces.js";
-import { premultiplyAlphaBlockType } from "../../../blockTypes.js";
-
-const shaderProgram: ShaderProgram = {
-    fragment: {
-        uniform: `
-            uniform sampler2D _input_;
-            `,
-
-        mainFunctionName: "_premultiply_",
-
-        mainInputTexture: "_input_",
-
-        functions: [
-            {
-                name: "_premultiply_",
-                code: `
-                vec4 _premultiply_(vec2 vUV) {
-                    vec4 color = texture2D(_input_, vUV);
-                    return vec4(color.rgb * color.a, color.a);
-                }
-            `,
-            },
-        ],
-    },
-};
-
-/**
- * The shader bindings for the PremultiplyAlpha block.
- */
-export class PremultiplyAlphaShaderBinding extends DisableableShaderBinding {
-    private readonly _inputTexture: RuntimeData<ConnectionPointType.Texture>;
-
-    /**
-     * Creates a new shader binding instance for the PremultiplyAlpha block.
-     * @param parentBlock - The parent block
-     * @param inputTexture - The input texture
-     */
-    constructor(parentBlock: IDisableableBlock, inputTexture: RuntimeData<ConnectionPointType.Texture>) {
-        super(parentBlock);
-        this._inputTexture = inputTexture;
-    }
-
-    /**
-     * Binds all the required data to the shader when rendering.
-     * @param effect - defines the effect to bind the data to
-     */
-    public override bind(effect: Effect): void {
-        super.bind(effect);
-        effect.setTexture(this.getRemappedName("input"), this._inputTexture.value);
-    }
-}
-
-/**
- * A utility block that premultiplies the input texture against its alpha.
- * This is useful for preserving transparency when the WebGL context expects colors with pre-multiplied alpha (true by default).
- */
-export class PremultiplyAlphaBlock extends DisableableShaderBlock {
-    /**
-     * The class name of the block.
-     */
-    public static override ClassName = premultiplyAlphaBlockType;
-
-    /**
-     * The namespace of the block.
-     */
-    public static override Namespace = babylonDemoUtilitiesNamespace;
-
-    /**
-     * The input texture connection point.
-     */
-    public readonly input = this._registerInput("input", ConnectionPointType.Texture);
-
-    /**
-     * The shader program (vertex and fragment code) to use to render the block
-     */
-    public static override 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) {
-        super(smartFilter, name);
-    }
-
-    /**
-     * 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
-     */
-    public getShaderBinding(): DisableableShaderBinding {
-        const input = this._confirmRuntimeDataSupplied(this.input);
-
-        return new PremultiplyAlphaShaderBinding(this, input);
-    }
-}

package/src/blocks/blockNamespaces.ts

@@ -1,4 +0,0 @@
-export const babylonDemoEffectsNamespace = "Babylon.Demo.Effects";
-export const babylonDemoUtilitiesNamespace = "Babylon.Demo.Utilities";
-export const babylonDemoTransitionsNamespace = "Babylon.Demo.Transitions";
-export const inputsNamespace = "Inputs";

package/src/blocks/blockTypes.ts

@@ -1,21 +0,0 @@
-export const pixelateBlockType = "PixelateBlock";
-export const blackAndWhiteBlockType = "BlackAndWhiteBlock";
-export const exposureBlockType = "ExposureBlock";
-export const contrastBlockType = "ContrastBlock";
-export const desaturateBlockType = "DesaturateBlock";
-export const posterizeBlockType = "PosterizeBlock";
-export const kaleidoscopeBlockType = "KaleidoscopeBlock";
-export const greenScreenBlockType = "GreenScreenBlock";
-export const glassBlockType = "GlassBlock";
-export const frameBlockType = "FrameBlock";
-export const blurBlockType = "BlurBlock";
-export const directionalBlurBlockType = "DirectionalBlurBlock";
-export const compositionBlockType = "CompositionBlock";
-export const glitchBlockType = "GlitchBlock";
-export const tileBlockType = "TileBlock";
-export const wipeBlockType = "WipeBlock";
-export const maskBlockType = "MaskBlock";
-export const particleBlockType = "ParticleBlock";
-export const spritesheetBlockType = "SpritesheetBlock";
-export const tintBlockType = "TintBlock";
-export const premultiplyAlphaBlockType = "PremultiplyAlphaBlock";

package/src/blocks/index.ts

@@ -1,5 +0,0 @@
-export * from "./babylon/demo/effects/index.js";
-export * from "./babylon/demo/transitions/index.js";
-export * from "./babylon/demo/utilities/index.js";
-export * from "./blockTypes.js";
-export * from "./blockNamespaces.js";