fix(vtkWebGPUBackground): background is RGB

Author: daker

Sources/Rendering/Core/Viewport/index.d.ts

@@ -38,24 +38,28 @@ export interface vtkViewport extends vtkObject {
   getActors2D(): vtkActor2D[];
 
   /**
-   *
+   * Get the viewport background.
+   * @returns {RGBColor}
    */
-  getBackground2(): number[];
+  getBackground2(): RGBColor;
 
   /**
-   *
+   * Get the viewport background.
+   * @returns {RGBColor}
    */
-  getBackground2ByReference(): number[];
+  getBackground2ByReference(): RGBColor;
 
   /**
-   *
+   * Get the viewport background.
+   * @returns {RGBColor}
    */
-  getBackground(): number[];
+  getBackground(): RGBColor;
 
   /**
-   *
+   * Get the viewport background.
+   * @returns {RGBColor}
    */
-  getBackgroundByReference(): number[];
+  getBackgroundByReference(): RGBColor;
 
   /**
    * Get the gradient background flag.
@@ -64,7 +68,7 @@ export interface vtkViewport extends vtkObject {
   getGradientBackground(): boolean;
 
   /**
-   *
+   * Get the size and origin of the viewport in display coordinates.
    */
   getSize(): Size;
 
@@ -158,30 +162,30 @@ export interface vtkViewport extends vtkObject {
   setBackground(background: number[]): boolean;
 
   /**
-   *
+   * Set the viewport secondary background.
    * @param {Number} r Defines the red component (between 0 and 1).
    * @param {Number} g Defines the green component (between 0 and 1).
    * @param {Number} b Defines the blue component (between 0 and 1).
    */
   setBackground2(r: number, g: number, b: number): boolean;
 
   /**
-   *
-   * @param {Number[]} background
+   * Set the viewport secondary background.
+   * @param {RGBColor} background
    */
-  setBackground2(background: number[]): boolean;
+  setBackground2(background: RGBColor): boolean;
 
   /**
-   *
-   * @param {Number[]} background
+   * Set the viewport secondary background.
+   * @param {RGBColor} background
    */
-  setBackground2From(background: number[]): boolean;
+  setBackground2From(background: RGBColor): boolean;
 
   /**
-   *
-   * @param {Number[]} background
+   * Set the viewport background.
+   * @param {RGBColor} background
    */
-  setBackgroundFrom(background: number[]): boolean;
+  setBackgroundFrom(background: RGBColor): boolean;
 
   /**
    * Set the gradient background flag.

Sources/Rendering/WebGPU/Background/index.js

@@ -159,10 +159,9 @@ function vtkWebGPUBackground(publicAPI, model) {
     }
 
     const isGradientBackground = renderer.getGradientBackground?.();
-    const background = renderer.getBackgroundByReference?.() ?? [0, 0, 0, 1];
+    const background = renderer.getBackgroundByReference?.() ?? [0, 0, 0];
     const background2 = renderer.getBackground2ByReference?.() ?? [0, 0, 0];
-    const background2rgba = [...background2, 1.0];
-    if (isGradientBackground && !areEquals(background, background2rgba)) {
+    if (isGradientBackground && !areEquals(background, background2)) {
       return {
         mode: 'gradient',
         texture: null,
@@ -243,9 +242,9 @@ function vtkWebGPUBackground(publicAPI, model) {
   };
 
   publicAPI.updateUBO = (device, rendererNode, renderer) => {
-    const background = renderer.getBackgroundByReference?.() ?? [0, 0, 0, 1];
+    const background = renderer.getBackgroundByReference?.() ?? [0, 0, 0];
     const background2 = renderer.getBackground2ByReference?.() ?? [0, 0, 0];
-    model.UBO.setArray('BackgroundColor', background);
+    model.UBO.setArray('BackgroundColor', [background[0], background[1], background[2], 1.0]);
     model.UBO.setArray('BackgroundColor2', [...background2, 1.0]);
 
     const keyMats = model.webgpuCamera.getKeyMatrices(rendererNode);