@babylonjs/core 5.0.0-beta.7 → 5.0.0-rc.0

package/Engines/webgpuEngine.js

@@ -526,11 +526,11 @@ var WebGPUEngine = /** @class */ (function (_super) {
             maxFragmentUniformVectors: 1024,
             maxVertexUniformVectors: 1024,
             standardDerivatives: true,
-            astc: null,
+            astc: (this._deviceEnabledExtensions.indexOf(WebGPUConstants.FeatureName.TextureCompressionASTC) >= 0 ? true : undefined),
             s3tc: (this._deviceEnabledExtensions.indexOf(WebGPUConstants.FeatureName.TextureCompressionBC) >= 0 ? true : undefined),
             pvrtc: null,
             etc1: null,
-            etc2: null,
+            etc2: (this._deviceEnabledExtensions.indexOf(WebGPUConstants.FeatureName.TextureCompressionETC2) >= 0 ? true : undefined),
             bptc: this._deviceEnabledExtensions.indexOf(WebGPUConstants.FeatureName.TextureCompressionBC) >= 0 ? true : undefined,
             maxAnisotropy: 4,
             uintIndices: true,
@@ -622,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
                 }];
         }
@@ -649,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 = {
@@ -1949,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) {
@@ -1970,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,
                     });
                 }
@@ -1989,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,
             });
         }
@@ -1998,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,
@@ -2034,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;
@@ -2074,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);
@@ -2118,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;