@zephyr3d/scene 0.9.24 → 0.9.26

package/dist/material/material.js

@@ -4,100 +4,100 @@ import { RenderBundleWrapper } from '../render/renderbundle_wrapper.js';
 import { Disposable } from '@zephyr3d/base';
 import { getEngine } from '../app/api.js';
 
-/**
- * Base class for all materials.
- *
- * Responsibilities:
- * - Defines a multi-pass rendering interface (`numPasses`, `apply`, `bind`, `draw`, `drawPrimitive`).
- * - Builds and caches GPU shader programs per pass and per-render-context hash.
- * - Manages a per-material bind group (typically at index 2) for uniforms and resources.
- * - Updates render states per pass (`updateRenderStates`) and uploads uniforms (`_applyUniforms`).
- * - Tracks "option" changes that affect shader variant hashing and render bundles.
- *
- * Caching and hashing:
- * - `createHash(pass)` produces a stable hash representing shader variant options for a pass.
- *   Override `_createHash()` in subclasses to encode feature toggles (defines, keywords, macros).
- * - The global hash used to key `MaterialState` also includes `ctx.materialFlags` and
- *   `ctx.shaderVariantHash` when provided, allowing context-sensitive variants without
- *   coupling shader programs to runtime texture identities.
- * - GPU programs are additionally memoized in a global static `_programCache` across materials
- *   by `constructor.name` + hash, to avoid recompilation of identical variants.
- *
- * Bind groups and uniforms:
- * - If a program declares a bind group layout at index 2 (i.e., `bindGroupLayouts.length > 2`),
- *   `apply()` will allocate the group and keep it in the state. Subclasses should fill it in
- *   `_applyUniforms()`.
- * - `applyUniforms()` only calls `_applyUniforms()` when `needUpdate` is true, based on
- *   `_optionTag` changes (see `optionChanged()`).
- *
- * Lifecycle:
- * - Constructed materials register a persistent ID into a global registry for serialization.
- * - `apply(ctx)` prepares all passes: creates/gets state, programs, bind groups, render states,
- *   and uploads uniforms as needed.
- * - `bind(device, pass)` binds the program, bind group (index 2), and render states.
- * - `draw(primitive, ctx, numInstances)` runs all passes, calling `bind()` and `drawPrimitive()`.
- * - `onDispose()` releases bind groups and registry entries.
- *
- * Extending:
- * - Override `_createProgram(pb, ctx, pass)` to build a shader.
- * - Override `_applyUniforms(bindGroup, ctx, pass)` to upload uniforms and resources.
- * - Override `updateRenderStates(pass, renderStates, ctx)` to set depth, blend, cull, etc.
- * - Override `_createHash()` to encode options that affect program compilation.
- * - Override `supportLighting`, `supportInstancing`, `isTransparentPass`, `getQueueType`, etc.
- *
- * Thread-safety:
- * - Intended for main-thread use in a renderer driving WebGPU/WebGL-like devices.
- *
- * @public
+/**
+ * Base class for all materials.
+ *
+ * Responsibilities:
+ * - Defines a multi-pass rendering interface (`numPasses`, `apply`, `bind`, `draw`, `drawPrimitive`).
+ * - Builds and caches GPU shader programs per pass and per-render-context hash.
+ * - Manages a per-material bind group (typically at index 2) for uniforms and resources.
+ * - Updates render states per pass (`updateRenderStates`) and uploads uniforms (`_applyUniforms`).
+ * - Tracks "option" changes that affect shader variant hashing and render bundles.
+ *
+ * Caching and hashing:
+ * - `createHash(pass)` produces a stable hash representing shader variant options for a pass.
+ *   Override `_createHash()` in subclasses to encode feature toggles (defines, keywords, macros).
+ * - The global hash used to key `MaterialState` also includes `ctx.materialFlags` and
+ *   `ctx.shaderVariantHash` when provided, allowing context-sensitive variants without
+ *   coupling shader programs to runtime texture identities.
+ * - GPU programs are additionally memoized in a global static `_programCache` across materials
+ *   by `constructor.name` + hash, to avoid recompilation of identical variants.
+ *
+ * Bind groups and uniforms:
+ * - If a program declares a bind group layout at index 2 (i.e., `bindGroupLayouts.length > 2`),
+ *   `apply()` will allocate the group and keep it in the state. Subclasses should fill it in
+ *   `_applyUniforms()`.
+ * - `applyUniforms()` only calls `_applyUniforms()` when `needUpdate` is true, based on
+ *   `_optionTag` changes (see `optionChanged()`).
+ *
+ * Lifecycle:
+ * - Constructed materials register a persistent ID into a global registry for serialization.
+ * - `apply(ctx)` prepares all passes: creates/gets state, programs, bind groups, render states,
+ *   and uploads uniforms as needed.
+ * - `bind(device, pass)` binds the program, bind group (index 2), and render states.
+ * - `draw(primitive, ctx, numInstances)` runs all passes, calling `bind()` and `drawPrimitive()`.
+ * - `onDispose()` releases bind groups and registry entries.
+ *
+ * Extending:
+ * - Override `_createProgram(pb, ctx, pass)` to build a shader.
+ * - Override `_applyUniforms(bindGroup, ctx, pass)` to upload uniforms and resources.
+ * - Override `updateRenderStates(pass, renderStates, ctx)` to set depth, blend, cull, etc.
+ * - Override `_createHash()` to encode options that affect program compilation.
+ * - Override `supportLighting`, `supportInstancing`, `isTransparentPass`, `getQueueType`, etc.
+ *
+ * Thread-safety:
+ * - Intended for main-thread use in a renderer driving WebGPU/WebGL-like devices.
+ *
+ * @public
  */ class Material extends Disposable {
-    /**
-   * Monotonic instance ID counter.
-   * @internal
+    /**
+   * Monotonic instance ID counter.
+   * @internal
    */ static _nextId = 0;
-    /**
-   * Global program cache keyed by global hash
+    /**
+   * Global program cache keyed by global hash
    */ static _programCache = {};
-    /**
-   * Per-material state cache keyed by global hash (material + context + pass).
-   * @internal
+    /**
+   * Per-material state cache keyed by global hash (material + context + pass).
+   * @internal
    */ _states;
-    /**
-   * Number of rendering passes.
-   * Subclasses can increase this to implement multi-pass rendering.
-   * @internal
+    /**
+   * Number of rendering passes.
+   * Subclasses can increase this to implement multi-pass rendering.
+   * @internal
    */ _numPasses;
-    /**
-   * Per-pass hash cached results. Length scales with `numPasses`.
-   * @internal
+    /**
+   * Per-pass hash cached results. Length scales with `numPasses`.
+   * @internal
    */ _hash;
-    /**
-   * Incremented each time options change (via `optionChanged`), used to decide whether
-   * uniforms need update on next `apply()`.
-   * @internal
+    /**
+   * Incremented each time options change (via `optionChanged`), used to decide whether
+   * uniforms need update on next `apply()`.
+   * @internal
    */ _optionTag;
-    /**
-   * Unique runtime instance ID.
-   * @internal
+    /**
+   * Unique runtime instance ID.
+   * @internal
    */ _id;
-    /**
-   * Latest computed global hash per pass, set during `apply()`, read in `bind()`.
-   * @internal
+    /**
+   * Latest computed global hash per pass, set during `apply()`, read in `bind()`.
+   * @internal
    */ _currentHash;
-    /**
-   * Incremented when material states affecting render bundles change (e.g., bind group id changes
-   * or `optionChanged(true)`), used to trigger re-recording of render bundles.
-   * @internal
+    /**
+   * Incremented when material states affecting render bundles change (e.g., bind group id changes
+   * or `optionChanged(true)`), used to trigger re-recording of render bundles.
+   * @internal
    */ _changeTag;
-    /**
-   * Unique program id counter for naming compiled programs.
-   * @internal
+    /**
+   * Unique program id counter for naming compiled programs.
+   * @internal
    */ _nextProgramId = 0;
-    /**
-   * Create a new material instance.
-   *
-   * - Initializes one pass by default.
-   * - Prepares per-pass hash storage and change tracking.
-   * - Registers a persistent ID in the global registry.
+    /**
+   * Create a new material instance.
+   *
+   * - Initializes one pass by default.
+   * - Prepares per-pass hash storage and change tracking.
+   * - Registers a persistent ID in the global registry.
    */ constructor(){
         super();
         this._id = ++Material._nextId;
@@ -111,46 +111,46 @@ import { getEngine } from '../app/api.js';
         this._changeTag = 0;
         this._currentHash = [];
     }
-    /**
-   * Create a shallow clone of this material.
-   *
-   * Note: The base implementation returns a base `Material`. Subclasses should
-   * override to return their own type and copy custom fields.
+    /**
+   * Create a shallow clone of this material.
+   *
+   * Note: The base implementation returns a base `Material`. Subclasses should
+   * override to return their own type and copy custom fields.
    */ clone() {
         const other = new Material();
         other.copyFrom(this);
         return other;
     }
-    /**
-   * Copy basic properties from another material.
-   *
-   * Disposes existing bind groups/states, copies `numPasses`. Subclasses should
-   * extend this to copy their own fields and call `optionChanged(true)` if
-   * shader-affecting options differ.
-   *
-   * @param other - Source material.
+    /**
+   * Copy basic properties from another material.
+   *
+   * Disposes existing bind groups/states, copies `numPasses`. Subclasses should
+   * extend this to copy their own fields and call `optionChanged(true)` if
+   * shader-affecting options differ.
+   *
+   * @param other - Source material.
    */ copyFrom(other) {
         this.clearCache();
         this._numPasses = other._numPasses;
         getEngine().resourceManager.setAssetId(this, getEngine().resourceManager.getAssetId(other.coreMaterial));
     }
-    /**
-   * Incremented when the material’s GPU-relevant state changes and render bundles
-   * may need to be rebuilt.
+    /**
+   * Incremented when the material’s GPU-relevant state changes and render bundles
+   * may need to be rebuilt.
    */ get changeTag() {
         return this._changeTag;
     }
-    /**
-   * Runtime-unique numeric identifier for the material instance.
+    /**
+   * Runtime-unique numeric identifier for the material instance.
    */ get instanceId() {
         return this._id;
     }
-    /**
-   * Number of rendering passes this material uses.
-   *
-   * Increasing this will expand the per-pass hash cache; make sure to implement
-   * `createHash(pass)`, `_createProgram(pb, ctx, pass)`, and `updateRenderStates(pass, ...)`
-   * accordingly for each pass.
+    /**
+   * Number of rendering passes this material uses.
+   *
+   * Increasing this will expand the per-pass hash cache; make sure to implement
+   * `createHash(pass)`, `_createProgram(pb, ctx, pass)`, and `updateRenderStates(pass, ...)`
+   * accordingly for each pass.
    */ get numPasses() {
         return this._numPasses;
     }
@@ -160,92 +160,103 @@ import { getEngine } from '../app/api.js';
         }
         this._numPasses = val;
     }
