npm - gs-bim-air - Versions diffs - 0.1.3-0.14 → 0.1.3-0.15 - Mend

gs-bim-air 0.1.3-0.14 → 0.1.3-0.15

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 (57) hide show

package/READMEBETA2.md CHANGED Viewed

@@ -60,3 +60,51 @@
 - 修复结构树消失问题
 - 新增剖切盒接口[Command](docs/classes/Command.md)
 - 修复加载项目时多次刷新后页面崩溃
+### 0.1.30.15
+- 更新 public/js 里的内核文件，安装此版本需替换 js 文件夹
+- 修复碰撞卡死问题
+- 结构树添加显示隐藏的回调函数
+  ```js
+  let options: Options = {
+    components: {
+      structureTree: {
+        // Tab切换的回调函数
+        tabClickFun: (data) => {
+          console.log("tabClickFun--------------", data);
+        },
+        defaultTab: {
+          visible: true,
+          // 点击的回调函数
+          clickFun: (data) => {
+            console.log("clickFun--------------", data);
+          },
+          // 显示隐藏的回调函数
+          checkFun: (
+            data,
+            { checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys }
+          ) => {
+            console.log("checkFun-------", data, {
+              checkedNodes,
+              checkedKeys,
+              halfCheckedNodes,
+              halfCheckedKeys,
+            });
+          },
+        },
+        // 自定义tabs
+        tabs: [
+          {
+            name: "结构树222",
+            component: () =>
+              import(
+                "../../../structureTree.vue"
+              ),
+          },
+        ],
+      },
+  ```

package/demo//346/250/241/345/236/213/344/272/244/344/272/222//346/250/241/345/236/213/344/272/244/344/272/222-/345/212/240/350/275/275/345/244/232/346/250/241/345/236/213-/346/227/213/350/275/254/345/271/263/347/247/273/347/274/251/346/224/276.html ADDED Viewed

@@ -0,0 +1,155 @@
+<head>
+    <meta charset="UTF-8">
+    <title>模型变换</title>
+    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
+    <script src="https://static.graphicstone.com/vue.min.js"></script>
+    <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
+    </link>
+</head>
+<body>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            height: 100vh;
+        }
+        #app {
+            height: 100vh;
+            position: relative;
+        }
+        button {
+            margin: 20px 20px 20px 20px;
+            width: 180px;
+            height: 40px;
+            border-radius: 3px;
+            border: none;
+            background: #0066ffe4;
+            color: #FFFFFF;
+            outline: none;
+        }
+        .button-group {
+            position: absolute;
+            z-index: 100;
+            top: 5px;
+            left: 70px;
+        }
+    </style>
+    <div id="app">
+        <!-- <div id="viewer">
+        </div> -->
+        <div class="button-group">
+            <button onclick="funLoadmodel()">加载模型</button>
+            <button onclick="funMovemodel()">平移模型</button>
+            <button onclick="funRotatemodel()">旋转模型</button>
+            <button onclick="funScalemodel()">缩放模型</button>
+        </div>
+        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+        new Vue({
+            el: '#app',
+        });
+        let options = {
+            // viewerType: "model",
+            elementId: "viewer",
+            id: "6253e9d6b0545a0a6e49bf85",
+            modelService: "http://8.134.85.254:9036/api",
+            fileService: "http://8.134.85.254:9040/api",
+            background: "linear-gradient(#e3fcfc, #f6ffff)",
+        };
+        let viewer;
+        let lightModels;
+        let tag_view = true;
+        let tag_visible = true;
+        let tag_color = 118;
+        let tag_load = true;
+        let scaleTime = 1;
+        let rotateTime = 0;
+        let moveTime = 0;
+        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
+            viewer = new BimAir.Viewer(options);
+            let shengyazhanModelId = "62e3681f525bed6af87fb383";   //第一次加载升压站模型
+            let xuexiaoModelId = "62e3543f525bed6af87fb1a5";
+            viewer.loadModels([shengyazhanModelId]).then((resLightModels) => {
+                viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+                lightModels = resLightModels;
+                let SYZ_bb = viewer.computeViewBoundingBox(lightModels[0].segment);
+                let SYZ_bbCenter = new Float64Array([
+                    (SYZ_bb[0] + SYZ_bb[3]) / 2,
+                    (SYZ_bb[1] + SYZ_bb[4]) / 2,
+                    (SYZ_bb[2] + SYZ_bb[5]) / 2,
+                ]);
+                viewer.updateDisplay();
+            });
+        })
+        function funLoadmodel() {
+            console.log(tag_load);
+            if (tag_load) {
+                BimAir.Loader({ isShareArrayBuffer: true }).then(() => {
+                    let shengyazhanModelId = "62e3681f525bed6af87fb383";
+                    let xuexiaoModelId = "62e3543f525bed6af87fb1a5";    //第二次加载的学校模型
+                    viewer.loadModels([xuexiaoModelId]).then((resLightModels) => {
+                        // console.log("模型加载完毕");
+                        lightModels = resLightModels;
+                        let XX_bb = viewer.computeViewBoundingBox(lightModels[0].segment);
+                        let XX_bbCenter = new Float64Array([
+                            (XX_bb[0] + XX_bb[3]) / 2,
+                            (XX_bb[1] + XX_bb[4]) / 2,
+                            (XX_bb[2] + XX_bb[5]) / 2,
+                        ]);
+                        console.log("包围盒点", XX_bb);
+                        console.log("中心点", XX_bbCenter);
+                        console.log("中心点", XX_bbCenter[0], XX_bbCenter[1], XX_bbCenter[2]);
+                        // lightModels = lightModels;
+                        lightModels[0].translate = [-19.658, 87.682, 0.400]   //手动计算出两模型之间的位置
+                        viewer.updateDisplay();
+                    });
+                });
+                tag_load = false;
+            }
+        }
+        function funMovemodel() {
+            console.log("~~~~~~~~~~~移动之前");
+            moveTime++;
+            console.log("移动之后", moveTime);
+            lightModels[0].translate = [-19.658, 87.682 + moveTime * 10, 0.400];
+            viewer.updateDisplay();
+        }
+        function funRotatemodel() {
+            rotateTime += 90;
+            lightModels[0].rotate = [1, 1, rotateTime];
+            viewer.updateDisplay();
+        }
+        function funScalemodel() {
+            scaleTime += 0.1;
+            lightModels[0].scale = [scaleTime, scaleTime, scaleTime];
+            viewer.updateDisplay();
+        }
+    </script>
+</body>
+</html>

