Renaming of internal variable to backBufferFormat

src/platform/graphics/graphics-device.js

@@ -52,6 +52,14 @@ class GraphicsDevice extends EventHandler {
      */
     backBufferSize = new Vec2();
 
+    /**
+     * The pixel format of the back buffer. Typically PIXELFORMAT_RGBA8, PIXELFORMAT_BGRA8 or
+     * PIXELFORMAT_RGB8.
+     *
+     * @ignore
+     */
+    backBufferFormat;
+
     /**
      * True if the deviceType is WebGPU
      *

src/platform/graphics/webgl/webgl-graphics-device.js

@@ -389,7 +389,7 @@ class WebglGraphicsDevice extends GraphicsDevice {
 
         // pixel format of the framebuffer
         const alphaBits = gl.getParameter(gl.ALPHA_BITS);
-        this.framebufferFormat = alphaBits ? PIXELFORMAT_RGBA8 : PIXELFORMAT_RGB8;
+        this.backBufferFormat = alphaBits ? PIXELFORMAT_RGBA8 : PIXELFORMAT_RGB8;
 
         const isChrome = platform.browserName === 'chrome';
         const isSafari = platform.browserName === 'safari';

src/platform/graphics/webgl/webgl-render-target.js

@@ -210,7 +210,7 @@ class WebglRenderTarget {
                 const buffer = gl.createRenderbuffer();
                 this._glMsaaColorBuffers.push(buffer);
 
-                const internalFormat = device.framebufferFormat === PIXELFORMAT_RGBA8 ? gl.RGBA8 : gl.RGB8;
+                const internalFormat = device.backBufferFormat === PIXELFORMAT_RGBA8 ? gl.RGBA8 : gl.RGB8;
 
                 gl.bindRenderbuffer(gl.RENDERBUFFER, buffer);
                 gl.renderbufferStorageMultisample(gl.RENDERBUFFER, target._samples, internalFormat, target.width, target.height);

src/platform/graphics/webgpu/webgpu-graphics-device.js

@@ -249,7 +249,7 @@ class WebgpuGraphicsDevice extends GraphicsDevice {
 
         // pixel format of the framebuffer is the most efficient one on the system
         const preferredCanvasFormat = navigator.gpu.getPreferredCanvasFormat();
-        this.framebufferFormat = preferredCanvasFormat === 'rgba8unorm' ? PIXELFORMAT_RGBA8 : PIXELFORMAT_BGRA8;
+        this.backBufferFormat = preferredCanvasFormat === 'rgba8unorm' ? PIXELFORMAT_RGBA8 : PIXELFORMAT_BGRA8;
 
         /**
          * Configuration of the main colorframebuffer we obtain using getCurrentTexture

src/scene/graphics/scene-grab.js

@@ -120,7 +120,7 @@ class SceneGrab {
     // texture format of the source texture the grab pass needs to copy
     getSourceColorFormat(texture) {
         // based on the RT the camera renders to, otherwise framebuffer
-        return texture?.format ?? this.device.framebufferFormat;
+        return texture?.format ?? this.device.backBufferFormat;
     }
 
     shouldReallocate(targetRT, sourceTexture, testFormat) {