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//344/272/213/344/273/266/346/223/215/344/275/234//350/247/206/350/247/222/350/275/254/346/215/242.html CHANGED Viewed

@@ -1,118 +1,113 @@
 <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>
+  <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>
 </head>
 <body>
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-        }
-        #app {
-            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="setScene1()">设置视角1</button>
-            <button onclick="setScene2()">设置视角2</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+      height: 100vh;
+    }
+    #app {
+      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="setScene1()">设置视角1</button>
+      <button onclick="setScene2()">设置视角2</button>
     </div>
-    <script type="text/javascript">
-        new Vue({
-            el: '#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: "https://static.graphicstone.com/modelApi",
+      fileService: "https://static.graphicstone.com/fileApi",
+    };
+    let aboutCamera = {
+      position: [379720.251, 39004.605, 3324.137],
+      target: [379993.054, 39422.028, 3082.479],
+      up: [-0.453, -0.206, -0.867],
+      field: 554.132,
+    };
+    let aboutCamera2 = {
+      position: new Float64Array([379633.85, 39084.71, 3129.943]),
+      target: new Float64Array([380036.613, 39459.857, 3066.088]),
+      up: new Float64Array([0.084, 0.079, 0.993]),
+      field: 554.132,
+    };
+    let id = "632273cbbc278049a0898a0e";
+    let model1 = "632273cfbc278049a0898a12";
+    let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
+    let viewer;
+    let lightModels;
+    BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+      () => {
+        viewer = new BimAir.Viewer(options);
+        this.viewer = viewer;
+        this.viewer.loadModels([id, model1]).then((lightModels) => {
+          this.lightModels = lightModels;
+          this.viewer.fitWorld();
         });
-        let options = {
-            // viewerType: "model",
-            elementId: "viewer",
-            id: "6253e9d6b0545a0a6e49bf85",
-            modelService: "https://static.graphicstone.com/modelApi",
-            fileService: "https://static.graphicstone.com/fileApi",
-        };
-        let aboutCamera = {
-            position: [379720.251, 39004.605, 3324.137],
-            target: [379993.054, 39422.028, 3082.479],
-            up: [-0.453, -0.206, -0.867],
-            field: 554.132,
-        };
-        let aboutCamera2 = {
-            position: new Float64Array([379633.85, 39084.71, 3129.943]),
-            target: new Float64Array([380036.613, 39459.857, 3066.088]),
-            up: new Float64Array([0.084, 0.079, 0.993]),
-            field: 554.132,
-        };
-        let id = "632273cbbc278049a0898a0e";
-        let model1 = "632273cfbc278049a0898a12";
-        let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
-        let viewer;
-        let lightModels;
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-            viewer = new BimAir.Viewer(options);
-            this.viewer = viewer;
-            this.viewer.loadModels([id, model1]).then((lightModels) => {
-                this.lightModels = lightModels;
-                this.viewer.fitWorld();
-            })
-        })
-        function setScene1() {
-            this.viewer.camera.position = aboutCamera.position;
-            this.viewer.camera.target = aboutCamera.target;
-            this.viewer.camera.up = aboutCamera.up;
-            this.viewer.camera.setField(aboutCamera.field, aboutCamera.field);
-            this.viewer.updateDisplay();
-        }
-        function setScene2() {
-            this.viewer.camera.position = aboutCamera2.position;
-            this.viewer.camera.target = aboutCamera.target;
-            this.viewer.camera.up = aboutCamera.up;
-            this.viewer.camera.setField(aboutCamera2.field, aboutCamera2.field);
-            // this.viewer.fitWorld();
-            this.viewer.updateDisplay();
-        }
-    </script>
-</body>
+      }
+    );
+    function setScene1() {
+      this.viewer.camera.position = aboutCamera.position;
+      this.viewer.camera.target = aboutCamera.target;
+      this.viewer.camera.up = aboutCamera.up;
+      this.viewer.camera.setField(aboutCamera.field, aboutCamera.field);
+      this.viewer.updateDisplay();
+    }
+    function setScene2() {
+      this.viewer.camera.position = aboutCamera2.position;
+      this.viewer.camera.target = aboutCamera.target;
+      this.viewer.camera.up = aboutCamera.up;
+      this.viewer.camera.setField(aboutCamera2.field, aboutCamera2.field);
+      // this.viewer.fitWorld();
+      this.viewer.updateDisplay();
+    }
+  </script>
+</body>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//350/256/276/347/275/256/347/273/223/346/236/204/346/240/221/347/202/271/345/207/273/344/272/213/344/273/266.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,8 +26,8 @@
         // viewerType: "project",
         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",
         components: {
           structureTree: {
@@ -48,7 +38,7 @@
           },
         },
       };
-      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);
           viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(() => {});

package/demo//345/217/202/346/225/260/345/214/226/350/256/276/350/256/241//345/217/202/346/225/260/345/214/226/345/273/272/346/250/241.html CHANGED Viewed

@@ -3,6 +3,8 @@
   <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"
@@ -12,39 +14,7 @@
   </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="funInsertExtrudeBody()">创建拉伸体</button>
         <button onclick="funInsertRotateBody()">创建旋转体</button>
@@ -61,12 +31,12 @@
         // 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;
-      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
         () => {
           viewer = new BimAir.Viewer(options);
           viewer

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

@@ -0,0 +1,128 @@
+<!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">
+      <!-- <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",
+      };
+      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.4]; //手动计算出两模型之间的位置
+              viewer.updateDisplay();
+            });
+          });
+          tag_load = false;
+        }
+      }
+      function funMovemodel() {
+        console.log("~~~~~~~~~~~移动之前");
+        moveTime++;
+        console.log("移动之后", moveTime);
+        lightModels[0].translate = [-19.658, 87.682 + moveTime * 10, 0.4];
+        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//350/256/276/347/275/256viewHouse.html ADDED Viewed

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>设置viewHouse</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 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",
+      };
+      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/344/272/244/344/272/222//351/232/220/350/227/217/345/274/272/350/260/203.html ADDED Viewed

@@ -0,0 +1,124 @@
+<!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">
+      <!-- <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",
+      };
+      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>