package/demo//346/250/241/345/236/213/344/272/244/344/272/222//346/250/241/345/236/213/344/272/244/344/272/222-/345/244/232/346/250/241/345/236/213/346/223/215/344/275/234-/351/232/220/350/227/217/345/274/272/350/260/203.html ADDED Viewed

@@ -0,0 +1,156 @@
+<head>
+    <meta charset="UTF-8">
+    <title>多模型操作</title>
+    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
+    <script src="https://static.graphicstone.com/vue.min.js"></script>
+    <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
+    </link>
+</head>
+<body>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            height: 100vh;
+        }
+        #app {
+            height: 100vh;
+            position: relative;
+        }
+        button {
+            margin: 20px 20px 20px 20px;
+            width: 180px;
+            height: 40px;
+            border-radius: 3px;
+            border: none;
+            background: #0066ffe4;
+            color: #FFFFFF;
+            outline: none;
+        }
+        .button-group {
+            position: absolute;
+            z-index: 100;
+            top: 5px;
+            left: 70px;
+        }
+    </style>
+    <div id="app">
+        <!-- <div id="viewer">
+        </div> -->
+        <div class="button-group">
+            <button onclick="funVisible()">构件隐藏</button>
+            <button onclick="funEmphasize()">构件强调</button>
+        </div>
+        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+        new Vue({
+            el: '#app',
+        });
+        let options = {
+            // viewerType: "model",
+            elementId: "viewer",
+            id: "6253e9d6b0545a0a6e49bf85",
+            modelService: "http://8.134.85.254:9036/api",
+            fileService: "http://8.134.85.254:9040/api",
+            background: "linear-gradient(#e3fcfc, #f6ffff)",
+        };
+        let home_cameraView = {
+            position: new Float64Array([63.85, -114.21, 34.68]),
+            target: new Float64Array([-42.33, 70.52, -46.67]),
+            up: new Float64Array([-0.177, 0.309, 0.934]),
+            height: 228.08677009579034,
+            width: 228.08677009579034,
+        };
+        let cameraView = {
+            position: new Float64Array([0, 0, 0]),
+            target: new Float64Array([0, 0, 0]),
+            up: new Float64Array([0, 0, 0]),
+            height: 0,
+            width: 0,
+        };
+        let viewer;
+        let lightModels;
+        let tag_view = false;
+        let tag_visible = true;
+        let tag_color = 118;
+        //let bangonglouModelId = "62ba4f503a591513fe17d930";
+        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
+            viewer = new BimAir.Viewer(options);
+            //viewer.isUpdateTt = true;
+            let bangonglouModelId = "62e35430525bed6af87fb12c";
+            let bieshuModelId = "62e35436525bed6af87fb163";
+            viewer.loadModels([bangonglouModelId, bieshuModelId]).then((resLightModels) => {
+                lightModels = resLightModels;
+                lightModels[1].rotate = [1, 1, 270];
+                lightModels[1].translate = [40, 40, 0.45];
+                lightModels[1].scale = [1.2, 1.2, 1.2];
+                viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+                // viewer.camera.position = home_cameraView.position;
+                // viewer.camera.target = home_cameraView.target;
+                // viewer.camera.up = home_cameraView.up;
+                // viewer.camera.setField(home_cameraView.width, home_cameraView.height);
+                viewer.updateDisplay();
+            });
+        })
+        function funVisible() {
+            if (tag_visible) {
+                lightModels[1].setComponentsVisible(["234936"], false);
+                viewer.updateDisplay();
+                tag_visible = !tag_visible;
+            } else {
+                lightModels[1].setComponentsVisible(["234936"], true);
+                viewer.updateDisplay();
+                tag_visible = !tag_visible;
+            }
+        }
+        function funEmphasize() {
+            console.log("funEmphasize##########", tag_color);
+            let material = new BimAir.Material(viewer, "test");
+            setInterval(() => {
+                let color_R = 0;
+                let color_G = tag_color;
+                let color_U = 0;
+                if (color_G >= 102) {
+                    color_U = 255;
+                    color_R = (color_G - 102) * 1.6;
+                } else {
+                    color_R = 0;
+                    color_U = 255 - (102 - color_G) * 2.5;
+                }
+                material.setColor(color_R, color_G, color_U, 1);
+                lightModels[0].setComponentsColor(["384359"], material)
+                viewer.updateDisplay();
+                tag_color += 20;
+                tag_color %= 254;
+            }, 100);
+        }
+    </script>
+</body>
+</html>

