npm - gs-bim-air - Versions diffs - 2.0.0-beta.4 → 2.0.0-beta.7 - Mend

gs-bim-air 2.0.0-beta.4 → 2.0.0-beta.7

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

package/demo//346/250/241/345/236/213/345/212/250/347/224/273//347/256/241/350/267/257/350/277/233/345/272/246/346/250/241/346/213/237-/347/256/241/351/201/223/347/224/237/351/225/277.html ADDED Viewed

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>管道生长</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.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>
+  </head>
+  <body>
+    <div id="app">
+      <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",
+      };
+      let viewer;
+      let lightModels;
+      let tag_view = true;
+      let tag_visible = true;
+      let tag_color = 118;
+      //let bangonglouModelId = "62ba4f503a591513fe17d930";
+      let zhongyuModelId = "62e35bb4525bed6af87fb26c";
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          // viewer.isUpdateTt = true;
+          // 排沙防空洞工程-左岸-PSFKDid
+          let PSFKDid = "62d8bcc9525bed6af87f5284";
+          viewer.loadModels([PSFKDid]).then((resLightModels) => {
+            viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+            lightModels = resLightModels;
+            // // 记录模型ID
+            let dongshenduanId = ["26", "27", "25"]; //Y
+            let yashitiId = ["28"]; //Z
+            let duiwaijiaotongId = ["29"]; //X
+            let jinkouduanId = ["20", "21"]; //Z
+            let yinquduanId = ["24"]; //Y
+            //为初始模型设置模型颜色
+            let material = new BimAir.Material(viewer, "test");
+            material.setColor(218, 228, 243, 1); //灰蓝
+            lightModels[0].setAllComponentsColor(material);
+            //为所有模型添加颜色
+            function modelCuttingOptions(modelId, cuttingType) {
+              console.log("函数调用");
+              let allTime = 10;
+              let time = 0;
+              let cuttingOptions = new BimAir.CuttingOptions();
+              cuttingOptions.type = cuttingType;
+              cuttingOptions.color = [0, 0, 255, 1];
+              cuttingOptions.ratio = 0;
+              let modelInterval = setInterval(() => {
+                if (time < allTime) {
+                  cuttingOptions.ratio += 0.1;
+                  // console.log("循环一次" + time + cuttingOptions.ratio);
+                  lightModels[0].setCutting(modelId, cuttingOptions);
+                  viewer.updateDisplay();
+                  time++;
+                } else {
+                  clearInterval(modelInterval);
+                }
+              }, 100);
+              lightModels[0].setComponentsColor([modelId], null);
+            }
+            setTimeout(() => {
+              console.log("2000");
+              modelCuttingOptions(
+                dongshenduanId[0],
+                BimAir.CuttingCreateType.BoundingBoxY
+              );
+            }, 2000);
+            setTimeout(() => {
+              modelCuttingOptions(
+                dongshenduanId[1],
+                BimAir.CuttingCreateType.BoundingBoxY
+              );
+            }, 3500);
+            setTimeout(() => {
+              modelCuttingOptions(
+                dongshenduanId[2],
+                BimAir.CuttingCreateType.BoundingBoxY
+              );
+            }, 5000);
+            setTimeout(() => {
+              modelCuttingOptions(
+                yashitiId[0],
+                BimAir.CuttingCreateType.BoundingBoxZ
+              );
+            }, 6500);
+            setTimeout(() => {
+              modelCuttingOptions(
+                duiwaijiaotongId[0],
+                BimAir.CuttingCreateType.BoundingBoxX
+              );
+            }, 8000);
+            setTimeout(() => {
+              modelCuttingOptions(
+                jinkouduanId[0],
+                BimAir.CuttingCreateType.BoundingBoxZ
+              );
+            }, 9500);
+            setTimeout(() => {
+              modelCuttingOptions(
+                jinkouduanId[1],
+                BimAir.CuttingCreateType.BoundingBoxZ
+              );
+            }, 11000);
+            setTimeout(() => {
+              modelCuttingOptions(
+                yinquduanId[0],
+                BimAir.CuttingCreateType.BoundingBoxY
+              );
+            }, 12500);
+            viewer.updateDisplay();
+          });
+        }
+      );
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/345/212/250/347/224/273//350/267/257/345/276/204/345/212/250/347/224/273.html CHANGED Viewed

