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//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 CHANGED Viewed

@@ -1,117 +1,103 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>构件碰撞检测</title>
-    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
-    </link>
-</head>
-<body>
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-        }
-        #app {
-            height: 100vh;
-            position: relative;
-        }
-    </style>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+  </head>
+  <body>
     <div id="app">
-        <!-- <div id="viewer">
+      <!-- <div id="viewer">
         </div> -->
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
-    <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>
     <script type="text/javascript">
-        new Vue({
-            el: '#app',
-        });
-        let timer = setTimeout(() => {
-            let options = {
-                // viewerType: "model",
-                elementId: "viewer",
-                modelService: "https://static.graphicstone.com/modelApi",
-                fileService: "https://static.graphicstone.com/fileApi",
-            }
-            BimAir.Loader({ url: "https://static.graphicstone.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)
+      new Vue({
+        el: "#app",
+      });
+      let timer = setTimeout(() => {
+        let options = {
+          // viewerType: "model",
+          elementId: "viewer",
+          modelService: "https://static.graphicstone.com/modelApi",
+          fileService: "https://static.graphicstone.com/fileApi",
+        };
+        BimAir.Loader({ url: "https://static.graphicstone.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>
+  </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/351/200/211/346/213/251/344/270/216/345/256/232/344/275/215.html CHANGED Viewed

@@ -1,70 +1,59 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>构件选择与定位</title>
-    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
-    </link>
-</head>
-<body>
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-        }
-        #app {
-            height: 100vh;
-            position: relative;
-        }
-    </style>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/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 class="button-group">
+        <button onclick="locate()">构件定位</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
-    <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>
     <script type="text/javascript">
-        new Vue({
-            el: '#app',
-        });
-        let timer = setTimeout(() => {
-            let options = {
-                // viewerType: "model",
-                elementId: "viewer",
-                modelService: "https://static.graphicstone.com/modelApi",
-                fileService: "https://static.graphicstone.com/fileApi",
-            }
-            BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-                let viewer = new BimAir.Viewer(options)
-                viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(lightModels => {
-                    let segmentObject = viewer.getComponent(
-                        lightModels[0].modelId,
-                        "243274"
-                    );
-                    // let selected = viewer.selectionManager.segmentObject;
-                    viewer.locateObject([segmentObject]);
-		            viewer.highlightManager.highlight([segmentObject])
-                });
-            })
-        }, 1000)
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let viewer, lightModels;
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function locate() {
+        let segmentObject = viewer.getComponent(
+          lightModels[0].modelId,
+          "243274"
+        );
+        viewer.locateObject([segmentObject]);
+        viewer.highlightManager.highlight([segmentObject]);
+      }
     </script>
-</body>
-</html>
+  </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/351/232/220/350/227/217/343/200/201/346/236/204/344/273/266/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);
+          this.viewer = viewer;
+          //viewer.isUpdateTt = true;
+          let bangonglouModelId = "62e35430525bed6af87fb12c";
+          let bieshuModelId = "62e35436525bed6af87fb163";
+          this.viewer
+            .loadModels([bangonglouModelId, bieshuModelId])
+            .then((lightModels) => {
+              lightModels[1].rotate = [1, 1, 270];
+              lightModels[1].translate = [40, 40, 0.45];
+              lightModels[1].scale = [1.2, 1.2, 1.2];
+              this.viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+              // this.viewer.camera.position = home_cameraView.position;
+              // this.viewer.camera.target = home_cameraView.target;
+              // this.viewer.camera.up = home_cameraView.up;
+              // this.viewer.camera.setField(home_cameraView.width, home_cameraView.height);
+              this.lightModels = lightModels;
+              this.viewer.updateDisplay();
+            });
+        }
+      );
+      function funVisible() {
+        if (this.tag_visible) {
+          this.lightModels[1].setComponentsVisible(["234936"], false);
+          this.viewer.updateDisplay();
+          this.tag_visible = !this.tag_visible;
+        } else {
+          this.lightModels[1].setComponentsVisible(["234936"], true);
+          this.viewer.updateDisplay();
+          this.tag_visible = !this.tag_visible;
+        }
+      }
+      function funEmphasize() {
+        console.log("funEmphasize##########", tag_color);
+        let material = new BimAir.Material(this.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);
+          this.lightModels[0].setComponentsColor(["384359"], material);
+          this.viewer.updateDisplay();
+          tag_color += 20;
+          tag_color %= 254;
+        }, 100);
+      }
+    </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/351/232/224/347/246/273.html ADDED Viewed

@@ -0,0 +1,127 @@
+<!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>
+    <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 id="viewer">
+        </div> -->
+      <div class="button-group">
+        <button onclick="setScene()">设置视角</button>
+        <button onclick="setAllIsolation()">设置模型隔离</button>
+        <button onclick="setComponentsColor()">设置构件颜色</button>
+        <button onclick="cancelColor()">取消颜色</button>
+        <button onclick="cancelIsolation()">取消隔离</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: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let aboutCamera = {
+        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 viewer;
+      let lightModels;
+      let id = "632273cbbc278049a0898a0e";
+      let model1 = "632273cfbc278049a0898a12";
+      let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
+      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 setScene() {
+        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.fitWorld();
+      }
+      function setAllIsolation() {
+        this.lightModels[0].setAllComponentsIsolation(true);
+        this.viewer.updateDisplay();
+      }
+      function setComponentsColor() {
+        let material2 = new BimAir.Material(this.viewer, "test2");
+        material2.setColor(127, 250, 0, 1);
+        this.lightModels[1].setAllComponentsColor(material2);
+        this.viewer.updateDisplay();
+      }
+      function cancelColor() {
+        this.lightModels[1].setAllComponentsColor(null);
+        this.viewer.updateDisplay();
+      }
+      function cancelIsolation() {
+        this.lightModels[0].setAllComponentsIsolation(false);
+        this.viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>