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//350/216/267/345/217/226/346/236/204/344/273/266/345/214/205/345/233/264/347/233/222.html CHANGED Viewed

@@ -1,64 +1,57 @@
 <!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="getBb()">获取构件包围盒</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 = {
-                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 bb = viewer.computeObjectViewBoundingBox(segmentObject);
-                    console.log("构件包围盒",bb);
-                });
-            })
-        }, 1000)
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        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 getBb() {
+        let segmentObject = viewer.getComponent(
+          lightModels[0].modelId,
+          "243274"
+        );
+        let bb = viewer.computeObjectViewBoundingBox(segmentObject);
+        console.log("构件包围盒", bb);
+        alert("构件包围盒:" + bb);
+      }
     </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//350/256/276/347/275/256/346/250/241/345/236/213/351/242/234/350/211/262.html ADDED Viewed

@@ -0,0 +1,65 @@
+<!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"
+    />
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="setColor()">设置模型颜色</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 type="text/javascript">
+      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(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function setColor() {
+        let material = new BimAir.Material(viewer, "test");
+        material.setColor(127, 0, 0, 0.5);
+        let lightModel = lightModels[0];
+        //添加材质
+        // lightModel.setComponentsColor(["243274"], material)
+        //取消材质
+        // lightModel.setComponentsColor(["243274"], null)
+        //添加所有
+        lightModel.setAllComponentsColor(material);
+        //取消所有
+        // lightModel.setAllComponentsColor();
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//350/256/276/347/275/256/351/200/217/346/230/216/345/272/246.html CHANGED Viewed

@@ -1,109 +1,115 @@
 <!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">
+    <!-- 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>
-    </link>
-</head>
+  </head>
-<body>
+  <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;
-        }
-        input {
-            margin: 0 10px;
-            padding: 0 10px;
-            width: 230px;
-            height: 28px;
-            border: 1px solid #CCCCCC;
-            border-radius: 3px;
-            font-size: 14px;
-        }
+      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;
+      }
+      input {
+        margin: 0 10px;
+        padding: 0 10px;
+        width: 230px;
+        height: 28px;
+        border: 1px solid #cccccc;
+        border-radius: 3px;
+        font-size: 14px;
+      }
     </style>
     <div id="app">
-        <div class="button-group">
-            <input type="number" min="0" max="100" id="inputNum" placeholder="输入透明度，为大于0小于100的数">
-            <button onclick="setTransparency()">设置透明度</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <input
+          type="number"
+          min="0"
+          max="100"
+          id="inputNum"
+          placeholder="输入透明度，为大于0小于100的数"
+        />
+        <button onclick="setTransparency()">设置透明度</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.graphicstone.com/modelApi",
-            fileService: "https://static.graphicstone.com/fileApi",
-        }
-        let id = "632273cbbc278049a0898a0e";
-        let model1 = "632273cfbc278049a0898a12";
-        let model2 = "63227488bc278049a0898a89";
-        let model3 = "632274dabc278049a0898ac1";
-        let model4 = "6322749bbc278049a0898aa4";
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-            viewer = new BimAir.Viewer(options);
-            this.viewer = viewer;
-            this.viewer.loadModels([id, model1, model2, model3, model4]).then((lightModels) => {
-                this.lightModels = lightModels;
-                this.viewer.fitWorld();
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let id = "632273cbbc278049a0898a0e";
+      let model1 = "632273cfbc278049a0898a12";
+      let model2 = "63227488bc278049a0898a89";
+      let model3 = "632274dabc278049a0898ac1";
+      let model4 = "6322749bbc278049a0898aa4";
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer
+            .loadModels([id, model1, model2, model3, model4])
+            .then((lightModels) => {
+              this.lightModels = lightModels;
+              this.viewer.fitWorld();
             });
-        })
-        function setTransparency() {
-            let num = document.getElementById("inputNum").value;
-            console.log(num);
-            let material = new BimAir.Material(viewer, "test");
-            material.setTransparency(num / 100);
-            let treeNode = this.viewer.structureTreeManager.getTreeNodesByName("MED-C-01-CF-ZCF-002-001(2#机组)");
-            let seg = treeNode.items[0].segmentObject;
-            seg.setMaterial(material);
-            this.viewer.updateDisplay();
         }
