浏览代码

Examples: Improved GridHelper in black backgrounds.

Mr.doob 4 年之前
父节点
当前提交
c39ede5f47

+ 1 - 1
examples/misc_animation_authoring.html

@@ -41,7 +41,7 @@
 				camera.lookAt( 0, 200, 0 );
 				camera.lookAt( 0, 200, 0 );
 
 
 				scene = new THREE.Scene();
 				scene = new THREE.Scene();
-				scene.add( new THREE.GridHelper( 1000, 10 ) );
+				scene.add( new THREE.GridHelper( 1000, 10, 0x888888, 0x444444 ) );
 
 
 				var light = new THREE.DirectionalLight( 0xffffff, 2 );
 				var light = new THREE.DirectionalLight( 0xffffff, 2 );
 				light.position.set( 1, 1, 1 );
 				light.position.set( 1, 1, 1 );

+ 1 - 1
examples/misc_controls_transform.html

@@ -45,7 +45,7 @@
 				currentCamera.lookAt( 0, 200, 0 );
 				currentCamera.lookAt( 0, 200, 0 );
 
 
 				scene = new THREE.Scene();
 				scene = new THREE.Scene();
-				scene.add( new THREE.GridHelper( 1000, 10 ) );
+				scene.add( new THREE.GridHelper( 1000, 10, 0x888888, 0x444444 ) );
 
 
 				var light = new THREE.DirectionalLight( 0xffffff, 2 );
 				var light = new THREE.DirectionalLight( 0xffffff, 2 );
 				light.position.set( 1, 1, 1 );
 				light.position.set( 1, 1, 1 );

+ 1 - 1
examples/misc_exporter_gltf.html

@@ -170,7 +170,7 @@
 				// ---------------------------------------------------------------------
 				// ---------------------------------------------------------------------
 				// Grid
 				// Grid
 				// ---------------------------------------------------------------------
 				// ---------------------------------------------------------------------
-				gridHelper = new THREE.GridHelper( 2000, 20 );
+				gridHelper = new THREE.GridHelper( 2000, 20, 0x888888, 0x444444 );
 				gridHelper.position.y = - 50;
 				gridHelper.position.y = - 50;
 				gridHelper.name = "Grid";
 				gridHelper.name = "Grid";
 				scene1.add( gridHelper );
 				scene1.add( gridHelper );

二进制
examples/screenshots/misc_animation_authoring.jpg


二进制
examples/screenshots/misc_controls_transform.jpg


二进制
examples/screenshots/misc_exporter_gltf.jpg


二进制
examples/screenshots/webgl_loader_collada_kinematics.jpg


二进制
examples/screenshots/webgl_loader_collada_skinning.jpg


二进制
examples/screenshots/webgl_loader_imagebitmap.jpg


+ 1 - 1
examples/webgl_loader_collada_kinematics.html

@@ -70,7 +70,7 @@
 
 
 				// Grid
 				// Grid
 
 
-				var grid = new THREE.GridHelper( 20, 20 );
+				var grid = new THREE.GridHelper( 20, 20, 0x888888, 0x444444 );
 				scene.add( grid );
 				scene.add( grid );
 
 
 				// Add the COLLADA
 				// Add the COLLADA

+ 1 - 1
examples/webgl_loader_collada_skinning.html

@@ -67,7 +67,7 @@
 
 
 				//
 				//
 
 
-				var gridHelper = new THREE.GridHelper( 10, 20 );
+				var gridHelper = new THREE.GridHelper( 10, 20, 0x888888, 0x444444 );
 				scene.add( gridHelper );
 				scene.add( gridHelper );
 
 
 				//
 				//

+ 1 - 1
examples/webgl_loader_imagebitmap.html

@@ -96,7 +96,7 @@
 				group = new THREE.Group();
 				group = new THREE.Group();
 				scene.add( group );
 				scene.add( group );
 
 
-				group.add( new THREE.GridHelper( 4, 12 ) );
+				group.add( new THREE.GridHelper( 4, 12, 0x888888, 0x444444 ) );
 
 
 				cubes = new THREE.Group();
 				cubes = new THREE.Group();
 				group.add( cubes );
 				group.add( cubes );

+ 0 - 2
examples/webgl_multiple_scenes_comparison.html

@@ -156,7 +156,5 @@
 			}
 			}
 
 
 		</script>
 		</script>
-
 	</body>
 	</body>
-
 </html>
 </html>