Browse Source

Add color option to gui

WestLangley 6 years ago
parent
commit
8fce3031cf
1 changed files with 9 additions and 0 deletions
  1. 9 0
      examples/webgl_materials_matcap.html

+ 9 - 0
examples/webgl_materials_matcap.html

@@ -54,6 +54,7 @@
 			var image;
 			var image;
 
 
 			var API = {
 			var API = {
+				color : 0xffffff,
 				exposure : 1.0
 				exposure : 1.0
 			}
 			}
 
 
@@ -106,6 +107,7 @@
 
 
 					mesh.material = new THREE.MeshMatcapMaterial( {
 					mesh.material = new THREE.MeshMatcapMaterial( {
 
 
+						color: API.color,
 						matcap: matcap
 						matcap: matcap
 
 
 					} );
 					} );
@@ -117,6 +119,10 @@
 				// gui
 				// gui
 				var gui = new dat.GUI();
 				var gui = new dat.GUI();
 
 
+				gui.addColor( API, 'color' )
+					.listen()
+					.onChange( function() { mesh.material.color.set( API.color ); render(); } );
+
 				gui.add( API, 'exposure', 0, 2 )
 				gui.add( API, 'exposure', 0, 2 )
 					.onChange( function() { renderer.toneMappingExposure = API.exposure; render(); } )
 					.onChange( function() { renderer.toneMappingExposure = API.exposure; render(); } )
 
 
@@ -173,6 +179,9 @@
 
 
 				matcap.needsUpdate = true;
 				matcap.needsUpdate = true;
 
 
+				API.color = 0xffffff;
+				mesh.material.color.set( API.color );
+
 				render();
 				render();
 
 
 				image.src = matcap.image.src; // corner div
 				image.src = matcap.image.src; // corner div