-    /**
-   * Get or compute the per-pass shader hash used for program caching.
-   *
-   * Calls `createHash(pass)` lazily and caches the result.
-   * @internal
+    /**
+   * Get the number of passes this material will render for the given draw context.
+   *
+   * Default returns `numPasses`. Subclasses may override to skip passes based on context flags.
+   * @param _ctx - Draw context (device, flags, pass hash, instance data, etc.).
+   * @returns Number of passes to render for this context.
+   */ getNumPassesForRender(_ctx) {
+        return this._numPasses;
+    }
+    /**
+   * Get or compute the per-pass shader hash used for program caching.
+   *
+   * Calls `createHash(pass)` lazily and caches the result.
+   * @internal
    */ getHash(pass) {
         if (this._hash[pass] === null) {
             this._hash[pass] = this.createHash(pass);
         }
         return this._hash[pass];
     }
-    /**
-   * Return the queue type to which this material belongs.
-   *
-   * Override this in transparent or special materials (e.g., post-process).
+    /**
+   * Return the queue type to which this material belongs.
+   *
+   * Override this in transparent or special materials (e.g., post-process).
    */ getQueueType() {
         return QUEUE_OPAQUE;
     }
-    /**
-   * Whether the given pass is transparent.
-   *
-   * Used to place draw calls into appropriate render queues and set blending states.
+    /**
+   * Whether the given pass is transparent.
+   *
+   * Used to place draw calls into appropriate render queues and set blending states.
    */ isTransparentPass(_pass) {
         return false;
     }
