WebGPURenderer: Fix Fog ColorSpace (#26424)

* fix fog

* fix fog

examples/jsm/nodes/materials/NodeMaterial.js

@@ -319,6 +319,12 @@ class NodeMaterial extends ShaderMaterial {
 
 		}
 
+		// FOG
+
+		const fogNode = builder.fogNode;
+
+		if ( fogNode ) outputNode = vec4( fogNode.mixAssign( outputNode.rgb ), outputNode.a );
+
 		// ENCODING
 
 		const renderTarget = renderer.getRenderTarget();
@@ -341,12 +347,6 @@ class NodeMaterial extends ShaderMaterial {
 
 		}
 
-		// FOG
-
-		const fogNode = builder.fogNode;
-
-		if ( fogNode ) outputNode = vec4( fogNode.mixAssign( outputNode.rgb ), outputNode.a );
-
 		return outputNode;
 
 	}

examples/webgpu_lights_phong.html

@@ -58,7 +58,7 @@
 				camera.position.z = 7;
 
 				scene = new THREE.Scene();
-				scene.fogNode = rangeFog( color( 0xFF00FF ), 3, 30 );
+				scene.fogNode = rangeFog( color( 0xFF00FF ), 8, 30 );
 
 				const sphereGeometry = new THREE.SphereGeometry( 0.1, 16, 8 );
 

examples/webgpu_lights_selective.html

@@ -60,7 +60,7 @@
 				camera.position.z = 7;
 
 				scene = new THREE.Scene();
-				scene.fogNode = rangeFog( color( 0xFF00FF ), 3, 30 );
+				scene.fogNode = rangeFog( color( 0xFF00FF ), 8, 30 );
 
 				const sphereGeometry = new THREE.SphereGeometry( 0.1, 16, 8 );