WebGPURenderer: Compute Snow Example (#27400)

* NodeMaterial: Check toneMapped=true

* Renderer: overrideMaterial compatible with positionNode

* GaussianBlurNode: Added resolution

* add `webgpu_compute_particles_snow` example

* update

* fix scale offset collision

* update initial pos y

Author: sunag

examples/files.json

@@ -322,6 +322,7 @@
 		"webgpu_compute_audio",
 		"webgpu_compute_particles",
 		"webgpu_compute_particles_rain",
+		"webgpu_compute_particles_snow",
 		"webgpu_compute_points",
 		"webgpu_compute_texture",
 		"webgpu_compute_texture_pingpong",

examples/jsm/nodes/display/GaussianBlurNode.js

@@ -29,10 +29,15 @@ class GaussianBlurNode extends TempNode {
 
 		this.updateBeforeType = NodeUpdateType.RENDER;
 
+		this.resolution = new Vector2( 1, 1 );
+
 	}
 
 	setSize( width, height ) {
 
+		width = Math.max( Math.round( width * this.resolution.x ), 1 );
+		height = Math.max( Math.round( height * this.resolution.y ), 1 );
+
 		this._invSize.value.set( 1 / width, 1 / height );
 		this._horizontalRT.setSize( width, height );
 		this._verticalRT.setSize( width, height );

examples/jsm/nodes/materials/NodeMaterial.js

@@ -352,7 +352,7 @@ class NodeMaterial extends ShaderMaterial {
 
 		const toneMappingNode = builder.toneMappingNode;
 
-		if ( toneMappingNode ) {
+		if ( this.toneMapped === true && toneMappingNode ) {
 
 			outputNode = vec4( toneMappingNode.context( { color: outputNode.rgb } ), outputNode.a );
 

examples/jsm/renderers/common/Renderer.js

@@ -941,7 +941,7 @@ class Renderer {
 
 	renderObject( object, scene, camera, geometry, material, group, lightsNode ) {
 
-		material = scene.overrideMaterial !== null ? scene.overrideMaterial : material;
+		let overridePositionNode;
 
 		//
 
@@ -951,6 +951,24 @@ class Renderer {
 
 		//
 
+		if ( scene.overrideMaterial !== null ) {
+
+			const overrideMaterial = scene.overrideMaterial;
+
+			if ( material.positionNode && material.positionNode.isNode ) {
+
+				overridePositionNode = overrideMaterial.positionNode;
+
+				overrideMaterial.positionNode = material.positionNode;
+
+			}
+
+			material = overrideMaterial;
+
+		}
+
+		//
+
 		if ( material.transparent === true && material.side === DoubleSide && material.forceSinglePass === false ) {
 
 			material.side = BackSide;
@@ -969,6 +987,14 @@ class Renderer {
 
 		//
 
+		if ( overridePositionNode !== undefined ) {
+
+			scene.overrideMaterial.positionNode = overridePositionNode;
+
+		}
+
+		//
+
 		object.onAfterRender( this, scene, camera, geometry, material, group );
 
 	}