@@ -6,12 +6,14 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
     <title>轻量化平台</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      href="https://static.belife-bim.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>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
   </head>
   <body>
@@ -26,8 +28,29 @@
         height: 100vh;
         position: relative;
       }
+      button {
+        margin: 20px 20px 20px 20px;
+        width: 120px;
+        height: 40px;
+        border-radius: 3px;
+        border: none;
+        background: #006fe4;
+        color: #ffffff;
+        outline: none;
+      }
+      .button-group {
+        position: absolute;
+        z-index: 100;
+        top: 5px;
+        left: 70px;
+      }
     </style>
     <div id="app">
+      <div class="button-group">
+        <button onclick="play()">启动动画</button>
+      </div>
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -38,12 +61,14 @@
       let options = {
         // viewerType: "model",
         elementId: "viewer",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
+      let viewer, lightModels;
       BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
         () => {
-          let viewer = new BimAir.Viewer(options);
+          viewer = new BimAir.Viewer(options);
           // 别墅模型Id
           let modelId = "626b4d1ebfe39e58ae7b66a2";
@@ -55,93 +80,100 @@
               { id: carObjId, version: 0 },
               { id: carObjId, version: 0 },
             ])
-            .then((lightModels) => {
+            .then((res) => {
               viewer.setViewMode(6, true);
               this.modelName = viewer.renderObject.name;
+              lightModels = res;
               // 小车的LightModel
-              let carModel = lightModels[1];
-              let carModel1 = lightModels[2];
-              // 路径点.
-              let point1 = new BimAir.Longan.Point();
-              point1[0] = 3;
-              point1[1] = 0;
-              point1[2] = 0;
-              let point2 = new BimAir.Longan.Point();
-              point2[0] = 8;
-              point2[1] = 8;
-              point2[2] = 0;
-              let point3 = new BimAir.Longan.Point();
-              point3[0] = 10;
-              point3[1] = -5;
-              point3[2] = 0;
-              let point4 = new BimAir.Longan.Point();
-              point4[0] = 20;
-              point4[1] = 10;
-              point4[2] = 0;
-              let point5 = new BimAir.Longan.Point();
-              point5[0] = 30;
-              point5[1] = -10;
-              point5[2] = 0;
-              let points = new Array();
-              points.push(point1);
-              points.push(point2);
-              points.push(point1);
-              let points1 = new Array();
-              points1.push(point3);
-              points1.push(point4);
-              points1.push(point5);
-              // 绘制路径点线段(用来看的).
-              viewer.utilitySegment.subsegment("roamPath").clearGeometries();
-              viewer.process.animationManager.drawPointsCurve(viewer, points);
-              viewer.process.animationManager.drawPointsCurve(viewer, points1);
-              // 旋转角度
-              let degreed = 10;
-              // 动画移动的对象
-              let moveSegmentObject = carModel.segmentObject;
-              // 漫游时长
-              let roamTime = 5;
-              // datumPoint: 基准点---旋转中心(因为模型朝向需要与路径起点的切线方向一致,因此需要手动调整模型的旋转.)
-              // let datumPoint = new Float64Array([0, 0, 0]);
-              let datumPoint = new Float64Array([
-                28.5183410644531, -9.83585357666016, -4.73714828491211,
-              ]); // 压路机的偏移点.
-              // 先清除车的matrix
-              moveSegmentObject.segment.modellingMatrix.unset();
-              // 添加路径动画并返回动画事件的Id.
-              let animationId =
-                viewer.process.animationManager.segmentObjectRoamPath(
-                  degreed,
-                  moveSegmentObject,
-                  points,
-                  roamTime,
-                  datumPoint
-                );
-              carModel1.segment.modellingMatrix.unset();
-              // 添加路径动画并返回动画事件的Id.
-              let animationId1 =
-                viewer.process.animationManager.segmentObjectRoamPath(
-                  degreed,
-                  carModel1.segmentObject,
-                  points1,
-                  roamTime + 5,
-                  datumPoint
-                );
-              // 播放全部动画
-              viewer.process.animationManager.run();
             });
         }
       );
