@babylonjs/smart-filters-blocks 1.0.13 → 8.19.0

package/src/blocks/babylon/demo/effects/posterizeBlock.block.ts

@@ -8,7 +8,7 @@
 // to the block. This file will get overwritten when the build
 // is run or during a watch when the .glsl file is updated.
 
-import type { Effect } from "@babylonjs/core/Materials/effect";
+import type { Effect } from "core/Materials/effect.js";
 
 import {
     DisableableShaderBinding,
@@ -19,12 +19,12 @@ import {
     type ShaderProgram,
     createStrongRef,
     type IDisableableBlock,
-    BlockDisableStrategy} from "@babylonjs/smart-filters";
+    BlockDisableStrategy} from "smart-filters";
 
 /**
  * The shader program for the block.
  */
-const shaderProgram: ShaderProgram = {
+const BlockShaderProgram: ShaderProgram = {
     vertex: undefined,
     fragment: {
         uniform: `
@@ -59,11 +59,12 @@ const shaderProgram: ShaderProgram = {
  * The uniform names for this shader, to be used in the shader binding so
  * that the names are always in sync.
  */
-const uniforms = {
+const Uniforms = {
     input: "input",
     intensity: "intensity",
 };
 
+
 /**
  * The shader binding for the PosterizeBlock, used by the runtime
  */
@@ -93,8 +94,8 @@ class PosterizeBlockShaderBinding extends DisableableShaderBinding {
      */
     public override bind(effect: Effect): void {
         super.bind(effect);
-        effect.setTexture(this.getRemappedName(uniforms.input), this._input.value);
-        effect.setFloat(this.getRemappedName(uniforms.intensity), this._intensity.value);
+        effect.setTexture(this.getRemappedName(Uniforms.input), this._input.value);
+        effect.setFloat(this.getRemappedName(Uniforms.intensity), this._intensity.value);
     }
 }
 
@@ -115,7 +116,7 @@ export class PosterizeBlock extends DisableableShaderBlock {
     /**
      * The input connection point.
      */
-    public readonly input = this._registerInput(uniforms.input, ConnectionPointType.Texture);
+    public readonly input = this._registerInput(Uniforms.input, ConnectionPointType.Texture);
 
     /**
     /**
@@ -130,7 +131,7 @@ export class PosterizeBlock extends DisableableShaderBlock {
     /**
      * The shader program (vertex and fragment code) to use to render the block
      */
-    public static override ShaderCode = shaderProgram;
+    public static override ShaderCode = BlockShaderProgram;
 
     /**
      * Instantiates a new PosterizeBlock.

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

@@ -1,9 +1,9 @@
-import type { ShaderProgram } from "@babylonjs/smart-filters";
+import type { ShaderProgram } from "smart-filters";
 
 /**
  * The shader program for the block.
  */
-export const shaderProgram: ShaderProgram = {
+const BlockShaderProgram: ShaderProgram = {
     vertex: undefined,
     fragment: {
         uniform: `
@@ -49,7 +49,7 @@ export const shaderProgram: ShaderProgram = {
  * The uniform names for this shader, to be used in the shader binding so
  * that the names are always in sync.
  */
-export const uniforms = {
+const Uniforms = {
     input: "input",
     time: "time",
     rows: "rows",
@@ -57,3 +57,7 @@ export const uniforms = {
     frames: "frames",
     disabled: "disabled",
 };
+
+export { BlockShaderProgram, Uniforms };
+// Back compat for when camelCase was used
+export { BlockShaderProgram as shaderProgram, Uniforms as uniforms };

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

@@ -1,138 +1,135 @@
-import type { Effect } from "@babylonjs/core/Materials/effect";
-
-import { spritesheetBlockType } from "../../../blockTypes.js";
-import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
-import { shaderProgram, uniforms } from "./spritesheetBlock.fragment.js";
-import {
-    DisableableShaderBinding,
-    type RuntimeData,
-    ConnectionPointType,
-    type IDisableableBlock,
-    DisableableShaderBlock,
-    type SmartFilter,
-    createStrongRef,
-    BlockDisableStrategy,
-} from "@babylonjs/smart-filters";
-
-/**
- * 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, BlockDisableStrategy.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);
-    }
-}
+import type { Effect } from "core/Materials/effect.js";
+
+import { spritesheetBlockType } from "../../../blockTypes.js";
+import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
+import { shaderProgram, uniforms } from "./spritesheetBlock.fragment.js";
+import {
+    DisableableShaderBinding,
+    type RuntimeData,
+    ConnectionPointType,
+    type IDisableableBlock,
+    DisableableShaderBlock,
+    type SmartFilter,
+    createStrongRef,
+    BlockDisableStrategy,
+} from "smart-filters";
+
+/**
+ * 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, BlockDisableStrategy.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,51 +1,51 @@
-import { ConnectionPointType, type SerializedShaderBlockDefinition } from "@babylonjs/smart-filters";
-
-/**
- * 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,
-};
+import { ConnectionPointType, type SerializedShaderBlockDefinition } from "smart-filters";
+
+/**
+ * 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 +1 @@
-export * from "./wipeBlock.block.js";
+export * from "./wipeBlock.block.js";

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

@@ -8,7 +8,7 @@
 // to the block. This file will get overwritten when the build
 // is run or during a watch when the .glsl file is updated.
 
-import type { Effect } from "@babylonjs/core/Materials/effect";
+import type { Effect } from "core/Materials/effect.js";
 
 import {
     ShaderBinding,
@@ -17,12 +17,12 @@ import {
     type SmartFilter,
     ShaderBlock,
     type ShaderProgram,
-} from "@babylonjs/smart-filters";
+} from "smart-filters";
 
 /**
  * The shader program for the block.
  */
-const shaderProgram: ShaderProgram = {
+const BlockShaderProgram: ShaderProgram = {
     vertex: undefined,
     fragment: {
         uniform: `
@@ -51,12 +51,13 @@ const shaderProgram: ShaderProgram = {
  * The uniform names for this shader, to be used in the shader binding so
  * that the names are always in sync.
  */
-const uniforms = {
+const Uniforms = {
     textureA: "textureA",
     textureB: "textureB",
     progress: "progress",
 };
 
+
 /**
  * The shader binding for the WipeBlock, used by the runtime
  */
@@ -87,9 +88,9 @@ class WipeBlockShaderBinding extends ShaderBinding {
      * @param effect - defines the effect to bind the data to
      */
     public override bind(effect: Effect): void {
-        effect.setTexture(this.getRemappedName(uniforms.textureA), this._textureA.value);
-        effect.setTexture(this.getRemappedName(uniforms.textureB), this._textureB.value);
-        effect.setFloat(this.getRemappedName(uniforms.progress), this._progress.value);
+        effect.setTexture(this.getRemappedName(Uniforms.textureA), this._textureA.value);
+        effect.setTexture(this.getRemappedName(Uniforms.textureB), this._textureB.value);
+        effect.setFloat(this.getRemappedName(Uniforms.progress), this._progress.value);
     }
 }
 
@@ -110,22 +111,22 @@ export class WipeBlock extends ShaderBlock {
     /**
      * The textureA connection point.
      */
-    public readonly textureA = this._registerInput(uniforms.textureA, ConnectionPointType.Texture);
+    public readonly textureA = this._registerInput(Uniforms.textureA, ConnectionPointType.Texture);
 
     /**
      * The textureB connection point.
      */
-    public readonly textureB = this._registerInput(uniforms.textureB, ConnectionPointType.Texture);
+    public readonly textureB = this._registerInput(Uniforms.textureB, ConnectionPointType.Texture);
 
     /**
      * The progress connection point.
      */
-    public readonly progress = this._registerInput(uniforms.progress, ConnectionPointType.Float);
+    public readonly progress = this._registerInput(Uniforms.progress, ConnectionPointType.Float);
 
     /**
      * The shader program (vertex and fragment code) to use to render the block
      */
-    public static override ShaderCode = shaderProgram;
+    public static override ShaderCode = BlockShaderProgram;
 
     /**
      * Instantiates a new WipeBlock.

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

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

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

@@ -8,7 +8,7 @@
 // to the block. This file will get overwritten when the build
 // is run or during a watch when the .glsl file is updated.
 
-import type { Effect } from "@babylonjs/core/Materials/effect";
+import type { Effect } from "core/Materials/effect.js";
 
 import {
     DisableableShaderBinding,
@@ -18,12 +18,12 @@ import {
     DisableableShaderBlock,
     type ShaderProgram,
     type IDisableableBlock,
-    BlockDisableStrategy} from "@babylonjs/smart-filters";
+    BlockDisableStrategy} from "smart-filters";
 
 /**
  * The shader program for the block.
  */
-const shaderProgram: ShaderProgram = {
+const BlockShaderProgram: ShaderProgram = {
     vertex: undefined,
     fragment: {
         uniform: `
@@ -49,10 +49,11 @@ const shaderProgram: ShaderProgram = {
  * The uniform names for this shader, to be used in the shader binding so
  * that the names are always in sync.
  */
-const uniforms = {
+const Uniforms = {
     input: "input",
 };
 
+
 /**
  * The shader binding for the PremultiplyAlphaBlock, used by the runtime
  */
@@ -78,7 +79,7 @@ class PremultiplyAlphaBlockShaderBinding extends DisableableShaderBinding {
      */
     public override bind(effect: Effect): void {
         super.bind(effect);
-        effect.setTexture(this.getRemappedName(uniforms.input), this._input.value);
+        effect.setTexture(this.getRemappedName(Uniforms.input), this._input.value);
     }
 }
 
@@ -99,12 +100,12 @@ export class PremultiplyAlphaBlock extends DisableableShaderBlock {
     /**
      * The input connection point.
      */
-    public readonly input = this._registerInput(uniforms.input, ConnectionPointType.Texture);
+    public readonly input = this._registerInput(Uniforms.input, ConnectionPointType.Texture);
 
     /**
      * The shader program (vertex and fragment code) to use to render the block
      */
-    public static override ShaderCode = shaderProgram;
+    public static override ShaderCode = BlockShaderProgram;
 
     /**
      * Instantiates a new PremultiplyAlphaBlock.

package/src/blocks/blockNamespaces.ts

@@ -1,4 +1,6 @@
-export const babylonDemoEffectsNamespace = "Babylon.Demo.Effects";
-export const babylonDemoUtilitiesNamespace = "Babylon.Demo.Utilities";
-export const babylonDemoTransitionsNamespace = "Babylon.Demo.Transitions";
-export const inputsNamespace = "Inputs";
+/* eslint-disable @typescript-eslint/naming-convention */
+export const babylonDemoEffectsNamespace = "Babylon.Demo.Effects";
+export const babylonDemoUtilitiesNamespace = "Babylon.Demo.Utilities";
+export const babylonDemoTransitionsNamespace = "Babylon.Demo.Transitions";
+export const inputsNamespace = "Inputs";
+/* eslint-enable @typescript-eslint/naming-convention */