WebGPU: Fix computation of projection matrices.

Author: Mugen87

src/constants.js

@@ -196,5 +196,7 @@ export const StaticCopyUsage = 35046;
 export const DynamicCopyUsage = 35050;
 export const StreamCopyUsage = 35042;
 
-export const GLSL1 = "100";
-export const GLSL3 = "300 es";
+export const GLSL1 = '100';
+export const GLSL3 = '300 es';
+
+export const WebGPU = { enabled: false };

src/math/Matrix4.js

@@ -1,4 +1,5 @@
 import { Vector3 } from './Vector3.js';
+import { WebGPU } from '../constants.js';
 
 class Matrix4 {
 
@@ -775,14 +776,24 @@ class Matrix4 {
 
 		const a = ( right + left ) / ( right - left );
 		const b = ( top + bottom ) / ( top - bottom );
-		const c = - ( far + near ) / ( far - near );
-		const d = - 2 * far * near / ( far - near );
 
 		te[ 0 ] = x;	te[ 4 ] = 0;	te[ 8 ] = a;	te[ 12 ] = 0;
 		te[ 1 ] = 0;	te[ 5 ] = y;	te[ 9 ] = b;	te[ 13 ] = 0;
-		te[ 2 ] = 0;	te[ 6 ] = 0;	te[ 10 ] = c;	te[ 14 ] = d;
+		te[ 2 ] = 0;	te[ 6 ] = 0;
 		te[ 3 ] = 0;	te[ 7 ] = 0;	te[ 11 ] = - 1;	te[ 15 ] = 0;
 
+		if ( WebGPU.enabled === true ) { // #20276
+
+			te[ 10 ] = - far / ( far - near );
+			te[ 14 ] = - far * near / ( far - near );
+
+		} else {
+
+			te[ 10 ] = - ( far + near ) / ( far - near );
+			te[ 14 ] = - 2 * far * near / ( far - near );
+
+		}
+
 		return this;
 
 	}
@@ -796,13 +807,24 @@ class Matrix4 {
 
 		const x = ( right + left ) * w;
 		const y = ( top + bottom ) * h;
-		const z = ( far + near ) * p;
 
 		te[ 0 ] = 2 * w;	te[ 4 ] = 0;	te[ 8 ] = 0;	te[ 12 ] = - x;
 		te[ 1 ] = 0;	te[ 5 ] = 2 * h;	te[ 9 ] = 0;	te[ 13 ] = - y;
-		te[ 2 ] = 0;	te[ 6 ] = 0;	te[ 10 ] = - 2 * p;	te[ 14 ] = - z;
+		te[ 2 ] = 0;	te[ 6 ] = 0;
 		te[ 3 ] = 0;	te[ 7 ] = 0;	te[ 11 ] = 0;	te[ 15 ] = 1;
 
+		if ( WebGPU.enabled === true ) { // #20276
+
+			te[ 10 ] = - 1 * p;
+			te[ 14 ] = - near * p;
+
+		} else {
+
+			te[ 10 ] = - 2 * p;
+			te[ 14 ] = - ( far + near ) * p;
+
+		}
+
 		return this;
 
 	}