-    /**
-   * Whether this material's shading is affected by scene lights.
-   *
-   * Override and return `false` for unlit materials.
+    /**
+   * Whether this material's shading is affected by scene lights.
+   *
+   * Override and return `false` for unlit materials.
    */ supportLighting() {
         return true;
     }
-    /**
-   * Whether this material supports hardware instancing.
-   *
-   * Override and return `false` if per-instance data is not supported in the shader.
+    /**
+   * Whether this material supports hardware instancing.
+   *
+   * Override and return `false` if per-instance data is not supported in the shader.
    */ supportInstancing() {
         return true;
     }
     /** Returns true if this is a instance of material */ isBatchable() {
         return false;
     }
-    /**
-   * Whether this material requires the scene color texture (e.g., for refraction).
+    /**
+   * Whether this material requires the scene color texture (e.g., for refraction).
    */ needSceneColor() {
         return false;
     }
-    /**
-   * Whether this material requires the linear scene depth texture (e.g., for depth-aware effects).
+    /**
+   * Whether this material requires the linear scene depth texture (e.g., for depth-aware effects).
    */ needSceneDepth() {
         return false;
     }
-    /**
-   * Create a material instance (instance-uniform-driven variant).
-   *
-   * Base returns `null`. Subclasses that support instancing can return a lightweight instance.
+    /**
+   * Create a material instance (instance-uniform-driven variant).
+   *
+   * Base returns `null`. Subclasses that support instancing can return a lightweight instance.
    */ createInstance() {
         throw new Error('Abstract function call');
     }
