From 945cdd9ef21e410da12227f96b007bb843f643ce Mon Sep 17 00:00:00 2001 From: "Mr.doob" Date: Wed, 15 Apr 2015 13:37:01 +0100 Subject: [PATCH] Clean up. --- examples/webgl_loader_gltf.html | 773 +++++++++++++++++--------------- 1 file changed, 402 insertions(+), 371 deletions(-) diff --git a/examples/webgl_loader_gltf.html b/examples/webgl_loader_gltf.html index 23b8fcadf7..6d7d12dbe5 100644 --- a/examples/webgl_loader_gltf.html +++ b/examples/webgl_loader_gltf.html @@ -1,472 +1,501 @@ - - three.js webgl - glTF - - - - - - -
- three.js - - glTF loader - -

- monster by 3drt - - COLLADA duck by Sony -
-
+ position: absolute; + top: 10px; + width: 100%; + text-align: center; + z-index: 100; + display:block; + } + + #container { + position: absolute; + top: 0px; + width:100%; + height:100%; + z-index: -1; + } + + #controls { + position:absolute; + width:250px; + bottom:0%; + right:0%; + height:100px; + background-color:White; + opacity:.9; + font: 13px/1.231 "Lucida Grande", Lucida, Verdana, sans-serif; + } + + #status { + position:absolute; + width:25%; + left:2%; + top:95%; + height:5%; + opacity:.9; + font: 13px/1.231 "Lucida Grande", Lucida, Verdana, sans-serif; + } + + .control { + position:absolute; + margin-left:12px; + width:100%; + font-weight:bold; + } + + .controlValue { + position:absolute; + left:36%; + top:0%; + } + + #scenes_control { + position:absolute; + top:8px; + } + + #cameras_control { + position:absolute; + top:40px; + } + + #animations_control { + position:absolute; + top:72px; + } + + #info a, .button { color: #f00; font-weight: bold; text-decoration: underline; cursor: pointer } + + + + +
+ three.js - + glTF loader - +

+ monster by 3drt - + COLLADA duck by Sony +
+
+
+
+
+
+
+ Model +
-
+ +
+ Camera +
-
-
- Model - -
- -
- Camera - -
-
- Animations -
Play
-
+
+ Animations +
Play
- - - - - - - - + + + + + + + - + onload(); + + + -- GitLab