npm - @belife/belife-bim-air - Versions diffs - 1.6.1-zy.86.patch.7 → 1.6.1-zy.86.patch.9 - Mend

@belife/belife-bim-air 1.6.1-zy.86.patch.7 → 1.6.1-zy.86.patch.9

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

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//347/216/257/347/212/266/346/211/253/346/217/217/346/225/210/346/236/234.html ADDED Viewed

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>环状扫描效果</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="create()">创建环状扫描效果</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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer, lightModels;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels("6444dab5ecea86114b8efcb5", true, true)
+            .then((res) => {
+              lightModels = res;
+            });
+        }
+      );
+      function create() {
+        let circleScanEffectConfig =
+          new BimAir.Animation.CircleScanEffectConfig(
+            viewer,
+            lightModels[0],
+            new Float32Array([17, 218, 183]),
+            new Float32Array([-150, -100, -200]),
+            200,
+            10
+          );
+        let circleScanEffect = new BimAir.Animation.CircleScanEffect(
+          circleScanEffectConfig
+        );
+        viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//347/253/213/344/275/223/351/224/232/347/202/271.html ADDED Viewed

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>立体锚点</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="create()">创建立体锚点</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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels("626b4d1ebfe39e58ae7b66a2")
+            .then((lightModels) => {});
+        }
+      );
+      function create() {
+        let pos = [11.398058060132435, -1.746637999828935, 23.098180061450208];
+        let target = [
+          -14.942065238952637, 19.718231201171875, 4.503608703613281,
+        ];
+        let up = [-0.3721429580358232, 0.30326357350764344, 0.877234759780825];
+        let width = 217.1120044528568;
+        viewer.setSceneCamera(pos, target, up, width, width);
+        let position = [-14.93, 19.539, 4.802];
+        let size = 1;
+        let speedOfTime = 3;
+        let anchorEffectConfig = new BimAir.Animation.AnchorEffectConfig(
+          viewer,
+          "anchorName1",
+          position,
+          size,
+          speedOfTime
+        );
+        let anchorEffect = new BimAir.Animation.AnchorEffect(
+          anchorEffectConfig
+        );
+        // 创建锚点.
+        anchorEffect.createAnchor().then(() => {
+          console.log("anchor created");
+          // setTimeout(() => {
+          //   // 10秒后删除锚点及其动画.
+          //   anchorEffect.clear(viewer);
+          // }, 10000);
+        });
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//350/201/232/345/205/211/347/201/257/346/225/210/346/236/234.html ADDED Viewed

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>聚光灯效果</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="create()">创建聚光灯</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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer, lightModels;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels("626b4d1ebfe39e58ae7b66a2").then((res) => {
+            lightModels = res;
+            let camera = {
+              position: new Float64Array([
+                10.063432386497235, 8.907210537394105, 3.1558858206465965,
+              ]),
+              target: new Float64Array([
+                -202.20468829965833, 17.987431415854946, -41.62734626798248,
+              ]),
+              up: new Float64Array([
+                -0.20606166255441796, 0.008814726415478145, 0.9784993059903158,
+              ]),
+              width: 217.1120044528568,
+              height: 217.1120044528568,
+            };
+            // 单独设置camera属性
+            viewer.camera.position = camera.position;
+            viewer.camera.target = camera.target;
+            viewer.camera.up = camera.up;
+            viewer.camera.setField(camera.width, camera.height);
+            viewer.updateDisplay();
+          });
+        }
+      );
+      function create() {
+        let spotLightEffectConfig = new BimAir.Animation.SpotLightEffectConfig(
+          viewer,
+          lightModels[0],
+          new Float32Array([255, 255, 0]),
+          new Float32Array([-0, 9.5, 3]),
+          new Float32Array([0, 0, -1]),
+          20,
+          0.6
+        );
+        let spotLightEffect = new BimAir.Animation.SpotLightEffect(
+          spotLightEffectConfig
+        );
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//351/200/232/350/247/206/345/210/206/346/236/220.html ADDED Viewed

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>通视分析</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="create()">添加通视分析</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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels("626b4d1ebfe39e58ae7b66a2")
+            .then((lightModels) => {});
+        }
+      );
+      function create() {
+        let viewPos = new Float32Array([24.65, -8.09, 15]);
+        let targetPos = new Float32Array([
+          -7.06, 18.7, 2.41, 17.03, 23.73, -0.72, -20.01, 19.76, 3.99,
+        ]);
+        let visibleColor = new Float32Array([50, 211, 166]);
+        let invisibleColor = new Float32Array([235, 0, 29]);
+        let sightlineAnalysisConfig =
+          new BimAir.Animation.SightlineAnalysisConfig(
+            viewer,
+            viewPos,
+            targetPos,
+            visibleColor,
+            invisibleColor
+          );
+        let sightlineAnalysisEffect =
+          new BimAir.Animation.SightlineAnalysisEffect(sightlineAnalysisConfig);
+        viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//351/233/252/345/244/251/346/225/210/346/236/234.html ADDED Viewed

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>雪天效果</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="create()">添加雪天效果</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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          let projectId = "626b4d1ebfe39e58ae7b66a2";
+          viewer.loadModels(projectId).then(() => {});
+        }
+      );
+      function create() {
+        let snowEffectConfig = new BimAir.Animation.SnowEffectConfig(viewer);
+        let snowEffect = new BimAir.Animation.SnowEffect(snowEffectConfig);
+        viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//345/244/232/346/236/204/344/273/266/345/211/226/345/210/207.html ADDED Viewed

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>多构件剖切</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="create()">多构件剖切</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer, lightModels;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function create() {
+        //方式一，通过构件id和剖切选项直接创建剖切面
+        //--------------------------------------
+        //创建剖切面选项
+        let cuttingOptions = new BimAir.CuttingOptions();
+        cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
+        cuttingOptions.ratio = 0.5;
+        cuttingOptions.color = [186, 135, 243, 1];
+        //通过构件id和选项设置剖面面
+        lightModels[0].setCutting("849032", cuttingOptions);
+        //方式二，通过结构树节点和剖切选项创建剖切面
+        //--------------------------------------
+        //创建剖切面选项
+        cuttingOptions = new BimAir.CuttingOptions();
+        cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
+        cuttingOptions.ratio = 0.5;
+        //通过结构树上的节点名称获取节点对象
+        let roofNode =
+          viewer.structureTreeManager.getTreeNodesByName("Roof Line");
+        //通过节点创建剖切面
+        roofNode.items[0].segmentObject.setCutting(cuttingOptions);
+        //创建剖切面选项
+        cuttingOptions = new BimAir.CuttingOptions();
+        cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
+        cuttingOptions.ratio = 0.2;
+        cuttingOptions.color = [36, 172, 242, 1];
+        //通过结构树上的节点名称获取节点对象
+        let wallNode = viewer.structureTreeManager.getTreeNodesByName(
+          "SIP 202mm Wall - conc clad"
+        );
+        //通过节点创建剖切面
+        wallNode.items[0].segmentObject.setCutting(cuttingOptions);
+        viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//345/256/232/344/275/215/346/236/204/344/273/266.html ADDED Viewed

@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>定位构件</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <input
+          type="text"
+          id="inputID"
+          placeholder="输入构件ID,多个ID中间用英文逗号相连"
+        />
+        <button onclick="locateID()">定位构件</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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let id = "632273cbbc278049a0898a0e";
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer.loadModels([id]).then((lightModels) => {
+            this.lightModels = lightModels;
+            this.viewer.fitWorld();
+            // this.viewer.updateDisplay();
+          });
+        }
+      );
+      //  构件ID：1d3c041b27e00e065855bf2a5210db3d,724c3b0f3a87e66960348b1b7d201613
+      function locateID() {
+        let ids = document.getElementById("inputID");
+        let IDList = ids.value.split(",");
+        let tempTreeNode;
+        let TreeNodes = [];
+        console.log(IDList);
+        IDList.forEach((item) => {
+          tempTreeNode = this.viewer.getComponent(id, item);
+          TreeNodes.push(tempTreeNode);
+        });
+        this.viewer.locateObject(TreeNodes);
+        this.lightModels[0].setComponentsHighlight(IDList, true);
+        this.viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//346/236/204/344/273/266/345/261/236/346/200/247.html ADDED Viewed

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>构件属性</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="getProperties()">获取构件属性</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.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer, lightModels;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function getProperties() {
+        let segmentObject = viewer.getComponent(
+          lightModels[0].modelId,
+          "243274"
+        );
+        viewer.propertyManager.getProperty(segmentObject).then((properties) => {
+          console.log("属性", properties);
+          alert("f12在控制台查看属性");
+        });
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//346/236/204/344/273/266/347/242/260/346/222/236/346/243/200/346/265/213.html ADDED Viewed

@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>构件碰撞检测</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+  </head>
+  <body>
+    <div id="app">
+      <!-- <div id="viewer">
+        </div> -->
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let timer = setTimeout(() => {
+        let options = {
+          // viewerType: "model",
+          elementId: "viewer",
+          modelService: "https://static.belife-bim.com/modelApi",
+          fileService: "https://static.belife-bim.com/fileApi",
+        };
+        BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            let viewer = new BimAir.Viewer(options);
+            viewer
+              .loadModels(["626b4d1ebfe39e58ae7b66a2"])
+              .then((lightModels) => {
+                let sphere = viewer.temporaryObjectManager.addHemisphere(
+                  "test",
+                  "22",
+                  new Float32Array([0, 0, 1]),
+                  100,
+                  new Float32Array([0, 0, 1])
+                );
+                let components = [];
+                viewer.structureTreeManager.getComponents(
+                  viewer.structureTreeManager.rootNode,
+                  components
+                );
+                viewer.updateDisplay();
+                let material = new BimAir.Material(viewer, "1");
+                material.setColor(255, 0, 0, 1);
+                //需要检测的碰撞类型
+                // let type = BimAir.Longan.CollisionType.Touch | BimAir.Longan.CollisionType.Contain | BimAir.Longan.CollisionType.Soft | BimAir.Longan.CollisionType.Intersect;
+                let type = BimAir.Longan.CollisionType.Soft;
+                //软碰撞距离
+                viewer.softCollisionDistance = 0.1;
+                console.log("components", components, sphere, type);
+                for (let i = 0; i < components.length; i++) {
+                  const seg = components[i].segment;
+                  viewer
+                    .computeCollision(seg, sphere.segment, type)
+                    .then((data) => {
+                      console.log(data);
+                    });
+                }
+                // setTimeout(() => {
+                //     viewer
+                //         .computeObjectCollisions(
+                //             [sphere],
+                //             components,
+                //             type,
+                //             (viewer, total, current) => {
+                //                 console.log("碰撞进度",total, current);
+                //             }
+                //         )
+                //         .then((result) => {
+                //             for (let i = 0; i < result.length; i++) {
+                //                 let seg = result[i].component0;
+                //                 let seg1 = result[i].component1;
+                //                 viewer.materialManager.override([seg, seg1], material);
+                //             }
+                //             console.log("碰撞结果", result);
+                //         });
+                // }, 3000);
+              });
+          }
+        );
+      }, 1000);
+    </script>
+  </body>
+</html>