bc-model-viewer 1.6.26 → 1.6.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bc-model-viewer.min.js +1 -1
- package/examples/clip.html +75 -0
- package/examples/hud.html +3 -9
- package/examples/index.html +11 -0
- package/examples/test.dgz +0 -0
- package/examples/test.html +0 -0
- package/package.json +1 -1
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>Bc-model-viewer</title>
|
|
8
|
+
<style>
|
|
9
|
+
body {
|
|
10
|
+
margin: 0;
|
|
11
|
+
position: relative;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.demo {
|
|
15
|
+
position: absolute;
|
|
16
|
+
z-index: 1;
|
|
17
|
+
top: 0;
|
|
18
|
+
}
|
|
19
|
+
</style>
|
|
20
|
+
</head>
|
|
21
|
+
|
|
22
|
+
<body>
|
|
23
|
+
<div id="container">
|
|
24
|
+
</div>
|
|
25
|
+
<div class="demo">
|
|
26
|
+
<h2>剖切工具演示</h2>
|
|
27
|
+
<button onclick="hudTool.activate()">激活工具</button>
|
|
28
|
+
<button onclick="hudTool.deactivate()">停止</button>
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
<button onclick="hudTool.activate({
|
|
32
|
+
fixedY: 1,
|
|
33
|
+
onPut(point, hud) {
|
|
34
|
+
console.log('放置完成', point, hud);
|
|
35
|
+
// hudTool.remove(hud) // 移除指定元素
|
|
36
|
+
}
|
|
37
|
+
})">锁定Y轴为1</button>
|
|
38
|
+
|
|
39
|
+
<button onclick="hudTool.removeLast()">清除上一次标签</button>
|
|
40
|
+
<button onclick="hudTool.clear()">清除所有标签</button>
|
|
41
|
+
<button onclick="hudTool.gets()">获取所有标签</button>
|
|
42
|
+
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<script type="module">
|
|
46
|
+
|
|
47
|
+
import { Viewer, HUDLabelTool } from '../../index.ts'
|
|
48
|
+
|
|
49
|
+
const container = document.getElementById('container')
|
|
50
|
+
|
|
51
|
+
// 实例化 Viewer 对象
|
|
52
|
+
const viewer = new Viewer(container, {
|
|
53
|
+
style: {
|
|
54
|
+
type: 2
|
|
55
|
+
},
|
|
56
|
+
load: {
|
|
57
|
+
cache: {
|
|
58
|
+
enabled: false,
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
gui: {
|
|
62
|
+
enabled: true
|
|
63
|
+
}
|
|
64
|
+
})
|
|
65
|
+
|
|
66
|
+
// 加载测试模型
|
|
67
|
+
await viewer.loadZipAsync('./test.dgz')
|
|
68
|
+
|
|
69
|
+
// viewer.activateSceneByName('场景号6')
|
|
70
|
+
window.viewer = viewer
|
|
71
|
+
</script>
|
|
72
|
+
|
|
73
|
+
</body>
|
|
74
|
+
|
|
75
|
+
</html>
|
package/examples/hud.html
CHANGED
|
@@ -46,18 +46,14 @@
|
|
|
46
46
|
|
|
47
47
|
import { Viewer, HUDLabelTool } from '../../index.ts'
|
|
48
48
|
|
|
49
|
+
|
|
49
50
|
const container = document.getElementById('container')
|
|
50
51
|
|
|
51
52
|
// 实例化 Viewer 对象
|
|
52
|
-
const viewer = new Viewer(container
|
|
53
|
-
style: {
|
|
54
|
-
background: {
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
})
|
|
53
|
+
const viewer = new Viewer(container)
|
|
58
54
|
|
|
59
55
|
// 加载测试模型
|
|
60
|
-
await viewer.loadZipAsync('
|
|
56
|
+
await viewer.loadZipAsync('./test.dgz')
|
|
61
57
|
|
|
62
58
|
// 创建工具 只需要实例化一次
|
|
63
59
|
const hudTool = new HUDLabelTool(viewer)
|
|
@@ -73,8 +69,6 @@
|
|
|
73
69
|
// 关闭快捷键
|
|
74
70
|
viewer.shortcutManager.toggleShortcuts(false)
|
|
75
71
|
|
|
76
|
-
viewer.activateSceneByName('B1')
|
|
77
|
-
|
|
78
72
|
window.hudTool = hudTool
|
|
79
73
|
window.viewer = viewer
|
|
80
74
|
</script>
|
package/examples/test.dgz
CHANGED
|
Binary file
|
|
File without changes
|