@babylonjs/core 5.0.0-beta.5 → 5.0.0-beta.9

package/Engines/webgpuEngine.js

@@ -560,7 +560,8 @@ var WebGPUEngine = /** @class */ (function (_super) {
             canUseGLVertexID: true,
             supportComputeShaders: true,
             supportSRGBBuffers: true,
-            supportTransformFeedbacks: false
+            supportTransformFeedbacks: false,
+            textureMaxLevel: true
         };
         this._caps.parallelShaderCompile = null;
         this._features = {
@@ -621,14 +622,16 @@ var WebGPUEngine = /** @class */ (function (_super) {
             this._mainTexture = this._device.createTexture(mainTextureDescriptor);
             mainColorAttachments = [{
                     view: this._mainTexture.createView(),
-                    loadValue: new Color4(0, 0, 0, 1),
-                    storeOp: WebGPUConstants.StoreOp.Store // don't use StoreOp.Clear, else using several cameras with different viewports or using scissors will fail because we call beginRenderPass / endPass several times for the same color attachment!
+                    clearValue: new Color4(0, 0, 0, 1),
+                    loadOp: WebGPUConstants.LoadOp.Clear,
+                    storeOp: WebGPUConstants.StoreOp.Store // don't use StoreOp.Discard, else using several cameras with different viewports or using scissors will fail because we call beginRenderPass / endPass several times for the same color attachment!
                 }];
         }
         else {
             mainColorAttachments = [{
                     view: undefined,
-                    loadValue: new Color4(0, 0, 0, 1),
+                    clearValue: new Color4(0, 0, 0, 1),
+                    loadOp: WebGPUConstants.LoadOp.Clear,
                     storeOp: WebGPUConstants.StoreOp.Store
                 }];
         }
@@ -648,9 +651,11 @@ var WebGPUEngine = /** @class */ (function (_super) {
         this._depthTexture = this._device.createTexture(depthTextureDescriptor);
         var mainDepthAttachment = {
             view: this._depthTexture.createView(),
-            depthLoadValue: this._clearDepthValue,
+            depthClearValue: this._clearDepthValue,
+            depthLoadOp: WebGPUConstants.LoadOp.Clear,
             depthStoreOp: WebGPUConstants.StoreOp.Store,
-            stencilLoadValue: this._clearStencilValue,
+            stencilClearValue: this._clearStencilValue,
+            stencilLoadOp: WebGPUConstants.LoadOp.Clear,
             stencilStoreOp: WebGPUConstants.StoreOp.Store,
         };
         this._mainRenderPassWrapper.renderPassDescriptor = {
@@ -1948,9 +1953,9 @@ var WebGPUEngine = /** @class */ (function (_super) {
         if (this.useReverseDepthBuffer) {
             this.setDepthFunctionToGreaterOrEqual();
         }
-        var colorClearValue = !setClearStates ? WebGPUConstants.LoadOp.Load : clearColor ? clearColor : WebGPUConstants.LoadOp.Load;
-        var depthClearValue = !setClearStates ? WebGPUConstants.LoadOp.Load : clearDepth ? (this.useReverseDepthBuffer ? this._clearReverseDepthValue : this._clearDepthValue) : WebGPUConstants.LoadOp.Load;
-        var stencilClearValue = !setClearStates ? WebGPUConstants.LoadOp.Load : clearStencil ? this._clearStencilValue : WebGPUConstants.LoadOp.Load;
+        var mustClearColor = setClearStates && clearColor;
+        var mustClearDepth = setClearStates && clearDepth;
+        var mustClearStencil = setClearStates && clearStencil;
         if (rtWrapper._attachments && rtWrapper.isMulti) {
             // multi render targets
             if (!this._mrtAttachments || this._mrtAttachments.length === 0) {
@@ -1969,7 +1974,8 @@ var WebGPUEngine = /** @class */ (function (_super) {
                     colorAttachments.push({
                         view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
                         resolveTarget: gpuMSAATexture ? colorTextureView : undefined,
-                        loadValue: index !== 0 ? colorClearValue : WebGPUConstants.LoadOp.Load,
+                        clearValue: index !== 0 && mustClearColor ? clearColor : undefined,
+                        loadOp: index !== 0 && mustClearColor ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load,
                         storeOp: WebGPUConstants.StoreOp.Store,
                     });
                 }
@@ -1988,7 +1994,8 @@ var WebGPUEngine = /** @class */ (function (_super) {
             colorAttachments.push({
                 view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
                 resolveTarget: gpuMSAATexture ? colorTextureView : undefined,
-                loadValue: colorClearValue,
+                clearValue: mustClearColor ? clearColor : undefined,
+                loadOp: mustClearColor ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load,
                 storeOp: WebGPUConstants.StoreOp.Store,
             });
         }
@@ -1997,9 +2004,11 @@ var WebGPUEngine = /** @class */ (function (_super) {
             colorAttachments: colorAttachments,
             depthStencilAttachment: depthStencilTexture && gpuDepthStencilTexture ? {
                 view: depthMSAATextureView ? depthMSAATextureView : depthTextureView,
-                depthLoadValue: true /* depth always generated for the depth/stencil texture */ ? depthClearValue : WebGPUConstants.LoadOp.Load,
+                depthClearValue: mustClearDepth ? (this.useReverseDepthBuffer ? this._clearReverseDepthValue : this._clearDepthValue) : undefined,
+                depthLoadOp: mustClearDepth ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load,
                 depthStoreOp: WebGPUConstants.StoreOp.Store,
-                stencilLoadValue: rtWrapper._depthStencilTextureWithStencil ? stencilClearValue : WebGPUConstants.LoadOp.Load,
+                stencilClearValue: rtWrapper._depthStencilTextureWithStencil && mustClearStencil ? this._clearStencilValue : undefined,
+                stencilLoadOp: rtWrapper._depthStencilTextureWithStencil && mustClearStencil ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load,
                 stencilStoreOp: WebGPUConstants.StoreOp.Store,
             } : undefined,
             occlusionQuerySet: ((_b = this._occlusionQuery) === null || _b === void 0 ? void 0 : _b.hasQueries) ? this._occlusionQuery.querySet : undefined,
@@ -2033,7 +2042,7 @@ var WebGPUEngine = /** @class */ (function (_super) {
                 this._bundleListRenderTarget.run(this._currentRenderPass);
                 this._bundleListRenderTarget.reset();
             }
-            this._currentRenderPass.endPass();
+            this._currentRenderPass.end();
             if (this.dbgVerboseLogsForFirstFrames) {
                 if (this._count === undefined) {
                     this._count = 0;
@@ -2073,12 +2082,15 @@ var WebGPUEngine = /** @class */ (function (_super) {
         if (this.useReverseDepthBuffer) {
             this.setDepthFunctionToGreaterOrEqual();
         }
-        var colorClearValue = !setClearStates ? WebGPUConstants.LoadOp.Load : clearColor ? clearColor : WebGPUConstants.LoadOp.Load;
-        var depthClearValue = !setClearStates ? WebGPUConstants.LoadOp.Load : clearDepth ? (this.useReverseDepthBuffer ? this._clearReverseDepthValue : this._clearDepthValue) : WebGPUConstants.LoadOp.Load;
-        var stencilClearValue = !setClearStates ? WebGPUConstants.LoadOp.Load : clearStencil ? this._clearStencilValue : WebGPUConstants.LoadOp.Load;
-        this._mainRenderPassWrapper.renderPassDescriptor.colorAttachments[0].loadValue = colorClearValue;
-        this._mainRenderPassWrapper.renderPassDescriptor.depthStencilAttachment.depthLoadValue = depthClearValue;
-        this._mainRenderPassWrapper.renderPassDescriptor.depthStencilAttachment.stencilLoadValue = stencilClearValue;
+        var mustClearColor = setClearStates && clearColor;
+        var mustClearDepth = setClearStates && clearDepth;
+        var mustClearStencil = setClearStates && clearStencil;
+        this._mainRenderPassWrapper.renderPassDescriptor.colorAttachments[0].clearValue = mustClearColor ? clearColor : undefined;
+        this._mainRenderPassWrapper.renderPassDescriptor.colorAttachments[0].loadOp = mustClearColor ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load;
+        this._mainRenderPassWrapper.renderPassDescriptor.depthStencilAttachment.depthClearValue = mustClearDepth ? (this.useReverseDepthBuffer ? this._clearReverseDepthValue : this._clearDepthValue) : undefined;
+        this._mainRenderPassWrapper.renderPassDescriptor.depthStencilAttachment.depthLoadOp = mustClearDepth ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load;
+        this._mainRenderPassWrapper.renderPassDescriptor.depthStencilAttachment.stencilClearValue = mustClearStencil ? this._clearStencilValue : undefined;
+        this._mainRenderPassWrapper.renderPassDescriptor.depthStencilAttachment.stencilLoadOp = mustClearStencil ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load;
         this._mainRenderPassWrapper.renderPassDescriptor.occlusionQuerySet = ((_a = this._occlusionQuery) === null || _a === void 0 ? void 0 : _a.hasQueries) ? this._occlusionQuery.querySet : undefined;
         this._swapChainTexture = this._context.getCurrentTexture();
         this._mainRenderPassWrapper.colorAttachmentGPUTextures[0].set(this._swapChainTexture);
@@ -2117,7 +2129,7 @@ var WebGPUEngine = /** @class */ (function (_super) {
                 this._bundleList.run(this._mainRenderPassWrapper.renderPass);
                 this._bundleList.reset();
             }
-            this._mainRenderPassWrapper.renderPass.endPass();
+            this._mainRenderPassWrapper.renderPass.end();
             if (this.dbgVerboseLogsForFirstFrames) {
                 if (this._count === undefined) {
                     this._count = 0;