+      );
+      function setTransparency() {
+        let num = document.getElementById("inputNum").value;
+        console.log(num);
+        let material = new BimAir.Material(viewer, "test");
+        material.setTransparency(num / 100);
+        let treeNode = this.viewer.structureTreeManager.getTreeNodesByName(
+          "MED-C-01-CF-ZCF-002-001(2#机组)"
+        );
+        let seg = treeNode.items[0].segmentObject;
+        seg.setMaterial(material);
+        this.viewer.updateDisplay();
+      }
     </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//350/256/276/347/275/256/351/232/224/347/246/273/346/240/267/345/274/217.html CHANGED Viewed

@@ -1,109 +1,109 @@
 <!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">
+    <!-- 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>
-    </link>
-</head>
+  </head>
-<body>
+  <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;
-        }
+      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 id="viewer">
         </div> -->
-        <div class="button-group">
-            <button onclick="setIsolationStyle()">设置隔离样式</button>
-            <button onclick="setIsolation()">隔离肘管</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="setIsolationStyle()">设置隔离样式</button>
+        <button onclick="setIsolation()">隔离肘管</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
     <script type="text/javascript">
-        new Vue({
-            el: '#app',
-        });
-        let options = {
-            elementId: "viewer",
-            id: "6253e9d6b0545a0a6e49bf85",
-            modelService: "https://static.graphicstone.com/modelApi",
-            fileService: "https://static.graphicstone.com/fileApi",
-        };
-        let aboutCamera = {
-            position: [380545.319, 39418.008, 3073.72],
-            target: [379991.188, 39417.578, 3073.291],
-            up: [-0.001, -0.285, 0.959],
-            field: 554.132,
-        };
-        let id = "632273cbbc278049a0898a0e";
-        let model1 = "632273cfbc278049a0898a12";
-        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.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 setIsolationStyle() {
-            this.viewer.isolationManager.material.setColor(120, 250, 0, 0,5);
-        }
-        function setIsolation() {
-            this.lightModels[0].setAllComponentsVisible(false);
-            let object1 = this.lightModels[1].segmentObject;
-            this.viewer.isolationManager.isolation([object1]);
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        elementId: "viewer",
+        id: "6253e9d6b0545a0a6e49bf85",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let aboutCamera = {
+        position: [380545.319, 39418.008, 3073.72],
+        target: [379991.188, 39417.578, 3073.291],
+        up: [-0.001, -0.285, 0.959],
+        field: 554.132,
+      };
+      let id = "632273cbbc278049a0898a0e";
+      let model1 = "632273cfbc278049a0898a12";
+      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.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 setIsolationStyle() {
+        this.viewer.isolationManager.material.setColor(120, 250, 0, 0, 5);
+      }
+      function setIsolation() {
+        this.lightModels[0].setAllComponentsVisible(false);
+        let object1 = this.lightModels[1].segmentObject;
+        this.viewer.isolationManager.isolation([object1]);
+        this.viewer.updateDisplay();
+      }
     </script>
-</body>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//351/232/220/350/227/217/346/236/204/344/273/266.html ADDED Viewed

@@ -0,0 +1,63 @@
+<!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"
+    />
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="setVisible()">隐藏构件</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 type="text/javascript">
+      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 setVisible() {
+        let lightModel = lightModels[0];
+        //设置多构件隐藏
+        // lightModel.setComponentsVisible(["243274"], true)
+        //设置其他构件隐藏
+        lightModel.setComponentsVisible(["243274"], true, true);
+        //设置所有隐藏
+        // lightModel.setAllComponentsVisible(true);
+        viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>