首页 发现 帮助
登录
javascript
/
three.js
镜像自地址 https://github.com/tazdij/three.js.git
2
0
派生 0
文件 工单管理 0 Wiki
浏览代码

Examples: Clean up

Mugen87 8 年之前
父节点
9939207320
当前提交
74c865a5c1
共有 2 个文件被更改，包括 34 次插入 和 58 次删除
合并视图 显示文件统计
  1. 17 29
      examples/webgl_loader_collada_keyframe.html
  2. 17 29
      examples/webgl_loader_collada_kinematics.html

+ 17 - 29
examples/webgl_loader_collada_keyframe.html
查看文件 

@@ -1,31 +1,32 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
 	<head>
 
 	<head>
 
-		<title>three.js webgl - collada</title>
 
+		<title>three.js webgl - collada - keyframe</title>
 
 		<meta charset="utf-8">
 
 		<meta charset="utf-8">
 
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style>
 
 		<style>
 
-
 
 			body {
 
 			body {
 
-				font-family: Monospace;
 
-				background-color: #000000;
 
-				margin: 0px;
 
-				overflow: hidden;
 
+				background:#777;
 
+				padding:0;
 
+				margin:0;
 
+				font-weight: bold;
 
+				overflow:hidden;
 
 			}
 
 			}
 
 
 
 			#info {
 
 			#info {
 
-				color: #fff;
 
 				position: absolute;
 
 				position: absolute;
 
-				top: 10px;
 
+				top: 0px;
 
 				width: 100%;
 
 				width: 100%;
 
-				text-align: center;
 
-				z-index: 100;
 
-				display:block;
 
-
 
+				color: #ffffff;
 
+				padding: 5px;
 
+				font-family:Monospace;
 
+				font-size:13px;
 
+				text-align:center;
 
 			}
 
 			}
 
 
 
-			a { color: skyblue }
 
-
 
+			a {
 
+				color: #ffffff;
 
+			}
 
 		</style>
 
 		</style>
 
 	</head>
 
 	</head>
 
 	<body>
 
 	<body>
 
@@ -104,21 +105,8 @@
 
 
 
 				// Grid
 
 				// Grid
 
 
 
-				var material = new THREE.LineBasicMaterial( { color: 0x303030 } );
 
-				var geometry = new THREE.Geometry();
 
-				var floor = -0.04, step = 1, size = 14;
 
-
 
-				for ( var i = 0; i <= size / step * 2; i ++ ) {
 
-
 
-					geometry.vertices.push( new THREE.Vector3( - size, floor, i * step - size ) );
 
-					geometry.vertices.push( new THREE.Vector3(   size, floor, i * step - size ) );
 
-					geometry.vertices.push( new THREE.Vector3( i * step - size, floor, -size ) );
 
-					geometry.vertices.push( new THREE.Vector3( i * step - size, floor,  size ) );
 
-
 
-				}
 
-
 
-				var line = new THREE.LineSegments( geometry, material );
 
-				scene.add( line );
 
+				var grid = new THREE.GridHelper( 20, 20 );
 
+				scene.add( grid );
 
 
 
 				// Add the COLLADA
 
 				// Add the COLLADA

+ 17 - 29
examples/webgl_loader_collada_kinematics.html
查看文件 

@@ -1,29 +1,32 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
 	<head>
 
 	<head>
 
-		<title>three.js webgl - collada</title>
 
+		<title>three.js webgl - collada - kinematics</title>
 
 		<meta charset="utf-8">
 
 		<meta charset="utf-8">
 
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style>
 
 		<style>
 
 			body {
 
 			body {
 
-				font-family: Monospace;
 
-				background-color: #000000;
 
-				margin: 0px;
 
-				overflow: hidden;
 
+				background:#777;
 
+				padding:0;
 
+				margin:0;
 
+				font-weight: bold;
 
+				overflow:hidden;
 
 			}
 
 			}
 
 
 
 			#info {
 
 			#info {
 
-				color: #fff;
 
 				position: absolute;
 
 				position: absolute;
 
-				top: 10px;
 
+				top: 0px;
 
 				width: 100%;
 
 				width: 100%;
 
-				text-align: center;
 
-				z-index: 100;
 
-				display:block;
 
-
 
+				color: #ffffff;
 
+				padding: 5px;
 
+				font-family:Monospace;
 
+				font-size:13px;
 
+				text-align:center;
 
 			}
 
 			}
 
 
 
-			a { color: skyblue }
 
+			a {
 
+				color: #ffffff;
 
+			}
 
 		</style>
 
 		</style>
 
 	</head>
 
 	</head>
 
 	<body>
 
 	<body>
 
@@ -93,23 +96,8 @@
 
 
 
 				// Grid
 
 				// Grid
 
 
 
-				var size = 14, step = 1;
 
-
 
-				var geometry = new THREE.Geometry();
 
-				var material = new THREE.LineBasicMaterial( { color: 0x303030 } );
 
-
 
-				for ( var i = - size; i <= size; i += step ) {
 
-
 
-					geometry.vertices.push( new THREE.Vector3( - size, - 0.04, i ) );
 
-					geometry.vertices.push( new THREE.Vector3(   size, - 0.04, i ) );
 
-
 
-					geometry.vertices.push( new THREE.Vector3( i, - 0.04, - size ) );
 
-					geometry.vertices.push( new THREE.Vector3( i, - 0.04,   size ) );
 
-
 
-				}
 
-
 
-				var line = new THREE.LineSegments( geometry, material );
 
-				scene.add( line );
 
+				var grid = new THREE.GridHelper( 20, 20 );
 
+				scene.add( grid );
 
 
 
 				// Add the COLLADA
 
 				// Add the COLLADA