@babylonjs/core 6.14.2 → 6.16.0

package/Engines/webgpuEngine.js

@@ -51,6 +51,7 @@ const viewDescriptorSwapChain = {
     arrayLayerCount: 1,
 };
 const disableUniformityAnalysisMarker = "/* disable_uniformity_analysis */";
+const tempColor4 = new Color4();
 /**
  * The web GPU engine class provides support for WebGPU version of babylon.js.
  * @since 5.0.0
@@ -1997,6 +1998,13 @@ export class WebGPUEngine extends Engine {
         if (this.useReverseDepthBuffer) {
             this.setDepthFunctionToGreaterOrEqual();
         }
+        const clearColorForIntegerRT = tempColor4;
+        if (clearColor) {
+            clearColorForIntegerRT.r = clearColor.r * 255;
+            clearColorForIntegerRT.g = clearColor.g * 255;
+            clearColorForIntegerRT.b = clearColor.b * 255;
+            clearColorForIntegerRT.a = clearColor.a * 255;
+        }
         const mustClearColor = setClearStates && clearColor;
         const mustClearDepth = setClearStates && clearDepth;
         const mustClearStencil = setClearStates && clearStencil;
@@ -2016,12 +2024,13 @@ export class WebGPUEngine extends Engine {
                     const faceIndex = (_d = (_c = rtWrapper.faceIndices) === null || _c === void 0 ? void 0 : _c[i]) !== null && _d !== void 0 ? _d : 0;
                     const viewDescriptor = Object.assign(Object.assign({}, this._rttRenderPassWrapper.colorAttachmentViewDescriptor), { format: gpuMRTWrapper.format, baseArrayLayer: mrtTexture.isCube ? layerIndex * 6 + faceIndex : layerIndex });
                     const msaaViewDescriptor = Object.assign(Object.assign({}, this._rttRenderPassWrapper.colorAttachmentViewDescriptor), { format: gpuMRTWrapper.format, baseArrayLayer: 0 });
+                    const isRTInteger = mrtTexture.type === 7 || mrtTexture.type === 5;
                     const colorTextureView = gpuMRTTexture.createView(viewDescriptor);
                     const colorMSAATextureView = gpuMSAATexture === null || gpuMSAATexture === void 0 ? void 0 : gpuMSAATexture.createView(msaaViewDescriptor);
                     colorAttachments.push({
                         view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
                         resolveTarget: gpuMSAATexture ? colorTextureView : undefined,
-                        clearValue: index !== 0 && mustClearColor ? clearColor : undefined,
+                        clearValue: index !== 0 && mustClearColor ? (isRTInteger ? clearColorForIntegerRT : clearColor) : undefined,
                         loadOp: index !== 0 && mustClearColor ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load,
                         storeOp: WebGPUConstants.StoreOp.Store,
                     });
@@ -2039,10 +2048,11 @@ export class WebGPUEngine extends Engine {
                 const gpuMSAATexture = gpuWrapper.getMSAATexture();
                 const colorTextureView = gpuTexture.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
                 const colorMSAATextureView = gpuMSAATexture === null || gpuMSAATexture === void 0 ? void 0 : gpuMSAATexture.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
+                const isRTInteger = internalTexture.type === 7 || internalTexture.type === 5;
                 colorAttachments.push({
                     view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
                     resolveTarget: gpuMSAATexture ? colorTextureView : undefined,
-                    clearValue: mustClearColor ? clearColor : undefined,
+                    clearValue: mustClearColor ? (isRTInteger ? clearColorForIntegerRT : clearColor) : undefined,
                     loadOp: mustClearColor ? WebGPUConstants.LoadOp.Clear : WebGPUConstants.LoadOp.Load,
                     storeOp: WebGPUConstants.StoreOp.Store,
                 });