+      function play() {
+        if (!viewer) {
+          alert("请等待模型加载");
+          return;
+        }
+        let carModel = lightModels[1];
+        let carModel1 = lightModels[2];
+        // 路径点.
+        let point1 = new BimAir.Longan.Point();
+        point1[0] = 3;
+        point1[1] = 0;
+        point1[2] = 0;
+        let point2 = new BimAir.Longan.Point();
+        point2[0] = 8;
+        point2[1] = 8;
+        point2[2] = 0;
+        let point3 = new BimAir.Longan.Point();
+        point3[0] = 10;
+        point3[1] = -5;
+        point3[2] = 0;
+        let point4 = new BimAir.Longan.Point();
+        point4[0] = 20;
+        point4[1] = 10;
+        point4[2] = 0;
+        let point5 = new BimAir.Longan.Point();
+        point5[0] = 30;
+        point5[1] = -10;
+        point5[2] = 0;
+        let points = new Array();
+        points.push(point1);
+        points.push(point2);
+        points.push(point1);
+        let points1 = new Array();
+        points1.push(point3);
+        points1.push(point4);
+        points1.push(point5);
+        // 绘制路径点线段(用来看的).
+        viewer.utilitySegment.subsegment("roamPath").clearGeometries();
+        viewer.process.animationManager.drawPointsCurve(viewer, points);
+        viewer.process.animationManager.drawPointsCurve(viewer, points1);
+        // 旋转角度
+        let degreed = 10;
+        // 动画移动的对象
+        let moveSegmentObject = carModel.segmentObject;
+        // 漫游时长
+        let roamTime = 5;
+        // datumPoint: 基准点---旋转中心(因为模型朝向需要与路径起点的切线方向一致,因此需要手动调整模型的旋转.)
+        // let datumPoint = new Float64Array([0, 0, 0]);
+        let datumPoint = new Float64Array([
+          28.5183410644531, -9.83585357666016, -4.73714828491211,
+        ]); // 压路机的偏移点.
+        // 先清除车的matrix
+        moveSegmentObject.segment.modellingMatrix.unset();
+        // 添加路径动画并返回动画事件的Id.
+        let animationId = viewer.process.animationManager.segmentObjectRoamPath(
+          degreed,
+          moveSegmentObject,
+          points,
+          roamTime,
+          datumPoint
+        );
+        carModel1.segment.modellingMatrix.unset();
+        // 添加路径动画并返回动画事件的Id.
+        let animationId1 =
+          viewer.process.animationManager.segmentObjectRoamPath(
+            degreed,
+            carModel1.segmentObject,
+            points1,
+            roamTime + 5,
+            datumPoint
+          );
+        // 播放全部动画
+        viewer.process.animationManager.run();
+      }
     </script>
   </body>
 </html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/210/233/345/273/272/350/247/206/345/233/276.html CHANGED Viewed

@@ -3,27 +3,17 @@
   <head>
     <meta charset="UTF-8" />
     <title>创建视图</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      href="https://static.belife-bim.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>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
   </head>
   <body>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        height: 100vh;
-      }
-      #app {
-        height: 100vh;
-        position: relative;
-      }
-    </style>
     <div id="app">
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -36,10 +26,10 @@
         // viewerType: "model",
         elementId: "viewer",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
-      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
         () => {
           let viewer = new BimAir.Viewer(options);
         }

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/212/240/350/275/275/346/234/215/345/212/241/345/231/250/346/250/241/345/236/213.html CHANGED Viewed

