diff --git a/examples/webgl_loader_gltf.html b/examples/webgl_loader_gltf.html index 23b8fcadf7a2649e14ed86713931bbc8177e29a2..6d7d12dbe526d65a09bdda77091dad0c499233b2 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(); + + +