-
Notifications
You must be signed in to change notification settings - Fork 177
/
GLTF_Model_Viewer.html
64 lines (50 loc) · 1.68 KB
/
GLTF_Model_Viewer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
<title>three.js PathTracing Renderer - glTF Viewer</title>
<link href="css/Gltf_Viewer.css" rel="stylesheet">
<script type="importmap">
{
"imports": {
"three": "./js/three.module.min.js",
"BufferGeometryUtils": "./js/BufferGeometryUtils.js"
}
}
</script>
<script type="module">
import * as THREE from 'three';
window.THREE = THREE;
import Stats from './js/stats.module.js';
window.Stats = Stats;
import GUI from './js/lil-gui.module.min.js';
window.GUI = GUI;
import {mergeGeometries} from 'BufferGeometryUtils';
window.mergeGeometries = mergeGeometries;
import {RGBELoader} from './js/RGBELoader.js';
window.RGBELoader = RGBELoader;
import {GLTFLoader} from './js/GLTFLoader.js';
window.GLTFLoader = GLTFLoader;
</script>
</head>
<body>
<div id="loadingSpinner">
<div class="lds-ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<p>Loading...</p>
</div>
<div id="container"></div>
<div id="info" class="black-transparent-bg"><span>three.js PathTracing Renderer - glTF Viewer</span></div>
<div id="cameraInfo" style="position:fixed; left:3%; bottom:2%; font-family:arial; color:rgb(255,255,255);"></div>
<script defer src="js/MobileJoystickControls.js"></script>
<script defer src="js/BVH_Acc_Structure_Iterative_SAH_Builder.js"></script>
<script defer src="js/PathTracingCommon.js"></script>
<script defer src="js/InitCommon.js"> </script>
<script defer src="js/GLTF_Model_Viewer.js"></script>
</body>
</html>