Examples: webgl_materials_car improvements.

mrdoob · May 27, 2020 · 586eea1 · 586eea1
1 parent dd703fa
commit 586eea1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/examples/screenshots/webgl_materials_car.jpg b/examples/screenshots/webgl_materials_car.jpg
diff --git a/examples/webgl_materials_car.html b/examples/webgl_materials_car.html
@@ -25,7 +25,7 @@
 			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> car materials<br/>
 			Ferrari 458 Italia model by <a href="https://sketchfab.com/models/57bf6cc56931426e87494f554df1dab6" target="_blank" rel="noopener">vicent091036</a>
 			<br><br>
-			<span class="colorPicker"><input id="body-color" type="color" value="#660000"></input><br/>Body</span>
+			<span class="colorPicker"><input id="body-color" type="color" value="#000333"></input><br/>Body</span>
 			<span class="colorPicker"><input id="details-color" type="color" value="#ffffff"></input><br/>Details</span>
 			<span class="colorPicker"><input id="glass-color" type="color" value="#ffffff"></input><br/>Glass</span>
 		</div>
@@ -69,11 +69,11 @@
 
 				//
 
-				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 0.1, 100 );
-				camera.position.set( 3, 1.75, - 4 );
+				camera = new THREE.PerspectiveCamera( 30, window.innerWidth / window.innerHeight, 0.1, 100 );
+				camera.position.set( 6, 2, - 5 );
 
 				controls = new OrbitControls( camera, container );
-				controls.target.set( 0, 0.4, 0 );
+				controls.target.set( 0, 0.5, 0 );
 				controls.update();
 
 				scene = new THREE.Scene();
@@ -90,11 +90,11 @@
 				// materials
 
 				var bodyMaterial = new THREE.MeshPhysicalMaterial( {
-					color: 0x660000, metalness: 1.0, roughness: 0.5, clearcoat: 0.02, clearcoatRoughness: 0.01
+					color: 0x000333, metalness: 1.0, roughness: 0.5, clearcoat: 0.02, clearcoatRoughness: 0.01
 				} );
 
 				var detailsMaterial = new THREE.MeshStandardMaterial( {
-					color: 0xffffff, metalness: 1.0, roughness: 0
+					color: 0xffffff, metalness: 1.0, roughness: 0.5
 				} );
 
 				var glassMaterial = new THREE.MeshPhysicalMaterial( {