package/demo//346/250/241/345/236/213/344/272/244/344/272/222//346/250/241/345/236/213/344/272/244/344/272/222-/350/256/276/347/275/256viewHouse.html ADDED Viewed

@@ -0,0 +1,122 @@
+<head>
+    <meta charset="UTF-8">
+    <title>设置viewHouse</title>
+    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
+    <script src="https://static.graphicstone.com/vue.min.js"></script>
+    <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
+    </link>
+</head>
+<body>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            height: 100vh;
+        }
+        #app {
+            height: 100vh;
+            position: relative;
+        }
+        button {
+            margin: 20px 20px 20px 20px;
+            width: 180px;
+            height: 40px;
+            border-radius: 3px;
+            border: none;
+            background: #0066ffe4;
+            color: #FFFFFF;
+            outline: none;
+        }
+        .button-group {
+            position: absolute;
+            z-index: 100;
+            top: 5px;
+            left: 70px;
+        }
+    </style>
+    <div id="app">
+        <!-- <div id="viewer">
+        </div> -->
+        <div class="button-group">
+            <button onclick="funRtnView()">恢复viewHouse</button>
+        </div>
+        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+        new Vue({
+            el: '#app',
+        });
+        let options = {
+            // viewerType: "model",
+            elementId: "viewer",
+            id: "6253e9d6b0545a0a6e49bf85",
+            modelService: "http://8.134.85.254:9036/api",
+            fileService: "http://8.134.85.254:9040/api",
+            background: "linear-gradient(#e3fcfc, #f6ffff)",
+        };
+        let home_cameraView = {
+            position: new Float64Array([47.17493348840205, -80.08997132883879, 24.0318348294697]),
+            target: new Float64Array([-85.72613400929843, 90.2933317530632, -48.9778287884545]),
+            up: new Float64Array([-0.19687114683779236, 0.2523949349039173, 0.9473851109119353]),
+            height: 228.08677009579034,
+            width: 228.08677009579034,
+        };
+        let cameraView = {
+            position: new Float64Array([0, 0, 0]),
+            target: new Float64Array([0, 0, 0]),
+            up: new Float64Array([0, 0, 0]),
+            height: 0,
+            width: 0,
+        };
+        let viewer;
+        let lightModels;
+        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
+            viewer = new BimAir.Viewer(options);
+            //viewer.isUpdateTt = true;
+            let bangonglouModelId = "62e35430525bed6af87fb12c";
+            viewer.loadModels([bangonglouModelId]).then((resLightModels) => {
+                lightModels = resLightModels;
+                viewer.camera.position = home_cameraView.position;
+                viewer.camera.target = home_cameraView.target;
+                viewer.camera.up = home_cameraView.up;
+                viewer.camera.setField(home_cameraView.width, home_cameraView.height);
+                viewer.updateDisplay();
+            });
+        })
+        function funRtnView() {
+            viewer.camera.position = home_cameraView.position;
+            viewer.camera.target = home_cameraView.target;
+            viewer.camera.up = home_cameraView.up;
+            viewer.camera.setField(home_cameraView.width, home_cameraView.height);
+            viewer.updateDisplay();
+        }
+    </script>
+</body>
+</html>

