@zephyr3d/scene 0.7.0 → 0.8.0

package/dist/utility/blueprint/material/pbr.js

@@ -123,7 +123,9 @@ import { BaseGraphNode } from '../node.js';
                 type: [
                     'float'
                 ],
-                defaultValue: 1,
+                defaultValue: [
+                    1
+                ],
                 originType: 'float'
             },
             {
@@ -132,7 +134,9 @@ import { BaseGraphNode } from '../node.js';
                 type: [
                     'float'
                 ],
-                defaultValue: 1,
+                defaultValue: [
+                    1
+                ],
                 originType: 'float'
             },
             {
@@ -190,7 +194,9 @@ import { BaseGraphNode } from '../node.js';
                 type: [
                     'float'
                 ],
-                defaultValue: 1,
+                defaultValue: [
+                    1
+                ],
                 originType: 'float'
             }
         ];
@@ -357,6 +363,88 @@ import { BaseGraphNode } from '../node.js';
         return '';
     }
 }
+/**
+ * Sprite material output node
+ *
+ * @public
+ */ class SpriteBlockNode extends BaseGraphNode {
+    /**
+   * Creates a new Sprite material output node
+   */ constructor(){
+        super();
+        this._inputs = [
+            {
+                id: 1,
+                name: 'Color',
+                type: [
+                    'float',
+                    'vec2',
+                    'vec3',
+                    'vec4'
+                ],
+                defaultValue: [
+                    1,
+                    1,
+                    1,
+                    1
+                ],
+                originType: 'vec4'
+            }
+        ];
+    }
+    /**
+   * Gets the serialization descriptor for this node type
+   *
+   * @returns Serialization class descriptor
+   *
+   * @remarks
+   * No additional properties need to be serialized beyond the base node data
+   * and input connections.
+   */ static getSerializationCls() {
+        return {
+            ctor: SpriteBlockNode,
+            name: 'SpriteBlockNode',
+            getProps () {
+                return [];
+            }
+        };
+    }
+    /**
+   * Generates a string representation of this node
+   *
+   * @returns 'Output'
+   *
+   * @remarks
+   * This node is typically labeled "Output" in the material editor UI
+   * as it represents the final material output.
+   */ toString() {
+        return 'Output';
+    }
+    /**
+   * Validates the node state
+   *
+   * @returns Empty string (always valid)
+   *
+   * @remarks
+   * The PBR output node is always valid because:
+   * - All inputs are optional (have default values)
+   * - Type conversions are handled automatically (float → vec3, etc.)
+   * - It's the terminal node with no type inference requirements
+   */ validate() {
+        return '';
+    }
+    /**
+   * Gets the output type
+   *
+   * @returns Empty string (no outputs)
+   *
+   * @remarks
+   * As a terminal output node, PBRBlockNode has no outputs.
+   * It consumes the material graph data and provides it to the renderer.
+   */ getType() {
+        return '';
+    }
+}
 
-export { PBRBlockNode, VertexBlockNode };
+export { PBRBlockNode, SpriteBlockNode, VertexBlockNode };
 //# sourceMappingURL=pbr.js.map

package/dist/utility/blueprint/material/pbr.js.map

