Clean up (#31130)

examples/webgpu_compute_cloth.html

@@ -69,8 +69,8 @@
 		renderer = new THREE.WebGPURenderer( { antialias: true } );
 		renderer.setPixelRatio( window.devicePixelRatio );
 		renderer.setSize( window.innerWidth, window.innerHeight );
-		renderer.toneMapping = THREE.ACESFilmicToneMapping;
-		renderer.toneMappingExposure = 1.35;
+		renderer.toneMapping = THREE.NeutralToneMapping;
+		renderer.toneMappingExposure = 1;
 		document.body.appendChild( renderer.domElement );
 
 		scene = new THREE.Scene();
@@ -79,10 +79,10 @@
 		camera.position.set( - 1.6, - 0.1, - 1.6 );
 
 		controls = new OrbitControls( camera, renderer.domElement );
-
-		controls.target.set( 0, - 0.1, 0 );
 		controls.minDistance = 1;
 		controls.maxDistance = 3;
+		controls.target.set( 0, - 0.1, 0 );
+		controls.update();
 
 		const rgbeLoader = new RGBELoader().setPath( 'textures/equirectangular/' );
 
@@ -107,7 +107,6 @@
 		materialFolder.addColor( clothMaterial, 'sheenColor' );
 
 		window.addEventListener( 'resize', onWindowResize );
-		controls.update();
 	
 		renderer.setAnimationLoop( render );
 
@@ -453,12 +452,13 @@
 		geometry.setIndex( indices );
 
 		clothMaterial = new THREE.MeshPhysicalNodeMaterial( {
+			color: 0x204080,
 			side: THREE.DoubleSide,
 			transparent: true,
 			opacity: 0.85,
 			sheen: 1.0,
 			sheenRoughness: 0.5,
-			sheenColor: new THREE.Color( 0xffffff ),
+			sheenColor: 0xffffff
 		} );
 
 		clothMaterial.positionNode = Fn( ( { material } ) => {