-    /**
-   * Returns the core material that owns GPU state.
-   *
-   * Instances may delegate to a shared core to reuse compiled programs and caches.
-   * @public
+    /**
+   * Returns the core material that owns GPU state.
+   *
+   * Instances may delegate to a shared core to reuse compiled programs and caches.
+   * @public
    */ get coreMaterial() {
         return this;
     }
-    /**
-   * Prepare the material for drawing across all passes for the given draw context.
-   *
-   * Steps per pass:
-   * - Compute global hash (material variant + context).
-   * - Retrieve or build the GPU program, cache in `_programCache`.
-   * - Create per-material bind group (index 2) if the program exposes it.
-   * - Update uniforms if `_optionTag` indicates changes since last apply.
-   * - Update and cache render states for the pass.
-   * - Detect bind group GPU ID changes to bump `changeTag` and notify `RenderBundleWrapper`.
-   *
-   * @param ctx - Draw context (device, flags, pass hash, instance data, etc.).
-   * @returns `true` if successful; `false` if any pass lacks a valid program.
+    /**
+   * Prepare the material for drawing across all passes for the given draw context.
+   *
+   * Steps per pass:
+   * - Compute global hash (material variant + context).
+   * - Retrieve or build the GPU program, cache in `_programCache`.
+   * - Create per-material bind group (index 2) if the program exposes it.
+   * - Update uniforms if `_optionTag` indicates changes since last apply.
+   * - Update and cache render states for the pass.
+   * - Detect bind group GPU ID changes to bump `changeTag` and notify `RenderBundleWrapper`.
+   *
+   * @param ctx - Draw context (device, flags, pass hash, instance data, etc.).
+   * @returns `true` if successful; `false` if any pass lacks a valid program.
    */ apply(ctx) {
-        for(let pass = 0; pass < this._numPasses; pass++){
+        const numPasses = this.getNumPassesForRender(ctx);
+        for(let pass = 0; pass < numPasses; pass++){
             const hash = this.calcGlobalHash(ctx, pass);
             let state = this._states[hash];
             if (!state) {
-                let program = Material._programCache[hash];
+                let programEntry = Material._programCache[hash];
+                let program = programEntry?.program;
                 if (!program) {
                     program = this.createProgram(ctx, pass) ?? null;
                     if (!program) {
@@ -265,21 +276,30 @@ import { getEngine } from '../app/api.js';
                             bindGroup: null,
                             bindGroupTag: '',
                             renderStateSet: ctx.device.createRenderStateSet(),
-                            materialTag: -1
+                            materialTag: -1,
+                            OIT: null,
+                            oitUniformTag: -1
                         };
                         this._states[hash] = state;
                         return false;
                     }
                     program.name = `@${this.constructor.name}_program_${this._nextProgramId++}`;
-                    Material._programCache[hash] = program;
+                    programEntry = {
+                        program,
+                        refCount: 0
+                    };
+                    Material._programCache[hash] = programEntry;
                 }
+                programEntry.refCount++;
                 const bindGroup = program.bindGroupLayouts.length > 2 ? ctx.device.createBindGroup(program.bindGroupLayouts[2]) : null;
                 state = {
                     program,
                     bindGroup,
                     bindGroupTag: bindGroup?.getVersion() ?? '',
                     renderStateSet: ctx.device.createRenderStateSet(),
-                    materialTag: -1
+                    materialTag: -1,
+                    OIT: null,
+                    oitUniformTag: -1
                 };
                 this._states[hash] = state;
             }
@@ -287,6 +307,11 @@ import { getEngine } from '../app/api.js';
                 return false;
             }
             if (state.bindGroup) {
+                if (ctx.oit && (state.OIT !== ctx.oit || state.oitUniformTag !== ctx.oit.uniformTag)) {
+                    state.OIT = ctx.oit;
+                    state.oitUniformTag = ctx.oit.uniformTag;
+                    ctx.oit.applyUniforms(ctx, state.bindGroup);
+                }
                 this.applyUniforms(state.bindGroup, ctx, state.materialTag !== this._optionTag, pass);
             }
             state.materialTag = this._optionTag;
@@ -303,15 +328,15 @@ import { getEngine } from '../app/api.js';
         }
         return true;
     }