@@ -1 +1 @@
-{"version":3,"file":"pbr.js","sources":["../../../../src/utility/blueprint/material/pbr.ts"],"sourcesContent":["import type { SerializableClass } from '../../serialization';\r\nimport { BaseGraphNode } from '../node';\r\n\r\n/**\r\n * PBR (Physically Based Rendering) material output node\r\n *\r\n * @remarks\r\n * This is the final output node for PBR materials in the material blueprint graph.\r\n * It defines the complete surface properties using the metallic-roughness workflow,\r\n * which is the industry-standard approach for physically-based materials.\r\n *\r\n * The node accepts all essential PBR material properties:\r\n * - **BaseColor**: The diffuse/albedo color of the surface (what color the surface is)\r\n * - **Metallic**: Whether the surface is metallic (0 = dielectric/non-metal, 1 = metal)\r\n * - **Roughness**: How rough/smooth the surface is (0 = mirror smooth, 1 = completely rough)\r\n * - **Specular**: Controls specular reflectance for dielectrics (non-metals)\r\n * - **Emissive**: Light emitted by the surface (for glowing effects)\r\n * - **Normal**: Surface normal in tangent/world space (for bump/normal mapping)\r\n * - **Tangent**: Surface tangent vector (for anisotropic effects)\r\n * - **Opacity**: Surface transparency (0 = fully transparent, 1 = fully opaque)\r\n *\r\n * All inputs are optional and have sensible defaults. Only the inputs you connect\r\n * will override the default values.\r\n *\r\n * Material workflow:\r\n * 1. Connect texture samples and math nodes to the various inputs\r\n * 2. The shader compiler will generate appropriate PBR lighting code\r\n * 3. The material will respond correctly to scene lighting\r\n *\r\n * @example\r\n * ```typescript\r\n * const output = new PBRBlockNode();\r\n *\r\n * // Basic textured material\r\n * const albedoTex = new TextureSampleNode();\r\n * output.connectInput(1, albedoTex, 1); // BaseColor from texture\r\n *\r\n * // Metal/rough workflow\r\n * const metallicTex = new TextureSampleNode();\r\n * const roughnessTex = new TextureSampleNode();\r\n * output.connectInput(2, metallicTex, 2); // Metallic from R channel\r\n * output.connectInput(3, roughnessTex, 2); // Roughness from R channel\r\n *\r\n * // Normal mapping\r\n * const normalMap = new TextureSampleNode();\r\n * output.connectInput(6, normalMap, 1); // Normal from RGB\r\n *\r\n * // Emissive glow\r\n * const emissiveColor = new ConstantVec3Node();\r\n * emissiveColor.x = 1.0; // Red glow\r\n * output.connectInput(5, emissiveColor, 1);\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * // Advanced material with procedural roughness variation\r\n * const output = new PBRBlockNode();\r\n *\r\n * const baseColor = new ConstantVec3Node();\r\n * baseColor.x = 0.8; baseColor.y = 0.2; baseColor.z = 0.1; // Orange\r\n * output.connectInput(1, baseColor, 1);\r\n *\r\n * // Procedural roughness pattern\r\n * const uv = new VertexUVNode();\r\n * const noise = new NoiseNode();\r\n * noise.connectInput(1, uv, 1);\r\n *\r\n * const roughness = new MixNode();\r\n * roughness.connectInput(1, constant0_3, 1); // Min roughness 0.3\r\n * roughness.connectInput(2, constant0_8, 1); // Max roughness 0.8\r\n * roughness.connectInput(3, noise, 1);       // Blend factor\r\n * output.connectInput(3, roughness, 1);\r\n *\r\n * // Non-metallic\r\n * const metallic = new ConstantScalarNode();\r\n * metallic.x = 0.0;\r\n * output.connectInput(2, metallic, 1);\r\n * ```\r\n *\r\n * @public\r\n */\r\nexport class PBRBlockNode extends BaseGraphNode {\r\n  /**\r\n   * Creates a new PBR material output node\r\n   *\r\n   * @remarks\r\n   * Initializes with 8 input slots for all PBR material properties.\r\n   * Each input has:\r\n   * - Flexible type acceptance (float can expand to vec3/vec4, etc.)\r\n   * - Default values for when no connection is made\r\n   * - Origin type that defines the expected canonical type\r\n   *\r\n   * Default values provide a reasonable starting material:\r\n   * - White base color (1, 1, 1, 1)\r\n   * - Fully metallic (1.0)\r\n   * - Fully rough (1.0)\r\n   * - White specular (1, 1, 1)\r\n   * - No emission (0, 0, 0)\r\n   * - Default surface normal (from vertex data)\r\n   * - Default tangent (from vertex data)\r\n   * - Fully opaque (1.0)\r\n   */\r\n  constructor() {\r\n    super();\r\n    this._inputs = [\r\n      {\r\n        id: 1,\r\n        name: 'BaseColor',\r\n        type: ['float', 'vec2', 'vec3', 'vec4'],\r\n        defaultValue: [1, 1, 1, 1],\r\n        originType: 'vec4'\r\n      },\r\n      {\r\n        id: 2,\r\n        name: 'Metallic',\r\n        type: ['float'],\r\n        defaultValue: 1,\r\n        originType: 'float'\r\n      },\r\n      {\r\n        id: 3,\r\n        name: 'Roughness',\r\n        type: ['float'],\r\n        defaultValue: 1,\r\n        originType: 'float'\r\n      },\r\n      {\r\n        id: 4,\r\n        name: 'Specular',\r\n        type: ['float', 'vec2', 'vec3', 'vec4'],\r\n        defaultValue: [1, 1, 1],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 5,\r\n        name: 'Emissive',\r\n        type: ['float', 'vec2', 'vec3', 'vec4'],\r\n        defaultValue: [0, 0, 0],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 6,\r\n        name: 'Normal',\r\n        type: ['vec3', 'vec4'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 7,\r\n        name: 'Tangent',\r\n        type: ['vec3'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 8,\r\n        name: 'Opacity',\r\n        type: ['float'],\r\n        defaultValue: 1,\r\n        originType: 'float'\r\n      }\r\n    ];\r\n  }\r\n  /**\r\n   * Gets the serialization descriptor for this node type\r\n   *\r\n   * @returns Serialization class descriptor\r\n   *\r\n   * @remarks\r\n   * No additional properties need to be serialized beyond the base node data\r\n   * and input connections.\r\n   */\r\n  static getSerializationCls(): SerializableClass {\r\n    return {\r\n      ctor: PBRBlockNode,\r\n      name: 'PBRBlockNode',\r\n      getProps() {\r\n        return [];\r\n      }\r\n    };\r\n  }\r\n  /**\r\n   * Generates a string representation of this node\r\n   *\r\n   * @returns 'Output'\r\n   *\r\n   * @remarks\r\n   * This node is typically labeled \"Output\" in the material editor UI\r\n   * as it represents the final material output.\r\n   */\r\n  toString(): string {\r\n    return 'Output';\r\n  }\r\n  /**\r\n   * Validates the node state\r\n   *\r\n   * @returns Empty string (always valid)\r\n   *\r\n   * @remarks\r\n   * The PBR output node is always valid because:\r\n   * - All inputs are optional (have default values)\r\n   * - Type conversions are handled automatically (float → vec3, etc.)\r\n   * - It's the terminal node with no type inference requirements\r\n   */\r\n  protected validate(): string {\r\n    return '';\r\n  }\r\n  /**\r\n   * Gets the output type\r\n   *\r\n   * @returns Empty string (no outputs)\r\n   *\r\n   * @remarks\r\n   * As a terminal output node, PBRBlockNode has no outputs.\r\n   * It consumes the material graph data and provides it to the renderer.\r\n   */\r\n  protected getType(): string {\r\n    return '';\r\n  }\r\n}\r\n\r\n/**\r\n * Vertex output node\r\n *\r\n * @public\r\n */\r\nexport class VertexBlockNode extends BaseGraphNode {\r\n  constructor() {\r\n    super();\r\n    this._inputs = [\r\n      {\r\n        id: 1,\r\n        name: 'Position',\r\n        type: ['vec3'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 2,\r\n        name: 'Normal',\r\n        type: ['vec3'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 3,\r\n        name: 'Tangent',\r\n        type: ['vec4'],\r\n        originType: 'vec4'\r\n      },\r\n      {\r\n        id: 4,\r\n        name: 'Color',\r\n        type: ['vec4'],\r\n        defaultValue: [1, 1, 1, 1],\r\n        originType: 'vec4'\r\n      },\r\n      {\r\n        id: 5,\r\n        name: 'UV',\r\n        type: ['vec2'],\r\n        originType: 'vec2'\r\n      }\r\n    ];\r\n  }\r\n  /**\r\n   * Gets the serialization descriptor for this node type\r\n   *\r\n   * @returns Serialization class descriptor\r\n   *\r\n   * @remarks\r\n   * No additional properties need to be serialized beyond the base node data\r\n   * and input connections.\r\n   */\r\n  static getSerializationCls(): SerializableClass {\r\n    return {\r\n      ctor: VertexBlockNode,\r\n      name: 'VertexBlockNode',\r\n      getProps() {\r\n        return [];\r\n      }\r\n    };\r\n  }\r\n  /**\r\n   * Generates a string representation of this node\r\n   *\r\n   * @returns 'Output'\r\n   *\r\n   * @remarks\r\n   * This node is typically labeled \"Output\" in the material editor UI\r\n   * as it represents the final material output.\r\n   */\r\n  toString(): string {\r\n    return 'VertexOutput';\r\n  }\r\n  /**\r\n   * Validates the node state\r\n   *\r\n   * @returns Empty string (always valid)\r\n   *\r\n   * @remarks\r\n   * The PBR output node is always valid because:\r\n   * - All inputs are optional (have default values)\r\n   * - Type conversions are handled automatically (float → vec3, etc.)\r\n   * - It's the terminal node with no type inference requirements\r\n   */\r\n  protected validate(): string {\r\n    return '';\r\n  }\r\n  /**\r\n   * Gets the output type\r\n   *\r\n   * @returns Empty string (no outputs)\r\n   *\r\n   * @remarks\r\n   * As a terminal output node, PBRBlockNode has no outputs.\r\n   * It consumes the material graph data and provides it to the renderer.\r\n   */\r\n  protected getType(): string {\r\n    return '';\r\n  }\r\n}\r\n"],"names":["PBRBlockNode","BaseGraphNode","_inputs","id","name","type","defaultValue","originType","getSerializationCls","ctor","getProps","toString","VertexBlockNode"],"mappings":"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"}
+{"version":3,"file":"pbr.js","sources":["../../../../src/utility/blueprint/material/pbr.ts"],"sourcesContent":["import type { SerializableClass } from '../../serialization';\r\nimport { BaseGraphNode } from '../node';\r\n\r\n/**\r\n * PBR (Physically Based Rendering) material output node\r\n *\r\n * @remarks\r\n * This is the final output node for PBR materials in the material blueprint graph.\r\n * It defines the complete surface properties using the metallic-roughness workflow,\r\n * which is the industry-standard approach for physically-based materials.\r\n *\r\n * The node accepts all essential PBR material properties:\r\n * - **BaseColor**: The diffuse/albedo color of the surface (what color the surface is)\r\n * - **Metallic**: Whether the surface is metallic (0 = dielectric/non-metal, 1 = metal)\r\n * - **Roughness**: How rough/smooth the surface is (0 = mirror smooth, 1 = completely rough)\r\n * - **Specular**: Controls specular reflectance for dielectrics (non-metals)\r\n * - **Emissive**: Light emitted by the surface (for glowing effects)\r\n * - **Normal**: Surface normal in tangent/world space (for bump/normal mapping)\r\n * - **Tangent**: Surface tangent vector (for anisotropic effects)\r\n * - **Opacity**: Surface transparency (0 = fully transparent, 1 = fully opaque)\r\n *\r\n * All inputs are optional and have sensible defaults. Only the inputs you connect\r\n * will override the default values.\r\n *\r\n * Material workflow:\r\n * 1. Connect texture samples and math nodes to the various inputs\r\n * 2. The shader compiler will generate appropriate PBR lighting code\r\n * 3. The material will respond correctly to scene lighting\r\n *\r\n * @example\r\n * ```typescript\r\n * const output = new PBRBlockNode();\r\n *\r\n * // Basic textured material\r\n * const albedoTex = new TextureSampleNode();\r\n * output.connectInput(1, albedoTex, 1); // BaseColor from texture\r\n *\r\n * // Metal/rough workflow\r\n * const metallicTex = new TextureSampleNode();\r\n * const roughnessTex = new TextureSampleNode();\r\n * output.connectInput(2, metallicTex, 2); // Metallic from R channel\r\n * output.connectInput(3, roughnessTex, 2); // Roughness from R channel\r\n *\r\n * // Normal mapping\r\n * const normalMap = new TextureSampleNode();\r\n * output.connectInput(6, normalMap, 1); // Normal from RGB\r\n *\r\n * // Emissive glow\r\n * const emissiveColor = new ConstantVec3Node();\r\n * emissiveColor.x = 1.0; // Red glow\r\n * output.connectInput(5, emissiveColor, 1);\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * // Advanced material with procedural roughness variation\r\n * const output = new PBRBlockNode();\r\n *\r\n * const baseColor = new ConstantVec3Node();\r\n * baseColor.x = 0.8; baseColor.y = 0.2; baseColor.z = 0.1; // Orange\r\n * output.connectInput(1, baseColor, 1);\r\n *\r\n * // Procedural roughness pattern\r\n * const uv = new VertexUVNode();\r\n * const noise = new NoiseNode();\r\n * noise.connectInput(1, uv, 1);\r\n *\r\n * const roughness = new MixNode();\r\n * roughness.connectInput(1, constant0_3, 1); // Min roughness 0.3\r\n * roughness.connectInput(2, constant0_8, 1); // Max roughness 0.8\r\n * roughness.connectInput(3, noise, 1);       // Blend factor\r\n * output.connectInput(3, roughness, 1);\r\n *\r\n * // Non-metallic\r\n * const metallic = new ConstantScalarNode();\r\n * metallic.x = 0.0;\r\n * output.connectInput(2, metallic, 1);\r\n * ```\r\n *\r\n * @public\r\n */\r\nexport class PBRBlockNode extends BaseGraphNode {\r\n  /**\r\n   * Creates a new PBR material output node\r\n   *\r\n   * @remarks\r\n   * Initializes with 8 input slots for all PBR material properties.\r\n   * Each input has:\r\n   * - Flexible type acceptance (float can expand to vec3/vec4, etc.)\r\n   * - Default values for when no connection is made\r\n   * - Origin type that defines the expected canonical type\r\n   *\r\n   * Default values provide a reasonable starting material:\r\n   * - White base color (1, 1, 1, 1)\r\n   * - Fully metallic (1.0)\r\n   * - Fully rough (1.0)\r\n   * - White specular (1, 1, 1)\r\n   * - No emission (0, 0, 0)\r\n   * - Default surface normal (from vertex data)\r\n   * - Default tangent (from vertex data)\r\n   * - Fully opaque (1.0)\r\n   */\r\n  constructor() {\r\n    super();\r\n    this._inputs = [\r\n      {\r\n        id: 1,\r\n        name: 'BaseColor',\r\n        type: ['float', 'vec2', 'vec3', 'vec4'],\r\n        defaultValue: [1, 1, 1, 1],\r\n        originType: 'vec4'\r\n      },\r\n      {\r\n        id: 2,\r\n        name: 'Metallic',\r\n        type: ['float'],\r\n        defaultValue: [1],\r\n        originType: 'float'\r\n      },\r\n      {\r\n        id: 3,\r\n        name: 'Roughness',\r\n        type: ['float'],\r\n        defaultValue: [1],\r\n        originType: 'float'\r\n      },\r\n      {\r\n        id: 4,\r\n        name: 'Specular',\r\n        type: ['float', 'vec2', 'vec3', 'vec4'],\r\n        defaultValue: [1, 1, 1],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 5,\r\n        name: 'Emissive',\r\n        type: ['float', 'vec2', 'vec3', 'vec4'],\r\n        defaultValue: [0, 0, 0],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 6,\r\n        name: 'Normal',\r\n        type: ['vec3', 'vec4'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 7,\r\n        name: 'Tangent',\r\n        type: ['vec3'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 8,\r\n        name: 'Opacity',\r\n        type: ['float'],\r\n        defaultValue: [1],\r\n        originType: 'float'\r\n      }\r\n    ];\r\n  }\r\n  /**\r\n   * Gets the serialization descriptor for this node type\r\n   *\r\n   * @returns Serialization class descriptor\r\n   *\r\n   * @remarks\r\n   * No additional properties need to be serialized beyond the base node data\r\n   * and input connections.\r\n   */\r\n  static getSerializationCls(): SerializableClass {\r\n    return {\r\n      ctor: PBRBlockNode,\r\n      name: 'PBRBlockNode',\r\n      getProps() {\r\n        return [];\r\n      }\r\n    };\r\n  }\r\n  /**\r\n   * Generates a string representation of this node\r\n   *\r\n   * @returns 'Output'\r\n   *\r\n   * @remarks\r\n   * This node is typically labeled \"Output\" in the material editor UI\r\n   * as it represents the final material output.\r\n   */\r\n  toString(): string {\r\n    return 'Output';\r\n  }\r\n  /**\r\n   * Validates the node state\r\n   *\r\n   * @returns Empty string (always valid)\r\n   *\r\n   * @remarks\r\n   * The PBR output node is always valid because:\r\n   * - All inputs are optional (have default values)\r\n   * - Type conversions are handled automatically (float → vec3, etc.)\r\n   * - It's the terminal node with no type inference requirements\r\n   */\r\n  protected validate(): string {\r\n    return '';\r\n  }\r\n  /**\r\n   * Gets the output type\r\n   *\r\n   * @returns Empty string (no outputs)\r\n   *\r\n   * @remarks\r\n   * As a terminal output node, PBRBlockNode has no outputs.\r\n   * It consumes the material graph data and provides it to the renderer.\r\n   */\r\n  protected getType(): string {\r\n    return '';\r\n  }\r\n}\r\n\r\n/**\r\n * Vertex output node\r\n *\r\n * @public\r\n */\r\nexport class VertexBlockNode extends BaseGraphNode {\r\n  constructor() {\r\n    super();\r\n    this._inputs = [\r\n      {\r\n        id: 1,\r\n        name: 'Position',\r\n        type: ['vec3'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 2,\r\n        name: 'Normal',\r\n        type: ['vec3'],\r\n        originType: 'vec3'\r\n      },\r\n      {\r\n        id: 3,\r\n        name: 'Tangent',\r\n        type: ['vec4'],\r\n        originType: 'vec4'\r\n      },\r\n      {\r\n        id: 4,\r\n        name: 'Color',\r\n        type: ['vec4'],\r\n        defaultValue: [1, 1, 1, 1],\r\n        originType: 'vec4'\r\n      },\r\n      {\r\n        id: 5,\r\n        name: 'UV',\r\n        type: ['vec2'],\r\n        originType: 'vec2'\r\n      }\r\n    ];\r\n  }\r\n  /**\r\n   * Gets the serialization descriptor for this node type\r\n   *\r\n   * @returns Serialization class descriptor\r\n   *\r\n   * @remarks\r\n   * No additional properties need to be serialized beyond the base node data\r\n   * and input connections.\r\n   */\r\n  static getSerializationCls(): SerializableClass {\r\n    return {\r\n      ctor: VertexBlockNode,\r\n      name: 'VertexBlockNode',\r\n      getProps() {\r\n        return [];\r\n      }\r\n    };\r\n  }\r\n  /**\r\n   * Generates a string representation of this node\r\n   *\r\n   * @returns 'Output'\r\n   *\r\n   * @remarks\r\n   * This node is typically labeled \"Output\" in the material editor UI\r\n   * as it represents the final material output.\r\n   */\r\n  toString(): string {\r\n    return 'VertexOutput';\r\n  }\r\n  /**\r\n   * Validates the node state\r\n   *\r\n   * @returns Empty string (always valid)\r\n   *\r\n   * @remarks\r\n   * The PBR output node is always valid because:\r\n   * - All inputs are optional (have default values)\r\n   * - Type conversions are handled automatically (float → vec3, etc.)\r\n   * - It's the terminal node with no type inference requirements\r\n   */\r\n  protected validate(): string {\r\n    return '';\r\n  }\r\n  /**\r\n   * Gets the output type\r\n   *\r\n   * @returns Empty string (no outputs)\r\n   *\r\n   * @remarks\r\n   * As a terminal output node, PBRBlockNode has no outputs.\r\n   * It consumes the material graph data and provides it to the renderer.\r\n   */\r\n  protected getType(): string {\r\n    return '';\r\n  }\r\n}\r\n\r\n/**\r\n * Sprite material output node\r\n *\r\n * @public\r\n */\r\nexport class SpriteBlockNode extends BaseGraphNode {\r\n  /**\r\n   * Creates a new Sprite material output node\r\n   */\r\n  constructor() {\r\n    super();\r\n    this._inputs = [\r\n      {\r\n        id: 1,\r\n        name: 'Color',\r\n        type: ['float', 'vec2', 'vec3', 'vec4'],\r\n        defaultValue: [1, 1, 1, 1],\r\n        originType: 'vec4'\r\n      }\r\n    ];\r\n  }\r\n  /**\r\n   * Gets the serialization descriptor for this node type\r\n   *\r\n   * @returns Serialization class descriptor\r\n   *\r\n   * @remarks\r\n   * No additional properties need to be serialized beyond the base node data\r\n   * and input connections.\r\n   */\r\n  static getSerializationCls(): SerializableClass {\r\n    return {\r\n      ctor: SpriteBlockNode,\r\n      name: 'SpriteBlockNode',\r\n      getProps() {\r\n        return [];\r\n      }\r\n    };\r\n  }\r\n  /**\r\n   * Generates a string representation of this node\r\n   *\r\n   * @returns 'Output'\r\n   *\r\n   * @remarks\r\n   * This node is typically labeled \"Output\" in the material editor UI\r\n   * as it represents the final material output.\r\n   */\r\n  toString(): string {\r\n    return 'Output';\r\n  }\r\n  /**\r\n   * Validates the node state\r\n   *\r\n   * @returns Empty string (always valid)\r\n   *\r\n   * @remarks\r\n   * The PBR output node is always valid because:\r\n   * - All inputs are optional (have default values)\r\n   * - Type conversions are handled automatically (float → vec3, etc.)\r\n   * - It's the terminal node with no type inference requirements\r\n   */\r\n  protected validate(): string {\r\n    return '';\r\n  }\r\n  /**\r\n   * Gets the output type\r\n   *\r\n   * @returns Empty string (no outputs)\r\n   *\r\n   * @remarks\r\n   * As a terminal output node, PBRBlockNode has no outputs.\r\n   * It consumes the material graph data and provides it to the renderer.\r\n   */\r\n  protected getType(): string {\r\n    return '';\r\n  }\r\n}\r\n"],"names":["PBRBlockNode","BaseGraphNode","_inputs","id","name","type","defaultValue","originType","getSerializationCls","ctor","getProps","toString","VertexBlockNode","SpriteBlockNode"],"mappings":"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"}