@@ -3,27 +3,17 @@
   <head>
     <meta charset="UTF-8" />
     <title>加载服务器模型</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      href="https://static.belife-bim.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>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
   </head>
   <body>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        height: 100vh;
-      }
-      #app {
-        height: 100vh;
-        position: relative;
-      }
-    </style>
     <div id="app">
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -35,11 +25,11 @@
       let options = {
         elementId: "viewer",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
       BimAir.Loader({
-        url: "https://static.graphicstone.com/bimAir",
+        url: "https://static.belife-bim.com/bimAir",
       }).then(() => {
         let viewer = new BimAir.Viewer(options);
         viewer

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/217/214/345/261/217/346/223/215/344/275/234.html CHANGED Viewed

@@ -3,12 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <title>创建视图</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      href="https://static.belife-bim.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>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
   </head>
   <body>
@@ -59,16 +61,16 @@
       let options = {
         // viewerType: "model",
         elementId: "viewer1",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
       let options2 = {
         // viewerType: "model",
         elementId: "viewer2",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
-      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
         () => {
           let viewer = new BimAir.Viewer(options);
           let viewer2 = new BimAir.Viewer(options2);

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/256/232/344/275/215/346/250/241/345/236/213.html CHANGED Viewed

@@ -3,28 +3,21 @@
   <head>
     <meta charset="UTF-8" />
     <title>定位模型</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      href="https://static.belife-bim.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>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
   </head>
   <body>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        height: 100vh;
-      }
-      #app {
-        height: 100vh;
-        position: relative;
-      }
-    </style>
     <div id="app">
+      <div class="button-group">
+        <button onclick="locateComponent()">定位模型节点</button>
+      </div>
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -36,20 +29,25 @@
         // viewerType: "model",
         elementId: "viewer",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
+      let component;
       BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
         () => {
           let viewer = new BimAir.Viewer(options);
           viewer
             .loadModels(["626b4d1ebfe39e58ae7b66a2"])
             .then((lightModels) => {
-              let treeNode = lightModels[0].treeNodeObject;
-              viewer.locateObject(treeNode);
+              component = lightModels[0].getComponent("243274");
             });
         }
       );
+      function locateComponent() {
+        viewer.locateObject(component);
+      }
     </script>
   </body>
 </html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/267/245/345/205/267/346/240/217/346/230/276/347/244/272/351/232/220/350/227/217.html ADDED Viewed

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>工具栏显示隐藏</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.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>
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="buttonVisibleToggle()">显示/隐藏工具栏</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+        toolbarVisible: {
+          leftToolbar: true, //左边工具栏
+          rightToolbar: true, //右边工具栏
+          bottomToolbar: true, //底部工具栏
+          // structureTree: true, //左边结构树按钮
+          // property: true, //底部属性按钮
+          // viewPoint: true, //底部视点按钮
+          // measure: true, //底部测量按钮
+          // comment: true, //底部批注按钮
+          // label: true, //底部标签按钮
+          // cut: true, //底部按钮
+          // explosion: true, //底部全局爆炸按钮
+          // proExplosion: true, //底部专业按钮
+          // roam: true, //底部漫游按钮
+          // style: true, //底部样式按钮
+          // collision: true, //底部碰撞按钮
+          // floorPlan: true, //底部楼层平面按钮
+          // twoDDrawing: true, //底部二维图纸按钮
+          // snapshoot: true, //底部快照按钮
+          // setting: true, //底部设置按钮
+        },
+      };
+      let viewer;
+      let buttonVisible = true;
+      BimAir.Loader({
+        url: "https://static.graphicstone.com/bimAir",
+      }).then(() => {
+        viewer = new BimAir.Viewer(options);
+        viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(() => {});
+      });
+      function buttonVisibleToggle() {
+        buttonVisible = !buttonVisible;
+        viewer.options.toolbarVisible.leftToolbar = buttonVisible;
+        viewer.options.toolbarVisible.rightToolbar = buttonVisible;
+        viewer.options.toolbarVisible.bottomToolbar = buttonVisible;
+      }
+    </script>
+  </body>
+</html>