bc-model-viewer 1.6.17 → 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.
Files changed (7) hide show
  1. package/dist/bc-model-viewer.min.js +1 -1
  2. package/examples/clip.html +75 -0
  3. package/examples/hud.html +43 -36
  4. package/examples/index.html +11 -0
  5. package/examples/test.dgz +0 -0
  6. package/examples/test.html +0 -0
  7. package/package.json +1 -1
package/examples/clip.html ADDED
@@ -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
@@ -6,27 +6,15 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
7
  <title>Bc-model-viewer</title>
8
8
  <style>
9
- * {
9
+ body {
10
10
  margin: 0;
11
- padding: 0;
12
- }
13
-
14
- #container {
15
11
  position: relative;
16
- overflow: hidden;
17
- width: 100vw;
18
- height: 100vh;
19
- background: green;
20
12
  }
21
13
 
22
- .my-hud .lens {
23
- background-image: url('../assets/logo.png');
24
- background-size: cover;
25
- }
26
-
27
- .my-hud .lens-border {
28
- /* background-image: url('../assets/logo.png'); */
29
- background-size: cover;
14
+ .demo {
15
+ position: absolute;
16
+ z-index: 1;
17
+ top: 0;
30
18
  }
31
19
  </style>
32
20
  </head>
@@ -34,36 +22,55 @@
34
22
  <body>
35
23
  <div id="container">
36
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>
37
44
 
38
45
  <script type="module">
39
46
 
40
- import { Viewer, THREE, threeUtils, Utils, useMaterial } from '../publish/dist/bc-model-viewer.js'
41
- // import { Viewer, THREE, threeUtils, Utils, useMaterial } from '../index.ts'
47
+ import { Viewer, HUDLabelTool } from '../../index.ts'
42
48
 
43
- const viewer = new Viewer(
44
- document.getElementById('container')
45
- )
46
49
 
47
- viewer.loadZipAsync('../assets/new.dgz')
50
+ const container = document.getElementById('container')
48
51
 
49
- const hud = viewer.addHUDLabel([0, 0, 0], {
50
- className: 'my-hud',
51
- html: '<h1>xxxx<h1>'
52
- })
52
+ // 实例化 Viewer 对象
53
+ const viewer = new Viewer(container)
53
54
 
54
- console.log(hud.element);
55
-
56
- viewer.HUDLabelToolActive({
57
- fixedY: 1,
58
- onPut(point, hud) {
59
- console.log('放置完成', point, hud);
55
+ // 加载测试模型
56
+ await viewer.loadZipAsync('./test.dgz')
60
57
 
61
- // viewer.removeHUDLabel(hud) // 删除标签
62
- }
58
+ // 创建工具 只需要实例化一次
59
+ const hudTool = new HUDLabelTool(viewer)
60
+
61
+ // 给原点直接添加一个标签
62
+ const hud = hudTool.addByPoint([0, 0, 0], {
63
+ className: 'my-hud',
64
+ html: '<h1 style="color: red">原点<h1>'
63
65
  })
64
66
 
67
+ console.log(hud.element); // 获取don元素
68
+
69
+ // 关闭快捷键
70
+ viewer.shortcutManager.toggleShortcuts(false)
65
71
 
66
- window.v = viewer
72
+ window.hudTool = hudTool
73
+ window.viewer = viewer
67
74
  </script>
68
75
 
69
76
  </body>
package/examples/index.html ADDED
@@ -0,0 +1,11 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Document</title>
7
+ </head>
8
+ <body>
9
+
10
+ </body>
11
+ </html>
package/examples/test.dgz ADDED
Binary file
package/examples/test.html ADDED
File without changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bc-model-viewer",
3
- "version": "1.6.17",
3
+ "version": "1.6.31",
4
4
  "main": "./dist/bc-model-viewer.min.js",
5
5
  "module": "./dist/bc-model-viewer.min.js",
6
6
  "description": "A model viewer",