-    /**
-   * Bind the program, bind group, and render states for the specified pass.
-   *
-   * Must be called after `apply(ctx)` for the same pass.
-   *
-   * @param device - Rendering device.
-   * @param pass - Pass index to bind.
-   * @returns `true` on success; `false` if state or program missing.
-   * @internal
+    /**
+   * Bind the program, bind group, and render states for the specified pass.
+   *
+   * Must be called after `apply(ctx)` for the same pass.
+   *
+   * @param device - Rendering device.
+   * @param pass - Pass index to bind.
+   * @returns `true` on success; `false` if state or program missing.
+   * @internal
    */ bind(device, pass) {
         const hash = this._currentHash[pass];
         const state = this._states[hash];
@@ -329,58 +354,59 @@ import { getEngine } from '../app/api.js';
         device.setRenderStates(state.renderStateSet);
         return true;
     }
-    /**
-   * Compute the global hash for the given pass and draw context.
-   *
-   * Includes:
-   * - Per-pass material hash from `getHash(pass)`.
-   * - `ctx.materialFlags` for context-dependent toggles.
-   * - `ctx.shaderVariantHash` for shader layout/feature variants, falling back
-   *   to `ctx.renderPassHash` for passes without a shader-only hash.
-   * @internal
+    /**
+   * Compute the global hash for the given pass and draw context.
+   *
+   * Includes:
+   * - Per-pass material hash from `getHash(pass)`.
+   * - `ctx.materialFlags` for context-dependent toggles.
+   * - `ctx.shaderVariantHash` for shader layout/feature variants, falling back
+   *   to `ctx.renderPassHash` for passes without a shader-only hash.
+   * @internal
    */ calcGlobalHash(ctx, pass) {
         const shaderVariantHash = ctx.shaderVariantHash ?? ctx.renderPassHash;
         return `${this.getHash(pass)}:${ctx.materialFlags}:${shaderVariantHash}:${ctx.drawEnvLight ? 1 : 0}:${ctx.currentShadowLight ? 1 : 0}:${ctx.lightBlending ? 1 : 0}`;
     }
