/
index.html
97 lines (82 loc) · 3.18 KB
/
index.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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Forge-Bee</title>
<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
<!-- The Viewer JS & CSS-->
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css"
type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js"></script>
<!-- bootstrap -->
<!-- Common packages: jQuery, Bootstrap, jsTree -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
<!-- socket io -->
<script src="https://cdn.socket.io/4.3.2/socket.io.min.js"
integrity="sha384-KAZ4DtjNhLChOB/hxXuKqhMLYvx3b5MlT55xPEiNmREKRzeEm+RVPlTnAn0ajQNs"
crossorigin="anonymous"></script>
<!-- beeInventor Extension -->
<link rel="stylesheet" href="extension/main.css">
<script src="assets/fonts/Monaco_Regular.js"></script>
<script src="extension/beeinventor-extension.js"></script>
</head>
<body>
<div id="forgeViewer"></div>
<!-- Developer JS -->
<script>
const socket = io("http://localhost:3333");
socket.on("UpdateUWB", (data) => {
console.log(data)
});
</script>
<script>
const myViewerDiv = document.getElementById('forgeViewer');
let viewer = new Autodesk.Viewing.Private.GuiViewer3D(myViewerDiv);
const options = {
'env': 'Local',
applyScaling: { to: "meters" },
globalOffset: { x: 0, y: 0, z: 0 },
keepCurrentModels: true,
// 'document': 'http://developer-autodesk.github.io/translated-models/dwfx-sample-house/f0224dd3-8767-45c1-ff99-5c9c881b9fee/0.svf',
'document': './assets/models/bee/beeinventoroffice_3rdfloor.svf'
};
Autodesk.Viewing.Initializer(options, function () {
viewer = new Autodesk.Viewing.GuiViewer3D(
document.getElementById("forgeViewer"),
{ extensions: ["Autodesk.DocumentBrowser", "BeeInventor"] }
);
viewer.start();
viewer.loadModel(options.document, options)
setCamera(viewer)
})
function setCamera(viewer) {
setTimeout(() => {
const pos = new THREE.Vector3(-1.9418035665709943, -26.747346936530814, 18.603221077622162)
const target = new THREE.Vector3(-1.9403051859659226, -24.92825998040271, 17.619854897824176)
viewer.navigation.setView(pos, target)
}, 400);
}
function onDocumentLoadSuccess(doc) {
const viewables = doc.getRoot().getDefaultGeometry();
const beeOption = {
applyScaling: { to: "meters" },
globalOffset: { x: 0, y: 0, z: 0 },
keepCurrentModels: true,
};
viewer.loadDocumentNode(doc, viewables, beeOption).then((i) => {
// documented loaded, any action?
});
}
function onDocumentLoadFailure(viewerErrorCode, viewerErrorMsg) {
console.error(
"onDocumentLoadFailure() - errorCode:" +
viewerErrorCode +
"\n- errorMessage:" +
viewerErrorMsg
);
}
</script>
</body>
</html>