@zephyr3d/scene 0.6.1 → 0.7.0

package/dist/render/drawable_mixin.js

@@ -1,20 +1,58 @@
-import { Vector4 } from '@zephyr3d/base';
+import { Vector2, Vector4 } from '@zephyr3d/base';
 import { ShaderHelper } from '../material/shader/helper.js';
 import '../material/lambert.js';
 import '../material/blinn.js';
 import '../material/unlit.js';
+import '../material/particle.js';
 import '@zephyr3d/device';
 import { MaterialVaryingFlags } from '../values.js';
-import { Application } from '../app.js';
+import { getDevice } from '../app/api.js';
 import '../material/meshmaterial.js';
 import '../material/grassmaterial.js';
 import '../material/terrainmaterial.js';
+import '../material/terrain-cm.js';
 import '../material/pbrmr.js';
 import '../material/pbrsg.js';
+import '../material/pbrblueprint.js';
 
 let _drawableId = 0;
+const boneTextureSize = new Vector2();
 const instanceBindGroupTransfromTags = new WeakMap();
 const drawableBindGroupTransfromTags = new WeakMap();
+const bindGroupCache = {};
+const usedBindGroups = new WeakMap();
+function fetchBindGroup(skinning, morphing, instancing) {
+    const hash = `${instancing}:${morphing}:${skinning}`;
+    const bindGroups = bindGroupCache[hash];
+    let bindGroup = null;
+    if (bindGroups && bindGroups.length > 0) {
+        bindGroup = bindGroups.pop();
+    } else {
+        const layout = ShaderHelper.getDrawableBindGroupLayout(skinning, morphing, instancing);
+        bindGroup = getDevice().createBindGroup(layout);
+    }
+    usedBindGroups.set(bindGroup, hash);
+    return bindGroup;
+}
+function releaseBindGroup(bindGroup) {
+    if (bindGroup) {
+        const hash = usedBindGroups.get(bindGroup);
+        if (hash) {
+            usedBindGroups.delete(bindGroup);
+            drawableBindGroupTransfromTags.delete(bindGroup);
+            const bindGroups = bindGroupCache[hash];
+            if (bindGroups) {
+                bindGroups.push(bindGroup);
+            } else {
+                bindGroupCache[hash] = [
+                    bindGroup
+                ];
+            }
+        } else {
+            bindGroup.dispose();
+        }
+    }
+}
 function mixinDrawable(baseCls) {
     const cls = class extends baseCls {
         _mdRenderQueueRef;
@@ -23,11 +61,15 @@ function mixinDrawable(baseCls) {
         _mdDrawableBindGroupSkin;
         _mdDrawableBindGroupMorph;
         _mdDrawableBindGroupSkinMorph;
-        _id;
+        _worldMatrixBuffer;
+        _framestampBuffer;
+        _currentWorldMatrixBuffer;
+        _prevWorldMatrixBuffer;
+        _drawableId;
         _objectColor;
         constructor(...args){
             super(...args);
-            this._id = ++_drawableId;
+            this._drawableId = ++_drawableId;
             this._objectColor = null;
             this._mdRenderQueueRef = [];
             this._mdDrawableBindGroup = null;
@@ -35,7 +77,22 @@ function mixinDrawable(baseCls) {
             this._mdDrawableBindGroupSkin = null;
             this._mdDrawableBindGroupMorph = null;
             this._mdDrawableBindGroupSkinMorph = null;
-            this.getXForm().on('transformchanged', (node)=>{
+            this._worldMatrixBuffer = new Float32Array(4 * 9);
+            this._framestampBuffer = new Int32Array(this._worldMatrixBuffer.buffer, 4 * 16);
+            this._currentWorldMatrixBuffer = this._worldMatrixBuffer.subarray(0, 16);
+            this._prevWorldMatrixBuffer = this._worldMatrixBuffer.subarray(20, 36);
+            this._currentWorldMatrixBuffer.set(this.getNode().worldMatrix);
+            this._framestampBuffer[0] = getDevice().frameInfo.frameCounter;
+            this._framestampBuffer[1] = this._framestampBuffer[0];
+            this._prevWorldMatrixBuffer.set(this.getNode().worldMatrix);
+            this.getNode().on('transformchanged', ()=>{
+                const frame = getDevice().frameInfo.frameCounter;
+                if (frame !== this._framestampBuffer[1]) {
+                    this._prevWorldMatrixBuffer.set(this._currentWorldMatrixBuffer);
+                    this._framestampBuffer[0] = frame;
+                    this._framestampBuffer[1] = frame;
+                }
+                this._currentWorldMatrixBuffer.set(this.getNode().worldMatrix);
                 for (const ref of this._mdRenderQueueRef){
                     if (ref.ref) {
                         this.applyTransformUniforms(ref.ref);
@@ -43,15 +100,15 @@ function mixinDrawable(baseCls) {
                 }
             });
         }
-        getId() {
-            return this._id;
+        getDrawableId() {
+            return this._drawableId;
         }
         getObjectColor() {
             if (!this._objectColor) {
-                const a = (this._id & 0xff) / 255;
-                const b = (this._id >>> 8 & 0xff) / 255;
-                const g = (this._id >>> 16 & 0xff) / 255;
-                const r = (this._id >>> 24 & 0xff) / 255;
+                const a = (this._drawableId & 0xff) / 255;
+                const b = (this._drawableId >>> 8 & 0xff) / 255;
+                const g = (this._drawableId >>> 16 & 0xff) / 255;
+                const r = (this._drawableId >>> 24 & 0xff) / 255;
                 this._objectColor = new Vector4(r, g, b, a);
             }
             return this._objectColor;
@@ -60,47 +117,61 @@ function mixinDrawable(baseCls) {
             this.renderQueueRefPrune();
             this._mdRenderQueueRef.push(ref);
         }
-        renderQueueRefPrune() {
-            while(this._mdRenderQueueRef.length > 0){
-                const ref = this._mdRenderQueueRef[this._mdRenderQueueRef.length - 1].ref;
-                if (!ref) {
-                    this._mdRenderQueueRef.pop();
-                } else {
-                    return ref;
+        renderQueueRefPrune(force = false) {
+            for(let i = this._mdRenderQueueRef.length - 1; i >= 0; i--){
+                const ref = this._mdRenderQueueRef[i].ref;
+                if (force || ref.disposed) {
+                    this._mdRenderQueueRef.splice(i, 1);
+                    const bindGroup = this._mdDrawableBindGroupInstanced.get(ref);
+                    if (bindGroup) {
+                        releaseBindGroup(bindGroup);
+                        this._mdDrawableBindGroupInstanced.delete(ref);
+                    }
                 }
             }
-            return null;
         }
         applyInstanceOffsetAndStride(renderQueue, stride, offset) {
-            const drawableBindGroup = this.getDrawableBindGroup(Application.instance.device, true, renderQueue);
+            const drawableBindGroup = this.getDrawableBindGroup(getDevice(), true, renderQueue);
             drawableBindGroup.setValue(ShaderHelper.getInstanceDataStrideUniformName(), stride >> 2);
             drawableBindGroup.setValue(ShaderHelper.getInstanceDataOffsetUniformName(), offset >> 2);
         }
         applyTransformUniforms(renderQueue) {
             const instanceInfo = renderQueue.getInstanceInfo(this);
-            const currentTag = this.getXForm().transformTag;
+            const currentTag = this.getNode().transformTag;
             if (instanceInfo) {
                 const tag = instanceBindGroupTransfromTags.get(instanceInfo) ?? -1;
                 if (tag !== currentTag) {
-                    instanceInfo.bindGroup.bindGroup.setRawData(ShaderHelper.getInstanceDataUniformName(), instanceInfo.offset * 4, this.getXForm().worldMatrix, 0, 16);
-                    instanceBindGroupTransfromTags.set(instanceInfo, tag);
+                    instanceInfo.bindGroup.bindGroup.setRawData(ShaderHelper.getInstanceDataUniformName(), instanceInfo.offset * 4, this._worldMatrixBuffer, 0, 36);
+                    instanceBindGroupTransfromTags.set(instanceInfo, currentTag);
                 }
             } else {
-                const drawableBindGroup = this.getDrawableBindGroup(Application.instance.device, false, renderQueue);
+                const drawableBindGroup = this.getDrawableBindGroup(getDevice(), false, renderQueue);
                 const tag = drawableBindGroupTransfromTags.get(drawableBindGroup) ?? -1;
                 if (tag !== currentTag) {
-                    drawableBindGroup.setValue(ShaderHelper.getWorldMatrixUniformName(), this.getXForm().worldMatrix);
+                    drawableBindGroup.setValue(ShaderHelper.getWorldMatrixUniformName(), this._currentWorldMatrixBuffer);
+                    drawableBindGroup.setValue(ShaderHelper.getPrevWorldMatrixUniformName(), this._prevWorldMatrixBuffer);
+                    drawableBindGroup.setValue(ShaderHelper.getPrevWorldMatrixFrameUniformName(), this._framestampBuffer[0]);
                     if (this.getBoneMatrices()) {
                         drawableBindGroup.setValue(ShaderHelper.getBoneInvBindMatrixUniformName(), this.invWorldMatrix);
                     }
-                    drawableBindGroupTransfromTags.set(drawableBindGroup, tag);
+                    drawableBindGroupTransfromTags.set(drawableBindGroup, currentTag);
+                }
+            }
+        }
+        applyMaterialUniformsAll() {
+            for (const ref of this._mdRenderQueueRef){
+                if (ref.ref) {
+                    const instanceInfo = ref.ref.getInstanceInfo(this);
+                    if (instanceInfo) {
+                        this.applyMaterialUniforms(instanceInfo);
+                    }
                 }
             }
         }
         applyMaterialUniforms(instanceInfo) {
             const uniforms = this.getInstanceUniforms();
             if (uniforms) {
-                instanceInfo.bindGroup.bindGroup.setRawData(ShaderHelper.getInstanceDataUniformName(), (instanceInfo.offset + 16) * 4, uniforms, 0, uniforms.length);
+                instanceInfo.bindGroup.bindGroup.setRawData(ShaderHelper.getInstanceDataUniformName(), (instanceInfo.offset + ShaderHelper.MATERIAL_INSTANCE_DATA_OFFSET * 4) * 4, uniforms, 0, uniforms.length);
             }
         }
         /** @internal */ bind(ctx) {
@@ -112,13 +183,14 @@ function mixinDrawable(baseCls) {
                 const boneTexture = this.getBoneMatrices();
                 drawableBindGroup.setTexture(ShaderHelper.getBoneMatricesUniformName(), boneTexture);
                 drawableBindGroup.setValue(ShaderHelper.getBoneInvBindMatrixUniformName(), this.invWorldMatrix);
-                drawableBindGroup.setValue(ShaderHelper.getBoneTextureSizeUniformName(), boneTexture.width);
+                boneTextureSize.setXY(boneTexture.width, boneTexture.height);
+                drawableBindGroup.setValue(ShaderHelper.getBoneTextureSizeUniformName(), boneTextureSize);
             }
             if (ctx.materialFlags & MaterialVaryingFlags.MORPH_ANIMATION) {
                 const morphData = this.getMorphData();
                 const morphInfo = this.getMorphInfo();
-                drawableBindGroup.setTexture(ShaderHelper.getMorphDataUniformName(), morphData);
-                drawableBindGroup.setBuffer(ShaderHelper.getMorphInfoUniformName(), morphInfo);
+                drawableBindGroup.setTexture(ShaderHelper.getMorphDataUniformName(), morphData.texture.get());
+                drawableBindGroup.setBuffer(ShaderHelper.getMorphInfoUniformName(), morphInfo.buffer.get());
             }
         }
         /** @internal */ getDrawableBindGroup(device, instancing, renderQueue) {
@@ -126,8 +198,7 @@ function mixinDrawable(baseCls) {
             const morphing = !!this.getMorphData();
             let bindGroup = instancing ? this._mdDrawableBindGroupInstanced.get(renderQueue) : skinning && morphing ? this._mdDrawableBindGroupSkinMorph : skinning ? this._mdDrawableBindGroupSkin : morphing ? this._mdDrawableBindGroupMorph : this._mdDrawableBindGroup;
             if (!bindGroup) {
-                const layout = ShaderHelper.getDrawableBindGroupLayout(skinning, morphing, instancing);
-                bindGroup = device.createBindGroup(layout);
+                bindGroup = fetchBindGroup(skinning, morphing, instancing);
                 if (instancing) {
                     this._mdDrawableBindGroupInstanced.set(renderQueue, bindGroup);
                 } else if (skinning && morphing) {
@@ -135,21 +206,23 @@ function mixinDrawable(baseCls) {
                 } else if (skinning) {
                     this._mdDrawableBindGroupSkin = bindGroup;
                 } else if (morphing) {
-                    const bindName = layout.nameMap?.[ShaderHelper.getMorphInfoUniformName()] ?? ShaderHelper.getMorphInfoUniformName();
-                    for(let binding = 0; binding < layout.entries.length; binding++){
-                        const bindingPoint = layout.entries[binding];
-                        if (bindingPoint.name === bindName) {
-                            console.log(bindingPoint.type);
-                            break;
-                        }
-                    }
                     this._mdDrawableBindGroupMorph = bindGroup;
                 } else {
                     this._mdDrawableBindGroup = bindGroup;
                 }
+                if (!instancing) {
+                    bindGroup.setValue(ShaderHelper.getObjectColorUniformName(), this.getObjectColor());
+                }
             }
             return bindGroup;
         }
+        onDispose() {
+            super.onDispose();
+            this.renderQueueRefPrune(true);
+            releaseBindGroup(this._mdDrawableBindGroup);
+            releaseBindGroup(this._mdDrawableBindGroupSkin);
+            releaseBindGroup(this._mdDrawableBindGroupMorph);
+        }
     };
     return cls;
 }

package/dist/render/drawable_mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawable_mixin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"drawable_mixin.js","sources":["../../src/render/drawable_mixin.ts"],"sourcesContent":["import type { Disposable, GenericConstructor } from '@zephyr3d/base';\r\nimport { Vector2, Vector4 } from '@zephyr3d/base';\r\nimport type { AbstractDevice } from '@zephyr3d/device';\r\nimport type { BindGroup } from '@zephyr3d/device';\r\nimport type { BatchDrawable, DrawContext, Drawable } from './drawable';\r\nimport { ShaderHelper } from '../material';\r\nimport type { DrawableInstanceInfo, RenderQueue, RenderQueueRef } from './render_queue';\r\nimport type { Mesh, SceneNode } from '../scene';\r\nimport { MaterialVaryingFlags } from '../values';\r\nimport { getDevice } from '../app/api';\r\n\r\nexport interface IMixinDrawable {\r\n  readonly objectColor: Vector4;\r\n  getDrawableId(): number;\r\n  pushRenderQueueRef(ref: RenderQueueRef): void;\r\n  applyInstanceOffsetAndStride(renderQueue: RenderQueue, stride: number, offset: number): void;\r\n  applyTransformUniforms(renderQueue: RenderQueue): void;\r\n  applyMaterialUniforms(instanceInfo: DrawableInstanceInfo): void;\r\n  applyMaterialUniformsAll(): void;\r\n  getObjectColor(): Vector4;\r\n  bind(ctx: DrawContext): void;\r\n}\r\n\r\nlet _drawableId = 0;\r\nconst boneTextureSize = new Vector2();\r\n\r\nconst instanceBindGroupTransfromTags = new WeakMap<DrawableInstanceInfo, number>();\r\nconst drawableBindGroupTransfromTags = new WeakMap<BindGroup, number>();\r\n\r\nconst bindGroupCache: Record<string, BindGroup[]> = {};\r\nconst usedBindGroups: WeakMap<BindGroup, string> = new WeakMap();\r\n\r\nfunction fetchBindGroup(skinning: boolean, morphing: boolean, instancing: boolean) {\r\n  const hash = `${instancing}:${morphing}:${skinning}`;\r\n  const bindGroups = bindGroupCache[hash];\r\n  let bindGroup: BindGroup = null;\r\n  if (bindGroups && bindGroups.length > 0) {\r\n    bindGroup = bindGroups.pop();\r\n  } else {\r\n    const layout = ShaderHelper.getDrawableBindGroupLayout(skinning, morphing, instancing);\r\n    bindGroup = getDevice().createBindGroup(layout);\r\n  }\r\n  usedBindGroups.set(bindGroup, hash);\r\n  return bindGroup;\r\n}\r\n\r\nfunction releaseBindGroup(bindGroup: BindGroup) {\r\n  if (bindGroup) {\r\n    const hash = usedBindGroups.get(bindGroup);\r\n    if (hash) {\r\n      usedBindGroups.delete(bindGroup);\r\n      drawableBindGroupTransfromTags.delete(bindGroup);\r\n      const bindGroups = bindGroupCache[hash];\r\n      if (bindGroups) {\r\n        bindGroups.push(bindGroup);\r\n      } else {\r\n        bindGroupCache[hash] = [bindGroup];\r\n      }\r\n    } else {\r\n      bindGroup.dispose();\r\n    }\r\n  }\r\n}\r\n\r\nexport function mixinDrawable<\r\n  T extends GenericConstructor<\r\n    {\r\n      getNode(): SceneNode;\r\n    } & Disposable\r\n  >\r\n>(baseCls?: T): T & { new (...args: any[]): IMixinDrawable } {\r\n  const cls = class extends baseCls {\r\n    private readonly _mdRenderQueueRef: RenderQueueRef[];\r\n    private _mdDrawableBindGroup: BindGroup;\r\n    private readonly _mdDrawableBindGroupInstanced: Map<RenderQueue, BindGroup>;\r\n    private _mdDrawableBindGroupSkin: BindGroup;\r\n    private _mdDrawableBindGroupMorph: BindGroup;\r\n    private _mdDrawableBindGroupSkinMorph: BindGroup;\r\n    private readonly _worldMatrixBuffer: Float32Array<ArrayBuffer>;\r\n    private _framestampBuffer: Int32Array<ArrayBuffer>;\r\n    private readonly _currentWorldMatrixBuffer: Float32Array<ArrayBuffer>;\r\n    private readonly _prevWorldMatrixBuffer: Float32Array<ArrayBuffer>;\r\n    private readonly _drawableId: number;\r\n    private _objectColor: Vector4;\r\n    constructor(...args: any[]) {\r\n      super(...args);\r\n      this._drawableId = ++_drawableId;\r\n      this._objectColor = null;\r\n      this._mdRenderQueueRef = [];\r\n      this._mdDrawableBindGroup = null;\r\n      this._mdDrawableBindGroupInstanced = new Map();\r\n      this._mdDrawableBindGroupSkin = null;\r\n      this._mdDrawableBindGroupMorph = null;\r\n      this._mdDrawableBindGroupSkinMorph = null;\r\n      this._worldMatrixBuffer = new Float32Array(4 * 9);\r\n      this._framestampBuffer = new Int32Array(this._worldMatrixBuffer.buffer, 4 * 16);\r\n      this._currentWorldMatrixBuffer = this._worldMatrixBuffer.subarray(0, 16);\r\n      this._prevWorldMatrixBuffer = this._worldMatrixBuffer.subarray(20, 36);\r\n      this._currentWorldMatrixBuffer.set(this.getNode().worldMatrix);\r\n      this._framestampBuffer[0] = getDevice().frameInfo.frameCounter;\r\n      this._framestampBuffer[1] = this._framestampBuffer[0];\r\n      this._prevWorldMatrixBuffer.set(this.getNode().worldMatrix);\r\n      this.getNode().on('transformchanged', () => {\r\n        const frame = getDevice().frameInfo.frameCounter;\r\n        if (frame !== this._framestampBuffer[1]) {\r\n          this._prevWorldMatrixBuffer.set(this._currentWorldMatrixBuffer);\r\n          this._framestampBuffer[0] = frame;\r\n          this._framestampBuffer[1] = frame;\r\n        }\r\n        this._currentWorldMatrixBuffer.set(this.getNode().worldMatrix);\r\n        for (const ref of this._mdRenderQueueRef) {\r\n          if (ref.ref) {\r\n            this.applyTransformUniforms(ref.ref);\r\n          }\r\n        }\r\n      });\r\n    }\r\n    getDrawableId(): number {\r\n      return this._drawableId;\r\n    }\r\n    getObjectColor(): Vector4 {\r\n      if (!this._objectColor) {\r\n        const a = (this._drawableId & 0xff) / 255;\r\n        const b = ((this._drawableId >>> 8) & 0xff) / 255;\r\n        const g = ((this._drawableId >>> 16) & 0xff) / 255;\r\n        const r = ((this._drawableId >>> 24) & 0xff) / 255;\r\n        this._objectColor = new Vector4(r, g, b, a);\r\n      }\r\n      return this._objectColor;\r\n    }\r\n    pushRenderQueueRef(ref: RenderQueueRef): void {\r\n      this.renderQueueRefPrune();\r\n      this._mdRenderQueueRef.push(ref);\r\n    }\r\n    renderQueueRefPrune(force = false) {\r\n      for (let i = this._mdRenderQueueRef.length - 1; i >= 0; i--) {\r\n        const ref = this._mdRenderQueueRef[i].ref;\r\n        if (force || ref.disposed) {\r\n          this._mdRenderQueueRef.splice(i, 1);\r\n          const bindGroup = this._mdDrawableBindGroupInstanced.get(ref);\r\n          if (bindGroup) {\r\n            releaseBindGroup(bindGroup);\r\n            this._mdDrawableBindGroupInstanced.delete(ref);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    applyInstanceOffsetAndStride(renderQueue: RenderQueue, stride: number, offset: number): void {\r\n      const drawableBindGroup = this.getDrawableBindGroup(getDevice(), true, renderQueue);\r\n      drawableBindGroup.setValue(ShaderHelper.getInstanceDataStrideUniformName(), stride >> 2);\r\n      drawableBindGroup.setValue(ShaderHelper.getInstanceDataOffsetUniformName(), offset >> 2);\r\n    }\r\n    applyTransformUniforms(renderQueue: RenderQueue): void {\r\n      const instanceInfo = renderQueue.getInstanceInfo(this as unknown as Drawable);\r\n      const currentTag = this.getNode().transformTag;\r\n      if (instanceInfo) {\r\n        const tag = instanceBindGroupTransfromTags.get(instanceInfo) ?? -1;\r\n        if (tag !== currentTag) {\r\n          instanceInfo.bindGroup.bindGroup.setRawData(\r\n            ShaderHelper.getInstanceDataUniformName(),\r\n            instanceInfo.offset * 4,\r\n            this._worldMatrixBuffer,\r\n            0,\r\n            36\r\n          );\r\n          instanceBindGroupTransfromTags.set(instanceInfo, currentTag);\r\n        }\r\n      } else {\r\n        const drawableBindGroup = this.getDrawableBindGroup(getDevice(), false, renderQueue);\r\n        const tag = drawableBindGroupTransfromTags.get(drawableBindGroup) ?? -1;\r\n        if (tag !== currentTag) {\r\n          drawableBindGroup.setValue(\r\n            ShaderHelper.getWorldMatrixUniformName(),\r\n            this._currentWorldMatrixBuffer\r\n          );\r\n          drawableBindGroup.setValue(\r\n            ShaderHelper.getPrevWorldMatrixUniformName(),\r\n            this._prevWorldMatrixBuffer\r\n          );\r\n          drawableBindGroup.setValue(\r\n            ShaderHelper.getPrevWorldMatrixFrameUniformName(),\r\n            this._framestampBuffer[0]\r\n          );\r\n          if ((this as unknown as Drawable).getBoneMatrices()) {\r\n            drawableBindGroup.setValue(\r\n              ShaderHelper.getBoneInvBindMatrixUniformName(),\r\n              (this as unknown as Mesh).invWorldMatrix\r\n            );\r\n          }\r\n          drawableBindGroupTransfromTags.set(drawableBindGroup, currentTag);\r\n        }\r\n      }\r\n    }\r\n    applyMaterialUniformsAll() {\r\n      for (const ref of this._mdRenderQueueRef) {\r\n        if (ref.ref) {\r\n          const instanceInfo = ref.ref.getInstanceInfo(this as unknown as Drawable);\r\n          if (instanceInfo) {\r\n            this.applyMaterialUniforms(instanceInfo);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    applyMaterialUniforms(instanceInfo: DrawableInstanceInfo) {\r\n      const uniforms = (this as unknown as BatchDrawable).getInstanceUniforms();\r\n      if (uniforms) {\r\n        instanceInfo.bindGroup.bindGroup.setRawData(\r\n          ShaderHelper.getInstanceDataUniformName(),\r\n          (instanceInfo.offset + ShaderHelper.MATERIAL_INSTANCE_DATA_OFFSET * 4) * 4,\r\n          uniforms,\r\n          0,\r\n          uniforms.length\r\n        );\r\n      }\r\n    }\r\n    /** @internal */\r\n    bind(ctx: DrawContext): void {\r\n      const device = ctx.device;\r\n      const drawableBindGroup = this.getDrawableBindGroup(device, !!ctx.instanceData, ctx.renderQueue);\r\n      device.setBindGroup(1, drawableBindGroup);\r\n      device.setBindGroup(3, ctx.instanceData ? ctx.instanceData.bindGroup.bindGroup : null);\r\n      if (ctx.materialFlags & MaterialVaryingFlags.SKIN_ANIMATION) {\r\n        const boneTexture = (this as unknown as Mesh).getBoneMatrices();\r\n        drawableBindGroup.setTexture(ShaderHelper.getBoneMatricesUniformName(), boneTexture);\r\n        drawableBindGroup.setValue(\r\n          ShaderHelper.getBoneInvBindMatrixUniformName(),\r\n          (this as unknown as Mesh).invWorldMatrix\r\n        );\r\n        boneTextureSize.setXY(boneTexture.width, boneTexture.height);\r\n        drawableBindGroup.setValue(ShaderHelper.getBoneTextureSizeUniformName(), boneTextureSize);\r\n      }\r\n      if (ctx.materialFlags & MaterialVaryingFlags.MORPH_ANIMATION) {\r\n        const morphData = (this as unknown as Mesh).getMorphData();\r\n        const morphInfo = (this as unknown as Mesh).getMorphInfo();\r\n        drawableBindGroup.setTexture(ShaderHelper.getMorphDataUniformName(), morphData.texture.get());\r\n        drawableBindGroup.setBuffer(ShaderHelper.getMorphInfoUniformName(), morphInfo.buffer.get());\r\n      }\r\n    }\r\n    /** @internal */\r\n    getDrawableBindGroup(device: AbstractDevice, instancing: boolean, renderQueue: RenderQueue): BindGroup {\r\n      const skinning = !!(this as unknown as Drawable).getBoneMatrices();\r\n      const morphing = !!(this as unknown as Drawable).getMorphData();\r\n      let bindGroup = instancing\r\n        ? this._mdDrawableBindGroupInstanced.get(renderQueue)\r\n        : skinning && morphing\r\n          ? this._mdDrawableBindGroupSkinMorph\r\n          : skinning\r\n            ? this._mdDrawableBindGroupSkin\r\n            : morphing\r\n              ? this._mdDrawableBindGroupMorph\r\n              : this._mdDrawableBindGroup;\r\n      if (!bindGroup) {\r\n        bindGroup = fetchBindGroup(skinning, morphing, instancing);\r\n        if (instancing) {\r\n          this._mdDrawableBindGroupInstanced.set(renderQueue, bindGroup);\r\n        } else if (skinning && morphing) {\r\n          this._mdDrawableBindGroupSkinMorph = bindGroup;\r\n        } else if (skinning) {\r\n          this._mdDrawableBindGroupSkin = bindGroup;\r\n        } else if (morphing) {\r\n          this._mdDrawableBindGroupMorph = bindGroup;\r\n        } else {\r\n          this._mdDrawableBindGroup = bindGroup;\r\n        }\r\n        if (!instancing) {\r\n          bindGroup.setValue(ShaderHelper.getObjectColorUniformName(), this.getObjectColor());\r\n        }\r\n      }\r\n      return bindGroup;\r\n    }\r\n    onDispose() {\r\n      super.onDispose();\r\n      this.renderQueueRefPrune(true);\r\n      releaseBindGroup(this._mdDrawableBindGroup);\r\n      releaseBindGroup(this._mdDrawableBindGroupSkin);\r\n      releaseBindGroup(this._mdDrawableBindGroupMorph);\r\n    }\r\n  };\r\n  return cls as unknown as T & { new (...args: any[]): IMixinDrawable };\r\n}\r\n"],"names":["_drawableId","boneTextureSize","Vector2","instanceBindGroupTransfromTags","WeakMap","drawableBindGroupTransfromTags","bindGroupCache","usedBindGroups","fetchBindGroup","skinning","morphing","instancing","hash","bindGroups","bindGroup","length","pop","layout","ShaderHelper","getDrawableBindGroupLayout","getDevice","createBindGroup","set","releaseBindGroup","get","delete","push","dispose","mixinDrawable","baseCls","cls","_mdRenderQueueRef","_mdDrawableBindGroup","_mdDrawableBindGroupInstanced","_mdDrawableBindGroupSkin","_mdDrawableBindGroupMorph","_mdDrawableBindGroupSkinMorph","_worldMatrixBuffer","_framestampBuffer","_currentWorldMatrixBuffer","_prevWorldMatrixBuffer","_objectColor","args","Map","Float32Array","Int32Array","buffer","subarray","getNode","worldMatrix","frameInfo","frameCounter","on","frame","ref","applyTransformUniforms","getDrawableId","getObjectColor","a","b","g","r","Vector4","pushRenderQueueRef","renderQueueRefPrune","force","i","disposed","splice","applyInstanceOffsetAndStride","renderQueue","stride","offset","drawableBindGroup","getDrawableBindGroup","setValue","getInstanceDataStrideUniformName","getInstanceDataOffsetUniformName","instanceInfo","getInstanceInfo","currentTag","transformTag","tag","setRawData","getInstanceDataUniformName","getWorldMatrixUniformName","getPrevWorldMatrixUniformName","getPrevWorldMatrixFrameUniformName","getBoneMatrices","getBoneInvBindMatrixUniformName","invWorldMatrix","applyMaterialUniformsAll","applyMaterialUniforms","uniforms","getInstanceUniforms","MATERIAL_INSTANCE_DATA_OFFSET","bind","ctx","device","instanceData","setBindGroup","materialFlags","MaterialVaryingFlags","SKIN_ANIMATION","boneTexture","setTexture","getBoneMatricesUniformName","setXY","width","height","getBoneTextureSizeUniformName","MORPH_ANIMATION","morphData","getMorphData","morphInfo","getMorphInfo","getMorphDataUniformName","texture","setBuffer","getMorphInfoUniformName","getObjectColorUniformName","onDispose"],"mappings":"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"}

package/dist/render/envlight.js

@@ -1,10 +1,11 @@
-import { Vector4 } from '@zephyr3d/base';
-import { Application } from '../app.js';
+import { Disposable, DRef, Vector3, Vector4 } from '@zephyr3d/base';
+import { fetchSampler } from '../utility/misc.js';
+import { getDevice } from '../app/api.js';
 
 /**
  * Base class for any kind of environment light
  * @public
- */ class EnvironmentLighting {
+ */ class EnvironmentLighting extends Disposable {
 }
 /**
  * IBL with SH based environment lighting
@@ -13,68 +14,71 @@ import { Application } from '../app.js';
     /** @internal */ static UNIFORM_NAME_IBL_RADIANCE_MAP = 'zIBLRadianceMap';
     /** @internal */ static UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD = 'zIBLRadianceMapMaxLOD';
     /** @internal */ static UNIFORM_NAME_IBL_IRRADIANCE_SH = 'zIBLIrradianceSH';
+    /** @internal */ static UNIFORM_NAME_IBL_IRRADIANCE_WINDOW = 'zIBLIrradianceWindow';
     /** @internal */ _radianceMap;
     /** @internal */ _irradianceSH;
+    /** @internal */ _irradianceSHFB;
+    /** @internal */ _irraidanceWindow;
     /**
    * Creates an instance of EnvIBL
    * @param radianceMap - The radiance map
    * @param irradianceSH - The irradiance SH
-   */ constructor(radianceMap, irradianceSH){
+   */ constructor(radianceMap, irradianceSH, irradianceSHFB){
         super();
-        this._radianceMap = radianceMap || null;
-        if (!irradianceSH) {
-            this._irradianceSH = null;
-        } else {
-            this._irradianceSH = new Float32Array(9 * 4);
-            if (irradianceSH instanceof Float32Array) {
-                if (irradianceSH.length !== 9 * 4) {
-                    throw new Error(`3rd order SH coefficients expected`);
-                }
-                this._irradianceSH.set(irradianceSH);
-            } else {
-                if (irradianceSH.length !== 9) {
-                    throw new Error(`3rd order SH coefficients expected`);
-                }
-                for(let i = 0; i < 9; i++){
-                    this._irradianceSH[i * 4 + 0] = irradianceSH[i].x;
-                    this._irradianceSH[i * 4 + 1] = irradianceSH[i].y;
-                    this._irradianceSH[i * 4 + 2] = irradianceSH[i].z;
-                }
-            }
-        }
+        this._radianceMap = new DRef(radianceMap || null);
+        this._irradianceSH = new DRef(irradianceSH || null);
+        this._irradianceSHFB = new DRef(irradianceSHFB || null);
+        this._irraidanceWindow = new Vector3();
     }
     /**
    * {@inheritDoc EnvironmentLighting.getType}
    * @override
    */ getType() {
-        return 'ibl-sh';
+        return 'ibl';
     }
     /** The radiance map */ get radianceMap() {
-        return this._radianceMap;
+        return this._radianceMap.get();
     }
     set radianceMap(tex) {
-        this._radianceMap = tex;
+        this._radianceMap.set(tex);
     }
     /** The irradiance sh coeffecients */ get irradianceSH() {
-        return this._irradianceSH;
+        return this._irradianceSH.get();
     }
     set irradianceSH(value) {
-        if (value && value.length < 36) {
-            throw new Error(`3rd order SH coefficients expected`);
-        }
-        this._irradianceSH = value;
+        this._irradianceSH.set(value);
+    }
+    /** The irradiance sh coeffecients */ get irradianceSHFB() {
+        return this._irradianceSHFB.get();
+    }
+    set irradianceSHFB(value) {
+        this._irradianceSHFB.set(value);
+    }
+    /** The irradiance sh window */ get irradianceWindow() {
+        return this._irraidanceWindow;
+    }
+    set irradianceWindow(val) {
+        this._irraidanceWindow = val;
     }
     /**
    * {@inheritDoc EnvironmentLighting.initShaderBindings}
    * @override
    */ initShaderBindings(pb) {
         if (pb.shaderKind === 'fragment') {
-            if (this._radianceMap) {
+            if (this.radianceMap) {
                 pb.getGlobalScope()[EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP] = pb.texCube().uniform(0);
                 pb.getGlobalScope()[EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD] = pb.float().uniform(0);
             }
-            if (this._irradianceSH) {
-                pb.getGlobalScope()[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH] = pb.vec4[9]().uniform(0);
+            if (getDevice().type === 'webgl' || !getDevice().getDeviceCaps().framebufferCaps.supportFloatBlending) {
+                if (this.irradianceSHFB) {
+                    pb.getGlobalScope()[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH] = pb.tex2D().uniform(0);
+                    pb.getGlobalScope()[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_WINDOW] = pb.vec3().uniform(0);
+                }
+            } else {
+                if (this.irradianceSH) {
+                    pb.getGlobalScope()[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH] = pb.vec4[9]().uniformBuffer(0);
+                    pb.getGlobalScope()[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_WINDOW] = pb.vec3().uniform(0);
+                }
             }
         }
     }
@@ -82,12 +86,20 @@ import { Application } from '../app.js';
    * {@inheritDoc EnvironmentLighting.updateBindGroup}
    * @override
    */ updateBindGroup(bg) {
-        if (this._radianceMap) {
-            bg.setValue(EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD, this._radianceMap.mipLevelCount - 1);
-            bg.setTexture(EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP, this._radianceMap);
+        if (this.radianceMap) {
+            bg.setValue(EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD, this.radianceMap.mipLevelCount - 1);
+            bg.setTexture(EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP, this.radianceMap);
         }
-        if (this._irradianceSH) {
-            bg.setValue(EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH, this._irradianceSH);
+        if (getDevice().type === 'webgl' || !getDevice().getDeviceCaps().framebufferCaps.supportFloatBlending) {
+            if (this.irradianceSHFB) {
+                bg.setTexture(EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH, this.irradianceSHFB.getColorAttachments()[0], fetchSampler('clamp_nearest_nomip'));
+                bg.setValue(EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_WINDOW, this.irradianceWindow);
+            }
+        } else {
+            if (this.irradianceSH) {
+                bg.setBuffer(EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH, this.irradianceSH);
+                bg.setValue(EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_WINDOW, this.irradianceWindow);
+            }
         }
     }
     /**
@@ -95,7 +107,7 @@ import { Application } from '../app.js';
    * @override
    */ getRadiance(scope, refl, roughness) {
         const pb = scope.$builder;
-        return Application.instance.device.getDeviceCaps().shaderCaps.supportShaderTextureLod ? pb.textureSampleLevel(scope[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP], refl, pb.mul(roughness, scope[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD])).rgb : pb.textureSample(scope[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP], refl).rgb;
+        return getDevice().getDeviceCaps().shaderCaps.supportShaderTextureLod ? pb.textureSampleLevel(scope[EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP], refl, pb.mul(roughness, scope[EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD])).rgb : pb.textureSample(scope[EnvShIBL.UNIFORM_NAME_IBL_RADIANCE_MAP], refl).rgb;
     }
     /**
    * {@inheritDoc EnvironmentLighting.getIrradiance}
@@ -150,15 +162,28 @@ import { Application } from '../app.js';
         pb.func('Z_sh_eval', [
             pb.vec3('v')
         ], function() {
-            this.$l.c = pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][0].xyz, this.Z_sh_Y0(this.v));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][1].xyz, this.Z_sh_Y1(this.v)));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][2].xyz, this.Z_sh_Y2(this.v)));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][3].xyz, this.Z_sh_Y3(this.v)));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][4].xyz, this.Z_sh_Y4(this.v)));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][5].xyz, this.Z_sh_Y5(this.v)));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][6].xyz, this.Z_sh_Y6(this.v)));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][7].xyz, this.Z_sh_Y7(this.v)));
-            this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][8].xyz, this.Z_sh_Y8(this.v)));
+            this.$l.window = this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_WINDOW];
+            if (getDevice().type === 'webgl' || !getDevice().getDeviceCaps().framebufferCaps.supportFloatBlending) {
+                this.$l.c = pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(0.5 / 3, 0.5 / 3), 0).rgb, this.Z_sh_Y0(this.v), this.window.x);
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(1.5 / 3, 0.5 / 3), 0).rgb, this.Z_sh_Y1(this.v), this.window.y));
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(2.5 / 3, 0.5 / 3), 0).rgb, this.Z_sh_Y2(this.v), this.window.y));
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(0.5 / 3, 1.5 / 3), 0).rgb, this.Z_sh_Y3(this.v), this.window.y));
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(1.5 / 3, 1.5 / 3), 0).rgb, this.Z_sh_Y4(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(2.5 / 3, 1.5 / 3), 0).rgb, this.Z_sh_Y5(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(0.5 / 3, 2.5 / 3), 0).rgb, this.Z_sh_Y6(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(1.5 / 3, 2.5 / 3), 0).rgb, this.Z_sh_Y7(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(pb.textureSampleLevel(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH], pb.vec2(2.5 / 3, 2.5 / 3), 0).rgb, this.Z_sh_Y8(this.v), this.window.z));
+            } else {
+                this.$l.c = pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][0].xyz, this.Z_sh_Y0(this.v), this.window.x);
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][1].xyz, this.Z_sh_Y1(this.v), this.window.y));
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][2].xyz, this.Z_sh_Y2(this.v), this.window.y));
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][3].xyz, this.Z_sh_Y3(this.v), this.window.y));
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][4].xyz, this.Z_sh_Y4(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][5].xyz, this.Z_sh_Y5(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][6].xyz, this.Z_sh_Y6(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][7].xyz, this.Z_sh_Y7(this.v), this.window.z));
+                this.c = pb.add(this.c, pb.mul(this[EnvShIBL.UNIFORM_NAME_IBL_IRRADIANCE_SH][8].xyz, this.Z_sh_Y8(this.v), this.window.z));
+            }
             this.$return(this.c);
         });
         return pb.getGlobalScope().Z_sh_eval(normal);
@@ -175,94 +200,14 @@ import { Application } from '../app.js';
    */ hasIrradiance() {
         return !!this._irradianceSH;
     }
-}
-/**
- * IBL based environment lighting
- * @public
- */ class EnvIBL extends EnvironmentLighting {
-    /** @internal */ static UNIFORM_NAME_IBL_RADIANCE_MAP = 'zIBLRadianceMap';
-    /** @internal */ static UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD = 'zIBLRadianceMapMaxLOD';
-    /** @internal */ static UNIFORM_NAME_IBL_IRRADIANCE_MAP = 'zIBLIrradianceMap';
-    /** @internal */ _radianceMap;
-    /** @internal */ _irradianceMap;
-    /**
-   * Creates an instance of EnvIBL
-   * @param radianceMap - The radiance map
-   * @param irradianceMap - The irradiance map
-   */ constructor(radianceMap, irradianceMap){
-        super();
-        this._radianceMap = radianceMap || null;
-        this._irradianceMap = irradianceMap || null;
-    }
     /**
-   * {@inheritDoc EnvironmentLighting.getType}
+   * Disposes the object and releases all GPU resources
    * @override
-   */ getType() {
-        return 'ibl';
-    }
-    /** The radiance map */ get radianceMap() {
-        return this._radianceMap;
-    }
-    set radianceMap(tex) {
-        this._radianceMap = tex;
-    }
-    /** The irradiance map */ get irradianceMap() {
-        return this._irradianceMap;
-    }
-    set irradianceMap(tex) {
-        this._irradianceMap = tex;
-    }
-    /**
-   * {@inheritDoc EnvironmentLighting.initShaderBindings}
-   * @override
-   */ initShaderBindings(pb) {
-        if (pb.shaderKind === 'fragment') {
-            if (this._radianceMap) {
-                pb.getGlobalScope()[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP] = pb.texCube().uniform(0);
-                pb.getGlobalScope()[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD] = pb.float().uniform(0);
-            }
-            if (this._irradianceMap) {
-                pb.getGlobalScope()[EnvIBL.UNIFORM_NAME_IBL_IRRADIANCE_MAP] = pb.texCube().uniform(0);
-            }
-        }
-    }
-    /**
-   * {@inheritDoc EnvironmentLighting.updateBindGroup}
-   * @override
-   */ updateBindGroup(bg) {
-        if (this._radianceMap) {
-            bg.setValue(EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD, this._radianceMap.mipLevelCount - 1);
-            bg.setTexture(EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP, this._radianceMap);
-        }
-        if (this._irradianceMap) {
-            bg.setTexture(EnvIBL.UNIFORM_NAME_IBL_IRRADIANCE_MAP, this._irradianceMap);
-        }
-    }
-    /**
-   * {@inheritDoc EnvironmentLighting.getRadiance}
-   * @override
-   */ getRadiance(scope, refl, roughness) {
-        const pb = scope.$builder;
-        return Application.instance.device.getDeviceCaps().shaderCaps.supportShaderTextureLod ? pb.textureSampleLevel(scope[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP], refl, pb.mul(roughness, scope[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP_MAX_LOD])).rgb : pb.textureSample(scope[EnvIBL.UNIFORM_NAME_IBL_RADIANCE_MAP], refl).rgb;
-    }
-    /**
-   * {@inheritDoc EnvironmentLighting.getIrradiance}
-   * @override
-   */ getIrradiance(scope, normal) {
-        const pb = scope.$builder;
-        return pb.textureSampleLevel(scope[EnvIBL.UNIFORM_NAME_IBL_IRRADIANCE_MAP], normal, 0).rgb;
-    }
-    /**
-   * {@inheritDoc EnvironmentLighting.hasRadiance}
-   * @override
-   */ hasRadiance() {
-        return !!this._radianceMap;
-    }
-    /**
-   * {@inheritDoc EnvironmentLighting.hasIrradiance}
-   * @override
-   */ hasIrradiance() {
-        return !!this._irradianceMap;
+   */ onDispose() {
+        super.onDispose();
+        this._radianceMap.dispose();
+        this._irradianceSH.dispose();
+        this._irradianceSHFB.dispose();
     }
 }
 /**
@@ -309,13 +254,13 @@ import { Application } from '../app.js';
     /**
    * {@inheritDoc EnvironmentLighting.getRadiance}
    * @override
-   */ getRadiance(scope, refl, roughness) {
+   */ getRadiance(_scope, _refl, _roughness) {
         return null;
     }
     /**
    * {@inheritDoc EnvironmentLighting.getIrradiance}
    * @override
-   */ getIrradiance(scope, normal) {
+   */ getIrradiance(scope, _normal) {
         return scope[EnvConstantAmbient.UNIFORM_NAME_CONSTANT_AMBIENT].rgb;
     }
     /**
@@ -389,7 +334,7 @@ import { Application } from '../app.js';
     /**
    * {@inheritDoc EnvironmentLighting.getRadiance}
    * @override
-   */ getRadiance(scope, refl, roughness) {
+   */ getRadiance(scope, refl, _roughness) {
         const pb = scope.$builder;
         const factor = pb.add(pb.mul(refl.y, 0.5), 0.5);
         return pb.mix(scope[EnvHemisphericAmbient.UNIFORM_NAME_AMBIENT_DOWN], scope[EnvHemisphericAmbient.UNIFORM_NAME_AMBIENT_UP], factor).rgb;
@@ -416,5 +361,5 @@ import { Application } from '../app.js';
     }
 }
 
-export { EnvConstantAmbient, EnvHemisphericAmbient, EnvIBL, EnvShIBL, EnvironmentLighting };
+export { EnvConstantAmbient, EnvHemisphericAmbient, EnvShIBL, EnvironmentLighting };
 //# sourceMappingURL=envlight.js.map