-    /**
-   * Draw a primitive for all passes using this material.
-   *
-   * Calls `bind()` then `drawPrimitive()` per pass. If `numInstances` is zero,
-   * and `ctx.instanceData` exists, uses `ctx.instanceData.numInstances`.
-   *
-   * @param primitive - Geometry to draw.
-   * @param ctx - Draw context.
-   * @param numInstances - Instance count; 0 means auto-detect from context.
-   * @internal
+    /**
+   * Draw a primitive for all passes using this material.
+   *
+   * Calls `bind()` then `drawPrimitive()` per pass. If `numInstances` is zero,
+   * and `ctx.instanceData` exists, uses `ctx.instanceData.numInstances`.
+   *
+   * @param primitive - Geometry to draw.
+   * @param ctx - Draw context.
+   * @param numInstances - Instance count; 0 means auto-detect from context.
+   * @internal
    */ draw(primitive, ctx, numInstances = 0) {
-        for(let pass = 0; pass < this._numPasses; pass++){
+        const numPasses = this.getNumPassesForRender(ctx);
+        for(let pass = 0; pass < numPasses; pass++){
             this.bind(ctx.device, pass);
             this.drawPrimitive(pass, primitive, ctx, numInstances);
         }
     }
-    /**
-   * Conditionally update uniforms/resources into the material bind group.
-   *
-   * Delegates to `_applyUniforms()` when `needUpdate` is true (based on `_optionTag` check).
-   *
-   * @param bindGroup - Material bind group at index 2 (may be `null` if program has no layout).
-   * @param ctx - Draw context.
-   * @param needUpdate - Whether uniforms need to be refreshed.
-   * @param pass - Pass index.
+    /**
+   * Conditionally update uniforms/resources into the material bind group.
+   *
+   * Delegates to `_applyUniforms()` when `needUpdate` is true (based on `_optionTag` check).
+   *
+   * @param bindGroup - Material bind group at index 2 (may be `null` if program has no layout).
+   * @param ctx - Draw context.
+   * @param needUpdate - Whether uniforms need to be refreshed.
+   * @param pass - Pass index.
    */ applyUniforms(bindGroup, ctx, needUpdate, pass) {
         if (needUpdate) {
             this._applyUniforms(bindGroup, ctx, pass);
         }
     }
-    /**
-   * Notify the material that some option changed.
-   *
-   * - Always increments `_optionTag`. This will trigger uniforms update on next `apply()`.
-   * - If `changeHash` is true, clears per-pass hashes so programs/states will be rebuilt,
-   *   increments `_changeTag`, and notifies `RenderBundleWrapper` to regenerate recorded bundles.
-   *
-   * @param changeHash - Set true if the change affects shader compilation or render states.
-   * @internal
+    /**
+   * Notify the material that some option changed.
+   *
+   * - Always increments `_optionTag`. This will trigger uniforms update on next `apply()`.
+   * - If `changeHash` is true, clears per-pass hashes so programs/states will be rebuilt,
+   *   increments `_changeTag`, and notifies `RenderBundleWrapper` to regenerate recorded bundles.
+   *
+   * @param changeHash - Set true if the change affects shader compilation or render states.
+   * @internal
    */ optionChanged(changeHash) {
         this._optionTag++;
         if (changeHash) {
@@ -392,46 +418,58 @@ import { getEngine } from '../app/api.js';
         }
     }
     clearCache() {
-        for(const k in this._states){
-            this._states[k]?.bindGroup?.dispose();
-            Material._programCache[k]?.dispose();
-            delete Material._programCache[k];
+        const hashes = Object.keys(this._states);
+        if (hashes.length > 0) {
+            this._changeTag++;
+            RenderBundleWrapper.materialChanged(this.coreMaterial);
+        }
+        for (const k of hashes){
+            const state = this._states[k];
+            state?.bindGroup?.dispose();
+            const programEntry = Material._programCache[k];
+            if (state?.program && programEntry?.program === state.program) {
+                programEntry.refCount--;
+                if (programEntry.refCount <= 0) {
+                    programEntry.program.dispose();
+                    delete Material._programCache[k];
+                }
+            }
         }
         this._states = {};
     }
-    /**
-   * Convert a pass index to a hash seed string.
-   *
-   * Subclasses may override to encode per-pass role (e.g., "depth", "forward", "shadow").
-   *
-   * @param pass - Pass number.
-   * @returns String used when building full hash.
+    /**
+   * Convert a pass index to a hash seed string.
+   *
+   * Subclasses may override to encode per-pass role (e.g., "depth", "forward", "shadow").
+   *
+   * @param pass - Pass number.
+   * @returns String used when building full hash.
    */ passToHash(pass) {
         return String(pass);
     }
-    /**
-   * Build the material hash for a pass (excluding context-dependent parts).
-   *
-   * Default formula: `${constructor.name}|${pass}|${_createHash()}`
-   *
-   * @param pass - Pass number.
-   * @returns Hash string used in program caching.
-   * @internal
+    /**
+   * Build the material hash for a pass (excluding context-dependent parts).
+   *
+   * Default formula: `${constructor.name}|${pass}|${_createHash()}`
+   *
+   * @param pass - Pass number.
+   * @returns Hash string used in program caching.
+   * @internal
    */ createHash(pass) {
         return `${this.constructor.name}|${this.passToHash(pass)}|${this._createHash()}`;
     }
-    /**
-   * Issue the actual draw call for a pass.
-   *
-   * Override for custom per-pass draw behavior if necessary. The default implementation:
-   * - Draws instanced if `numInstances > 0`.
-   * - Else uses `ctx.instanceData.numInstances` if available.
-   * - Else issues a non-instanced draw.
-   *
-   * @param pass - Pass number.
-   * @param primitive - Primitive to draw.
-   * @param ctx - Draw context.
-   * @param numInstances - Explicit instance count (0 = auto).
+    /**
+   * Issue the actual draw call for a pass.
+   *
+   * Override for custom per-pass draw behavior if necessary. The default implementation:
+   * - Draws instanced if `numInstances > 0`.
+   * - Else uses `ctx.instanceData.numInstances` if available.
+   * - Else issues a non-instanced draw.
+   *
+   * @param pass - Pass number.
+   * @param primitive - Primitive to draw.
+   * @param ctx - Draw context.
+   * @param numInstances - Explicit instance count (0 = auto).
    */ drawPrimitive(pass, primitive, ctx, numInstances) {
         if (numInstances > 0) {
             primitive.drawInstanced(numInstances);
@@ -441,88 +479,88 @@ import { getEngine } from '../app/api.js';
             primitive.draw();
         }
     }
-    /**
-   * Dispose the material and release GPU-side resource references.
-   *
-   * - Unregisters from the global registry.
-   * - Disposes the per-material bind groups kept in `_states`.
+    /**
+   * Dispose the material and release GPU-side resource references.
+   *
+   * - Unregisters from the global registry.
+   * - Disposes the per-material bind groups kept in `_states`.
    */ onDispose() {
         super.onDispose();
         this.clearCache();
     }
-    /**
-   * Build the GPU program for a pass.
-   *
-   * Default creates a `ProgramBuilder` and calls `_createProgram(pb, ctx, pass)`.
-   * Subclasses should override `_createProgram` instead of this method unless
-   * they need to replace builder instantiation.
-   *
-   * @param ctx - Draw context.
-   * @param pass - Pass number.
-   * @returns The compiled `GPUProgram`, or `null` on failure.
-   * @internal
+    /**
+   * Build the GPU program for a pass.
+   *
+   * Default creates a `ProgramBuilder` and calls `_createProgram(pb, ctx, pass)`.
+   * Subclasses should override `_createProgram` instead of this method unless
+   * they need to replace builder instantiation.
+   *
+   * @param ctx - Draw context.
+   * @param pass - Pass number.
+   * @returns The compiled `GPUProgram`, or `null` on failure.
+   * @internal
    */ createProgram(ctx, pass) {
         const pb = new ProgramBuilder(ctx.device);
         return this._createProgram(pb, ctx, pass);
     }
-    /**
-   * Create and compile the shader program for this material/pass.
-   *
-   * Implement in subclasses:
-   * - Define shader stages, entry points, macros/defines, and resource layouts.
-   * - Return a compiled `GPUProgram`.
-   *
-   * @param pb - Program builder.
-   * @param ctx - Draw context.
-   * @param _pass - Pass number.
-   * @returns The created program, or `null` on failure.
+    /**
+   * Create and compile the shader program for this material/pass.
+   *
+   * Implement in subclasses:
+   * - Define shader stages, entry points, macros/defines, and resource layouts.
+   * - Return a compiled `GPUProgram`.
+   *
+   * @param pb - Program builder.
+   * @param ctx - Draw context.
+   * @param _pass - Pass number.
+   * @returns The created program, or `null` on failure.
    */ _createProgram(_pb, _ctx, _pass) {
         throw new Error('Abstract function call');
     }
-    /**
-   * Upload uniforms and bind resources to the per-material bind group (index 2).
-   *
-   * Implement in subclasses to:
-   * - Write uniform buffers/textures/samplers to the `bindGroup`.
-   * - Respect the current `pass` and `ctx`.
-   *
-   * @param _bindGroup - The bind group to populate.
-   * @param _ctx - Draw context.
-   * @param _pass - Pass number.
+    /**
+   * Upload uniforms and bind resources to the per-material bind group (index 2).
+   *
+   * Implement in subclasses to:
+   * - Write uniform buffers/textures/samplers to the `bindGroup`.
+   * - Respect the current `pass` and `ctx`.
+   *
+   * @param _bindGroup - The bind group to populate.
+   * @param _ctx - Draw context.
+   * @param _pass - Pass number.
    */ _applyUniforms(_bindGroup, _ctx, _pass) {}
-    /**
-   * Update render states (depth/stencil, blending, rasterization) for the pass.
-   *
-   * Implement in subclasses based on transparency, double-sidedness, depth writes/tests,
-   * color mask, stencil ops, etc., and any context flags in `ctx`.
-   *
-   * @param _pass - Current pass index.
-   * @param _renderStates - Render state set to mutate.
-   * @param _ctx - Draw context.
+    /**
+   * Update render states (depth/stencil, blending, rasterization) for the pass.
+   *
+   * Implement in subclasses based on transparency, double-sidedness, depth writes/tests,
+   * color mask, stencil ops, etc., and any context flags in `ctx`.
+   *
+   * @param _pass - Current pass index.
+   * @param _renderStates - Render state set to mutate.
+   * @param _ctx - Draw context.
    */ updateRenderStates(_pass, _renderStates, _ctx) {}
-    /**
-   * Compute the material-specific portion of the shader hash for the current options.
-   *
-   * Subclasses should override to include macro/define sets that influence program compilation.
-   * Example return: `"USE_NORMALMAP=1;ALPHA_MODE=BLEND;RECEIVE_SHADOWS=1"`.
-   *
-   * @returns Hash fragment string (no context/pass info).
+    /**
+   * Compute the material-specific portion of the shader hash for the current options.
+   *
+   * Subclasses should override to include macro/define sets that influence program compilation.
+   * Example return: `"USE_NORMALMAP=1;ALPHA_MODE=BLEND;RECEIVE_SHADOWS=1"`.
+   *
+   * @returns Hash fragment string (no context/pass info).
    */ _createHash() {
         return '';
     }
-    /**
-   * Whether this is a lightweight instance of a core material.
-   *
-   * Instances typically share GPU programs with a core and only override instance uniforms.
-   * @internal
+    /**
+   * Whether this is a lightweight instance of a core material.
+   *
+   * Instances typically share GPU programs with a core and only override instance uniforms.
+   * @internal
    */ get $isInstance() {
         return false;
     }
-    /**
-   * Instance-uniform buffer for material instances, if supported.
-   *
-   * Returned as a typed Float32 view over a backing ArrayBuffer.
-   * @internal
+    /**
+   * Instance-uniform buffer for material instances, if supported.
+   *
+   * Returned as a typed Float32 view over a backing ArrayBuffer.
+   * @internal
    */ get $instanceUniforms() {
         throw new Error('Abstract function call');
     }