package/dist/utility/blueprint/material/texture.js

@@ -2,6 +2,7 @@ import { BaseGraphNode } from '../node.js';
 import { getParamName } from '../common.js';
 import { DRef } from '@zephyr3d/base';
 import { getDevice } from '../../../app/api.js';
+import { defineProps } from '../../serialization/types.js';
 
 /**
  * Default 1x1 white 2D texture reference
@@ -107,7 +108,7 @@ import { getDevice } from '../../../app/api.js';
  *
  * @internal
  */ const textureNodeProps = function getTextureNodeProps() {
-    return [
+    return defineProps([
         {
             name: 'Name',
             type: 'string',
@@ -115,10 +116,14 @@ import { getDevice } from '../../../app/api.js';
                 return false;
             },
             get (value) {
-                value.str[0] = this.paramName;
+                value.str[0] = this.paramName ? this.paramName.slice(2) : '';
             },
             set (value) {
-                this.paramName = value.str[0];
+                if (!/^[A-Za-z0-9_]+$/.test(value.str[0])) {
+                    console.log(`Invalid parameter name: ${value.str[0]}`);
+                } else {
+                    this.paramName = `u_${value.str[0]}`;
+                }
             }
         },
         {
@@ -268,7 +273,7 @@ import { getDevice } from '../../../app/api.js';
                 this.filterMip = value.str[0];
             }
         }
-    ];
+    ]);
 }();
 /**
  * Abstract base class for texture nodes
@@ -337,7 +342,7 @@ import { getDevice } from '../../../app/api.js';
         return this._paramName;
     }
     set paramName(val) {
-        if (val !== this._paramName) {
+        if (this._paramName !== val) {
             this._paramName = val;
             this.dispatchEvent('changed');
         }
@@ -368,7 +373,7 @@ import { getDevice } from '../../../app/api.js';
    * Texture nodes are always valid as they have no required inputs
    * and always have a valid texture (default if none assigned).
    */ validate() {
-        return '';
+        return this.textureId ? '' : 'Texture not specified';
     }
     /**
    * Gets the output type
@@ -458,7 +463,7 @@ import { getDevice } from '../../../app/api.js';
             name: 'Texture2DNode',
             noTitle: true,
             getProps () {
-                return [
+                return defineProps([
                     {
                         name: 'Texture',
                         type: 'object',
@@ -484,23 +489,16 @@ import { getDevice } from '../../../app/api.js';
                         }
                     },
                     ...textureNodeProps
-                ];
+                ]);
             }
         };
     }
     /**
-   * Validates the node state
-   *
-   * @returns Empty string (always valid)
-   */ validate() {
-        return '';
-    }
-    /**
    * Gets the output type
    *
    * @returns 'tex2D'
    */ getType() {
-        return 'tex2D';
+        return this.validate() ? '' : 'tex2D';
     }
 }
 /**
@@ -574,7 +572,7 @@ import { getDevice } from '../../../app/api.js';
             name: 'Texture2DArrayNode',
             noTitle: true,
             getProps () {
-                return [
+                return defineProps([
                     {
                         name: 'Texture',
                         type: 'object',
@@ -595,23 +593,16 @@ import { getDevice } from '../../../app/api.js';
                         }
                     },
                     ...textureNodeProps
-                ];
+                ]);
             }
         };
     }
     /**
-   * Validates the node state
-   *
-   * @returns Empty string (always valid)
-   */ validate() {
-        return '';
-    }
-    /**
    * Gets the output type
    *
    * @returns 'tex2DArray'
    */ getType() {
-        return 'tex2DArray';
+        return this.validate() ? '' : 'tex2DArray';
     }
 }
 /**
@@ -698,7 +689,7 @@ import { getDevice } from '../../../app/api.js';
             name: 'TextureCubeNode',
             noTitle: true,
             getProps () {
-                return [
+                return defineProps([
                     {
                         name: 'Texture',
                         type: 'object',
@@ -719,23 +710,16 @@ import { getDevice } from '../../../app/api.js';
                         }
                     },
                     ...textureNodeProps
-                ];
+                ]);
             }
         };
     }
     /**
-   * Validates the node state
-   *
-   * @returns Empty string (always valid)
-   */ validate() {
-        return '';
-    }
-    /**
    * Gets the output type
    *
    * @returns 'texCube'
    */ getType() {
-        return 'texCube';
+        return this.validate() ? '' : 'texCube';
     }
 }
 /**
@@ -825,7 +809,32 @@ import { getDevice } from '../../../app/api.js';
         this._outputs = [
             {
                 id: 1,
-                name: ''
+                name: 'RGBA'
+            },
+            {
+                id: 2,
+                name: 'R',
+                swizzle: 'r'
+            },
+            {
+                id: 3,
+                name: 'G',
+                swizzle: 'g'
+            },
+            {
+                id: 4,
+                name: 'B',
+                swizzle: 'b'
+            },
+            {
+                id: 5,
+                name: 'A',
+                swizzle: 'a'
+            },
+            {
+                id: 6,
+                name: 'RGB',
+                swizzle: 'rgb'
             }
         ];
         this._inputs = [
@@ -862,7 +871,7 @@ import { getDevice } from '../../../app/api.js';
             ctor: TextureSampleNode,
             name: 'TextureSampleNode',
             getProps () {
-                return [
+                return defineProps([
                     {
                         name: 'SamplerType',
                         type: 'string',
@@ -885,7 +894,7 @@ import { getDevice } from '../../../app/api.js';
                             this.samplerType = value.str[0];
                         }
                     }
-                ];
+                ]);
             }
         };
     }
@@ -933,10 +942,18 @@ import { getDevice } from '../../../app/api.js';
     }
     /**
    * Gets the output type
-   *
-   * @returns 'vec4' (RGBA color)
-   */ getType() {
-        return 'vec4';
+   */ getType(id) {
+        const err = this.validate();
+        if (err) {
+            return '';
+        }
+        if (id === 1) {
+            return 'vec4';
+        } else if (id === 6) {
+            return 'vec3';
+        } else {
+            return 'float';
+        }
     }
 }
 /**
@@ -1020,7 +1037,7 @@ import { getDevice } from '../../../app/api.js';
             ctor: TextureSampleNode,
             name: 'TextureSampleNode',
             getProps () {
-                return [
+                return defineProps([
                     {
                         name: 'SamplerType',
                         type: 'string',
@@ -1043,7 +1060,7 @@ import { getDevice } from '../../../app/api.js';
                             this.samplerType = value.str[0];
                         }
                     }
-                ];
+                ]);
             }
         };
     }