@babylonjs/smart-filters-blocks 1.0.13 → 8.18.0

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

@@ -1,122 +1,115 @@
-import {
-    type ConnectionPointType,
-    AggregateBlock,
-    type ConnectionPoint,
-    editableInPropertyPage,
-    PropertyTypeForEdition,
-    SmartFilter,
-} from "@babylonjs/smart-filters";
-import { DirectionalBlurBlock } from "./directionalBlurBlock.js";
-import { blurBlockType } from "../../../blockTypes.js";
-import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
-
-const defaultBlurTextureRatioPerPass = 0.5;
-const defaultBlurSize = 2;
-
-/**
- * A block performing a blur on the input texture.
- *
- * It performs the blur in 4 consecutive passes, 2 verticals and 2 horizontals downsizing the texture as we go.
- */
-export class BlurBlock extends AggregateBlock {
-    /**
-     * The class name of the block.
-     */
-    public static override ClassName = blurBlockType;
-
-    /**
-     * The namespace of the block.
-     */
-    public static override Namespace = babylonDemoEffectsNamespace;
-
-    /**
-     * The input texture connection point.
-     */
-    public readonly input: ConnectionPoint<ConnectionPointType.Texture>;
-
-    /**
-     * The output blurred texture connection point.
-     */
-    public readonly output: ConnectionPoint<ConnectionPointType.Texture>;
-
-    private _blurTextureRatioPerPass = defaultBlurTextureRatioPerPass;
-    private _blurSize = defaultBlurSize;
-
-    private readonly _intermediateBlurV: DirectionalBlurBlock;
-    private readonly _intermediateBlurH: DirectionalBlurBlock;
-    private readonly _finalBlurV: DirectionalBlurBlock;
-    private readonly _finalBlurH: DirectionalBlurBlock;
-
-    /**
-     * Gets how much smaller we should make the texture between the 2 consecutive bi lateral passes.
-     */
-    public get blurTextureRatioPerPass(): number {
-        return this._blurTextureRatioPerPass;
-    }
-
-    /**
-     * Sets how much smaller we should make the texture between the 2 consecutive bi lateral passes.
-     */
-    @editableInPropertyPage("Pass Texture Ratio", PropertyTypeForEdition.Float, "PROPERTIES", {
-        min: 0,
-        max: 1,
-        notifiers: { rebuild: true },
-    })
-    public set blurTextureRatioPerPass(value: number) {
-        this._blurTextureRatioPerPass = value;
-        this._intermediateBlurV.blurTextureRatio = value;
-        this._intermediateBlurH.blurTextureRatio = value;
-        this._finalBlurV.blurTextureRatio = value * value;
-        this._finalBlurH.blurTextureRatio = value * value;
-    }
-
-    /**
-     * Gets how far the kernel might fetch the data from.
-     */
-    public get blurSize(): number {
-        return this._blurSize;
-    }
-
-    /**
-     * Sets how far the kernel might fetch the data from.
-     */
-    @editableInPropertyPage("Size", PropertyTypeForEdition.Float, "PROPERTIES", {
-        notifiers: { rebuild: true },
-    })
-    public set blurSize(value: number) {
-        this._blurSize = value;
-        this._intermediateBlurV.blurHorizontalWidth = value;
-        this._intermediateBlurH.blurVerticalWidth = value;
-        this._finalBlurV.blurHorizontalWidth = value;
-        this._finalBlurH.blurVerticalWidth = value;
-    }
-
-    /**
-     * 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);
-
-        const internalFilter = new SmartFilter(name + "_BlurBlock_Aggregated");
-        this._intermediateBlurV = new DirectionalBlurBlock(internalFilter, name + "IV");
-        this._intermediateBlurH = new DirectionalBlurBlock(internalFilter, name + "IH");
-        this._finalBlurV = new DirectionalBlurBlock(internalFilter, name + "V");
-        this._finalBlurH = new DirectionalBlurBlock(internalFilter, name + "H");
-
-        this._intermediateBlurV.output.connectTo(this._intermediateBlurH.input);
-        this._intermediateBlurH.output.connectTo(this._finalBlurV.input);
-        this._finalBlurV.output.connectTo(this._finalBlurH.input);
-
-        this.input = this._registerSubfilterInput("input", [this._intermediateBlurV.input]);
-        this.output = this._registerSubfilterOutput("output", this._finalBlurH.output);
-
-        this.blurSize = defaultBlurSize;
-        this.blurTextureRatioPerPass = defaultBlurTextureRatioPerPass;
-        this._intermediateBlurV.blurVerticalWidth = 0;
-        this._intermediateBlurH.blurHorizontalWidth = 0;
-        this._finalBlurV.blurVerticalWidth = 0;
-        this._finalBlurH.blurHorizontalWidth = 0;
-    }
-}
+import { type ConnectionPointType, AggregateBlock, type ConnectionPoint, editableInPropertyPage, PropertyTypeForEdition, SmartFilter } from "smart-filters";
+import { DirectionalBlurBlock } from "./directionalBlurBlock.js";
+import { blurBlockType } from "../../../blockTypes.js";
+import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
+
+const DefaultBlurTextureRatioPerPass = 0.5;
+const DefaultBlurSize = 2;
+
+/**
+ * A block performing a blur on the input texture.
+ *
+ * It performs the blur in 4 consecutive passes, 2 verticals and 2 horizontals downsizing the texture as we go.
+ */
+export class BlurBlock extends AggregateBlock {
+    /**
+     * The class name of the block.
+     */
+    public static override ClassName = blurBlockType;
+
+    /**
+     * The namespace of the block.
+     */
+    public static override Namespace = babylonDemoEffectsNamespace;
+
+    /**
+     * The input texture connection point.
+     */
+    public readonly input: ConnectionPoint<ConnectionPointType.Texture>;
+
+    /**
+     * The output blurred texture connection point.
+     */
+    public readonly output: ConnectionPoint<ConnectionPointType.Texture>;
+
+    private _blurTextureRatioPerPass = DefaultBlurTextureRatioPerPass;
+    private _blurSize = DefaultBlurSize;
+
+    private readonly _intermediateBlurV: DirectionalBlurBlock;
+    private readonly _intermediateBlurH: DirectionalBlurBlock;
+    private readonly _finalBlurV: DirectionalBlurBlock;
+    private readonly _finalBlurH: DirectionalBlurBlock;
+
+    /**
+     * Gets how much smaller we should make the texture between the 2 consecutive bi lateral passes.
+     */
+    public get blurTextureRatioPerPass(): number {
+        return this._blurTextureRatioPerPass;
+    }
+
+    /**
+     * Sets how much smaller we should make the texture between the 2 consecutive bi lateral passes.
+     */
+    @editableInPropertyPage("Pass Texture Ratio", PropertyTypeForEdition.Float, "PROPERTIES", {
+        min: 0,
+        max: 1,
+        notifiers: { rebuild: true },
+    })
+    public set blurTextureRatioPerPass(value: number) {
+        this._blurTextureRatioPerPass = value;
+        this._intermediateBlurV.blurTextureRatio = value;
+        this._intermediateBlurH.blurTextureRatio = value;
+        this._finalBlurV.blurTextureRatio = value * value;
+        this._finalBlurH.blurTextureRatio = value * value;
+    }
+
+    /**
+     * Gets how far the kernel might fetch the data from.
+     */
+    public get blurSize(): number {
+        return this._blurSize;
+    }
+
+    /**
+     * Sets how far the kernel might fetch the data from.
+     */
+    @editableInPropertyPage("Size", PropertyTypeForEdition.Float, "PROPERTIES", {
+        notifiers: { rebuild: true },
+    })
+    public set blurSize(value: number) {
+        this._blurSize = value;
+        this._intermediateBlurV.blurHorizontalWidth = value;
+        this._intermediateBlurH.blurVerticalWidth = value;
+        this._finalBlurV.blurHorizontalWidth = value;
+        this._finalBlurH.blurVerticalWidth = value;
+    }
+
+    /**
+     * 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);
+
+        const internalFilter = new SmartFilter(name + "_BlurBlock_Aggregated");
+        this._intermediateBlurV = new DirectionalBlurBlock(internalFilter, name + "IV");
+        this._intermediateBlurH = new DirectionalBlurBlock(internalFilter, name + "IH");
+        this._finalBlurV = new DirectionalBlurBlock(internalFilter, name + "V");
+        this._finalBlurH = new DirectionalBlurBlock(internalFilter, name + "H");
+
+        this._intermediateBlurV.output.connectTo(this._intermediateBlurH.input);
+        this._intermediateBlurH.output.connectTo(this._finalBlurV.input);
+        this._finalBlurV.output.connectTo(this._finalBlurH.input);
+
+        this.input = this._registerSubfilterInput("input", [this._intermediateBlurV.input]);
+        this.output = this._registerSubfilterOutput("output", this._finalBlurH.output);
+
+        this.blurSize = DefaultBlurSize;
+        this.blurTextureRatioPerPass = DefaultBlurTextureRatioPerPass;
+        this._intermediateBlurV.blurVerticalWidth = 0;
+        this._intermediateBlurH.blurHorizontalWidth = 0;
+        this._finalBlurV.blurVerticalWidth = 0;
+        this._finalBlurH.blurHorizontalWidth = 0;
+    }
+}

package/src/blocks/babylon/demo/effects/compositionBlock.deserializer.ts

@@ -1,31 +1,31 @@
-import type { ISerializedBlockV1, SmartFilter } from "@babylonjs/smart-filters";
-import { CompositionBlock } from "./compositionBlock.js";
-
-/**
- * The definition of the extra data serialized for composition blocks.
- */
-export interface ISerializedCompositionBlockV1 extends ISerializedBlockV1 {
-    /**
-     * The extra data of the block.
-     */
-    data: {
-        /**
-         * The alpha mode of the composition.
-         */
-        alphaMode: number;
-    };
-}
-
-/**
- * V1 Composition Deserializer.
- * @param smartFilter - The SmartFilter to deserialize the block into
- * @param serializedBlock - The serialized block data
- * @returns A deserialized CompositionBlock
- */
-export function compositionDeserializer(smartFilter: SmartFilter, serializedBlock: ISerializedCompositionBlockV1) {
-    const block = new CompositionBlock(smartFilter, serializedBlock.name);
-
-    // If data is missing, use the default value set by the block
-    block.alphaMode = serializedBlock.data.alphaMode ?? block.alphaMode;
-    return block;
-}
+import type { ISerializedBlockV1, SmartFilter } from "smart-filters";
+import { CompositionBlock } from "./compositionBlock.js";
+
+/**
+ * The definition of the extra data serialized for composition blocks.
+ */
+export interface ISerializedCompositionBlockV1 extends ISerializedBlockV1 {
+    /**
+     * The extra data of the block.
+     */
+    data: {
+        /**
+         * The alpha mode of the composition.
+         */
+        alphaMode: number;
+    };
+}
+
+/**
+ * V1 Composition Deserializer.
+ * @param smartFilter - The SmartFilter to deserialize the block into
+ * @param serializedBlock - The serialized block data
+ * @returns A deserialized CompositionBlock
+ */
+export function CompositionDeserializer(smartFilter: SmartFilter, serializedBlock: ISerializedCompositionBlockV1) {
+    const block = new CompositionBlock(smartFilter, serializedBlock.name);
+
+    // If data is missing, use the default value set by the block
+    block.alphaMode = serializedBlock.data.alphaMode ?? block.alphaMode;
+    return block;
+}

package/src/blocks/babylon/demo/effects/compositionBlock.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: `
@@ -60,7 +60,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 = {
     background: "background",
     foreground: "foreground",
     scaleUV: "scaleUV",
@@ -68,3 +68,7 @@ export const uniforms = {
     alphaMode: "alphaMode",
     foregroundAlphaScale: "foregroundAlphaScale",
 };
+
+export { BlockShaderProgram, Uniforms };
+// Back compat for when camelCase was used
+export { BlockShaderProgram as shaderProgram, Uniforms as uniforms };

package/src/blocks/babylon/demo/effects/compositionBlock.serializer.ts

@@ -1,28 +1,28 @@
-import type { CompositionBlock } from "./compositionBlock";
-import { compositionBlockType } from "../../../blockTypes.js";
-import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
-import type { IBlockSerializerV1, BaseBlock } from "@babylonjs/smart-filters";
-
-/**
- * The V1 serializer for a Composition Block
- */
-export const compositionBlockSerializer: IBlockSerializerV1 = {
-    blockType: compositionBlockType,
-    serialize: (block: BaseBlock) => {
-        if (block.getClassName() !== compositionBlockType) {
-            throw new Error("Was asked to serialize an unrecognized block type");
-        }
-
-        const compositionBlock = block as unknown as CompositionBlock;
-        return {
-            name: block.name,
-            uniqueId: block.uniqueId,
-            blockType: compositionBlockType,
-            namespace: babylonDemoEffectsNamespace,
-            comments: block.comments,
-            data: {
-                alphaMode: compositionBlock.alphaMode,
-            },
-        };
-    },
-};
+import type { CompositionBlock } from "./compositionBlock.js";
+import { compositionBlockType } from "../../../blockTypes.js";
+import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
+import type { IBlockSerializerV1, BaseBlock } from "smart-filters";
+
+/**
+ * The V1 serializer for a Composition Block
+ */
+export const CompositionBlockSerializer: IBlockSerializerV1 = {
+    blockType: compositionBlockType,
+    serialize: (block: BaseBlock) => {
+        if (block.getClassName() !== compositionBlockType) {
+            throw new Error("Was asked to serialize an unrecognized block type");
+        }
+
+        const compositionBlock = block as unknown as CompositionBlock;
+        return {
+            name: block.name,
+            uniqueId: block.uniqueId,
+            blockType: compositionBlockType,
+            namespace: babylonDemoEffectsNamespace,
+            comments: block.comments,
+            data: {
+                alphaMode: compositionBlock.alphaMode,
+            },
+        };
+    },
+};