|
|
@@ -1,31 +1,32 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
- <title>three.js webgl - collada</title>
|
|
|
+ <title>three.js webgl - collada - keyframe</title>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
|
|
|
<style>
|
|
|
-
|
|
|
body {
|
|
|
- font-family: Monospace;
|
|
|
- background-color: #000000;
|
|
|
- margin: 0px;
|
|
|
- overflow: hidden;
|
|
|
+ background:#777;
|
|
|
+ padding:0;
|
|
|
+ margin:0;
|
|
|
+ font-weight: bold;
|
|
|
+ overflow:hidden;
|
|
|
}
|
|
|
|
|
|
#info {
|
|
|
- color: #fff;
|
|
|
position: absolute;
|
|
|
- top: 10px;
|
|
|
+ top: 0px;
|
|
|
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>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -104,21 +105,8 @@
|
|
|
|
|
|
// 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
|
|
|
|
Mugen87