package/demo//346/250/241/345/236/213/345/212/250/347/224/273//345/212/250/347/224/273-/345/273/272/347/255/221/346/210/277/345/261/213/350/277/233/345/272/246/346/250/241/346/213/237-/351/232/224/347/246/273/347/224/237/351/225/277.html ADDED Viewed

@@ -0,0 +1,118 @@
+<head>
+    <meta charset="UTF-8">
+    <title>建筑隔离生长</title>
+    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
+    <script src="https://static.graphicstone.com/vue.min.js"></script>
+    <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
+    </link>
+</head>
+<body>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            height: 100vh;
+        }
+        #app {
+            height: 100vh;
+            position: relative;
+        }
+        button {
+            margin: 20px 20px 20px 20px;
+            width: 180px;
+            height: 40px;
+            border-radius: 3px;
+            border: none;
+            background: #0066ffe4;
+            color: #FFFFFF;
+            outline: none;
+        }
+        .button-group {
+            position: absolute;
+            z-index: 100;
+            top: 5px;
+            left: 70px;
+        }
+    </style>
+    <div id="app">
+        <!-- <div id="viewer">
+        </div> -->
+        <!-- <div class="button-group">
+            <button onclick="funChangeView()">正交投影</button>
+            <button onclick="funChangeView()">透视投影</button>
+        </div> -->
+        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+        new Vue({
+            el: '#app',
+        });
+        let options = {
+            // viewerType: "model",
+            elementId: "viewer",
+            id: "6253e9d6b0545a0a6e49bf85",
+            modelService: "http://8.134.85.254:9036/api",
+            fileService: "http://8.134.85.254:9040/api",
+            background: "linear-gradient(#e3fcfc, #f6ffff)",
+        };
+        let viewer;
+        let lightModels;
+        let tag_view = true;
+        let tag_visible = true;
+        let tag_color = 118;
+        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
+            viewer = new BimAir.Viewer(options);
+            viewer = viewer;
+            let allObjId = "62baa40a3a591513fe17de64";
+            viewer.loadModels([allObjId]).then((resLightModels) => {
+                viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+                lightModels = resLightModels;
+                lightModels[0].setAllComponentsIsolation(true);
+                //通过根节点名称进行构件隔离    ------用户可以自行设计依次显示的模型构件
+                let structureTreeName = ["S-1F", "A-1F", "S-2F", "A-2F", "S-3F", "A-3F", "S-4F", "A-4F", "S-RF", "A-RF", "A-(18.6女儿墙顶标高)", "A-(21.3小屋面)"];
+                for (let i = 0; i < structureTreeName.length; i++) {
+                    let setShowTime = 15000 + 1000 * i;         //设置进度模拟加载间隔时间   起初时间是15S，之后每秒钟进行一次进度更新
+                    let segmentObjectGroup = new Array();   //存储当前阶段需要加载的segment
+                    for (let j = 0; j <= i; j++) {
+                        segmentObjectGroup.push(viewer.structureTreeManager.getTreeNodesByName(structureTreeName[j]).items[0].segmentObject);   //依次加载结构树下节点
+                    }
+                    setTimeout(() => {
+                        //通过结构树名称进行构件隔离
+                        viewer.isolationManager.isolationInvert(segmentObjectGroup);
+                        viewer.updateDisplay();
+                        //console.log(segmentObjectGroup);
+                    }, setShowTime);
+                }
+                viewer.updateDisplay();
+            });
+        })
+    </script>
+</body>
+</html>