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

gs-bim-air 2.0.0-beta.3 → 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 (112) hide show

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//350/277/233/345/272/246/346/250/241/346/213/237-/346/214/211/344/273/273/346/204/217/346/226/271/345/220/221/345/211/226/345/210/207.html CHANGED Viewed

@@ -1,292 +1,276 @@
-<head>
-    <meta charset="UTF-8">
+<!DOCTYPE html>
+<html lang="en">
+  <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>
-    <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>
+  <body>
     <div id="app">
-        <!-- <div id="viewer">
-        </div> -->
-        <div class="button-group">
-            <button onclick="funGrow()">构件生长</button>
-            <button onclick="funGrow2()">构件逆向生长</button>
-            <button onclick="funMove()">构件卸除</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="funGrow()">构件生长</button>
+        <button onclick="funGrow2()">构件逆向生长</button>
+        <button onclick="funMove()">构件卸除</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 = 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";
-            // 排沙防空洞工程-左岸-PSFKDid
-            let PSFKDid = "62d8bcc9525bed6af87f5284";
-            this.viewer.loadModels([PSFKDid]).then((lightModels) => {
-                this.viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
-                this.lightModels = lightModels;
-                this.viewer.updateDisplay();
-            });
-        })
-        function funGrow() {
-            let yashitiId = ["28"];  //Z
-            let duiwaijiaotongId = ["29"];            //X
-            let dongshenduanId = ["25"];  //Y 25 26 27
-            let allTime = 10;
-            let time = 0;
-            setTimeout(() => {
-                let cuttingOptions = new BimAir.CuttingOptions();
-                let cutSebmentObj = this.lightModels[0].getComponent(duiwaijiaotongId[0]);    //根据构件ID获取SegmentObj
-                let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
-                cuttingOptions.type = BimAir.CuttingCreateType.Custom;  //讲剖切方式定义为“自定义剖切”
-                cuttingOptions.color = [0, 0, 255, 1];
-                cuttingOptions.length = cutbb[3] - cutbb[0];
-                cuttingOptions.origin = [cutbb[0], (cutbb[4] + cutbb[1]) / 2, (cutbb[5] + cutbb[2]) / 2];
-                cuttingOptions.direct = new Float32Array([1, 0, 0]);
-                cuttingOptions.ratio = 0;    //设置初始剖切比例
-                let modelInterval = setInterval(() => {
-                    if (time < allTime) {
-                        cuttingOptions.ratio += 0.1;
-                        this.lightModels[0].setCutting(duiwaijiaotongId[0], cuttingOptions);
-                        this.viewer.updateDisplay();
-                        time++;
-                    }
-                    else {
-                        clearInterval(modelInterval);
-                    }
-                }, 100);
-                time = 0;
-            }, 500);
-            setTimeout(() => {
-                let cuttingOptions = new BimAir.CuttingOptions();
-                let cutSebmentObj = this.lightModels[0].getComponent(yashitiId[0]);    //根据构件ID获取SegmentObj
-                let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
-                cuttingOptions.type = BimAir.CuttingCreateType.Custom;  //讲剖切方式定义为“自定义剖切”
-                cuttingOptions.color = [0, 0, 255, 1];
-                cuttingOptions.length = cutbb[5] - cutbb[2];
-                cuttingOptions.origin = [(cutbb[3] + cutbb[0]) / 2, (cutbb[4] + cutbb[1]) / 2, cutbb[5]];
-                cuttingOptions.direct = new Float32Array([0, 0, -1]);
-                cuttingOptions.ratio = 0;    //设置初始剖切比例
-                // allTime = 20;
-                let modelInterval = setInterval(() => {
-                    if (time < allTime) {
-                        cuttingOptions.ratio += 0.1;
-                        this.lightModels[0].setCutting(yashitiId[0], cuttingOptions);
-                        this.viewer.updateDisplay();
-                        time++;
-                    }
-                    else {
-                        clearInterval(modelInterval);
-                    }
-                }, 100);
-                time = 0;
-            }, 2000);
-            setTimeout(() => {
-                let cuttingOptions = new BimAir.CuttingOptions();
-                let cutSebmentObj = this.lightModels[0].getComponent(dongshenduanId[0]);    //根据构件ID获取SegmentObj
-                let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
-                cuttingOptions.type = BimAir.CuttingCreateType.Custom;  //讲剖切方式定义为“自定义剖切”
-                cuttingOptions.color = [0, 0, 255, 1];
-                cuttingOptions.length = cutbb[4] - cutbb[1];
-                cuttingOptions.origin = [(cutbb[3] + cutbb[0]) / 2, cutbb[1], (cutbb[5] + cutbb[2]) / 2];
-                cuttingOptions.direct = new Float32Array([0, 1, 0]);
-                cuttingOptions.ratio = 0;    //设置初始剖切比例
-                allTime = 20;
-                let modelInterval = setInterval(() => {
-                    if (time < allTime) {
-                        cuttingOptions.ratio += 0.05;
-                        this.lightModels[0].setCutting(dongshenduanId[0], cuttingOptions);
-                        this.viewer.updateDisplay();
-                        time++;
-                    }
-                    else {
-                        clearInterval(modelInterval);
-                    }
-                }, 100);
-                time = 0;
-            }, 3500);
-        }
-        function funGrow2() {
-            let yashitiId = ["28"];  //Z
-            let duiwaijiaotongId = ["29"];            //X
-            let dongshenduanId = ["25"];  //Y 25 26 27
-            let allTime = 10;
-            let time = 0;
-            setTimeout(() => {
-                let cuttingOptions = new BimAir.CuttingOptions();
-                let cutSebmentObj = this.lightModels[0].getComponent(duiwaijiaotongId[0]);    //根据构件ID获取SegmentObj
-                let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
-                cuttingOptions.type = BimAir.CuttingCreateType.Custom;  //讲剖切方式定义为“自定义剖切”
-                cuttingOptions.color = [0, 0, 255, 1];
-                cuttingOptions.length = cutbb[3] - cutbb[0];
-                cuttingOptions.origin = [cutbb[3], (cutbb[4] + cutbb[1]) / 2, (cutbb[5] + cutbb[2]) / 2];
-                cuttingOptions.direct = new Float32Array([-1, 0, 0]);
-                cuttingOptions.ratio = 0;    //设置初始剖切比例
-                let modelInterval = setInterval(() => {
-                    if (time < allTime) {
-                        cuttingOptions.ratio += 0.1;
-                        this.lightModels[0].setCutting(duiwaijiaotongId[0], cuttingOptions);
-                        this.viewer.updateDisplay();
-                        time++;
-                    }
-                    else {
-                        clearInterval(modelInterval);
-                    }
-                }, 100);
-                time = 0;
-            }, 4000);
-            setTimeout(() => {
-                let cuttingOptions = new BimAir.CuttingOptions();
-                let cutSebmentObj = this.lightModels[0].getComponent(yashitiId[0]);    //根据构件ID获取SegmentObj
-                let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
-                cuttingOptions.type = BimAir.CuttingCreateType.Custom;  //讲剖切方式定义为“自定义剖切”
-                cuttingOptions.color = [0, 0, 255, 1];
-                cuttingOptions.length = cutbb[5] - cutbb[2];
-                cuttingOptions.origin = [(cutbb[3] + cutbb[0]) / 2, (cutbb[4] + cutbb[1]) / 2, cutbb[2]];
-                cuttingOptions.direct = new Float32Array([0, 0, 1]);
-                cuttingOptions.ratio = 0;    //设置初始剖切比例
-                // allTime = 20;
-                let modelInterval = setInterval(() => {
-                    if (time < allTime) {
-                        cuttingOptions.ratio += 0.1;
-                        this.lightModels[0].setCutting(yashitiId[0], cuttingOptions);
-                        this.viewer.updateDisplay();
-                        time++;
-                    }
-                    else {
-                        clearInterval(modelInterval);
-                    }
-                }, 100);
-                time = 0;
-            }, 3000);
-            setTimeout(() => {
-                let cuttingOptions = new BimAir.CuttingOptions();
-                let cutSebmentObj = this.lightModels[0].getComponent(dongshenduanId[0]);    //根据构件ID获取SegmentObj
-                let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
-                cuttingOptions.type = BimAir.CuttingCreateType.Custom;  //讲剖切方式定义为“自定义剖切”
-                cuttingOptions.color = [0, 0, 255, 1];
-                cuttingOptions.length = cutbb[4] - cutbb[1];
-                cuttingOptions.origin = [(cutbb[3] + cutbb[0]) / 2, cutbb[4], (cutbb[5] + cutbb[2]) / 2];
-                cuttingOptions.direct = new Float32Array([0, -1, 0]);
-                cuttingOptions.ratio = 0;    //设置初始剖切比例
-                allTime = 20;
-                let modelInterval = setInterval(() => {
-                    if (time < allTime) {
-                        cuttingOptions.ratio += 0.05;
-                        this.lightModels[0].setCutting(dongshenduanId[0], cuttingOptions);
-                        this.viewer.updateDisplay();
-                        time++;
-                    }
-                    else {
-                        clearInterval(modelInterval);
-                    }
-                }, 100);
-                time = 0;
-            }, 500);
-        }
-        function funMove() {
-            let yashitiId = ["28"];  //Z
-            let duiwaijiaotongId = ["29"];            //X
-            let dongshenduanId = ["25"];  //Y
-            let material = new BimAir.Material(this.viewer, "testcolor");
-            material.setColor(242, 246, 252, 0.95);  //灰白
-            // this.lightModels[0].setComponentsColor(yashitiId[0], material);
-            // this.lightModels[0].setComponentsColor("28", material);
-            this.lightModels[0].setAllComponentsColor(material);
+      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 = 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";
+          // 排沙防空洞工程-左岸-PSFKDid
+          let PSFKDid = "62d8bcc9525bed6af87f5284";
+          this.viewer.loadModels([PSFKDid]).then((lightModels) => {
+            this.viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+            this.lightModels = lightModels;
             this.viewer.updateDisplay();
-            console.log("finish!!!!!!!!!!");
+          });
         }
+      );
+      function funGrow() {
+        let yashitiId = ["28"]; //Z
+        let duiwaijiaotongId = ["29"]; //X
+        let dongshenduanId = ["25"]; //Y 25 26 27
+        let allTime = 10;
+        let time = 0;
+        setTimeout(() => {
+          let cuttingOptions = new BimAir.CuttingOptions();
+          let cutSebmentObj = this.lightModels[0].getComponent(
+            duiwaijiaotongId[0]
+          ); //根据构件ID获取SegmentObj
+          let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
+          cuttingOptions.type = BimAir.CuttingCreateType.Custom; //讲剖切方式定义为“自定义剖切”
+          cuttingOptions.color = [0, 0, 255, 1];
+          cuttingOptions.length = cutbb[3] - cutbb[0];
+          cuttingOptions.origin = [
+            cutbb[0],
+            (cutbb[4] + cutbb[1]) / 2,
+            (cutbb[5] + cutbb[2]) / 2,
+          ];
+          cuttingOptions.direct = new Float32Array([1, 0, 0]);
+          cuttingOptions.ratio = 0; //设置初始剖切比例
+          let modelInterval = setInterval(() => {
+            if (time < allTime) {
+              cuttingOptions.ratio += 0.1;
+              this.lightModels[0].setCutting(
+                duiwaijiaotongId[0],
+                cuttingOptions
+              );
+              this.viewer.updateDisplay();
+              time++;
+            } else {
+              clearInterval(modelInterval);
+            }
+          }, 100);
+          time = 0;
+        }, 500);
+        setTimeout(() => {
+          let cuttingOptions = new BimAir.CuttingOptions();
+          let cutSebmentObj = this.lightModels[0].getComponent(yashitiId[0]); //根据构件ID获取SegmentObj
+          let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
+          cuttingOptions.type = BimAir.CuttingCreateType.Custom; //讲剖切方式定义为“自定义剖切”
+          cuttingOptions.color = [0, 0, 255, 1];
+          cuttingOptions.length = cutbb[5] - cutbb[2];
+          cuttingOptions.origin = [
+            (cutbb[3] + cutbb[0]) / 2,
+            (cutbb[4] + cutbb[1]) / 2,
+            cutbb[5],
+          ];
+          cuttingOptions.direct = new Float32Array([0, 0, -1]);
+          cuttingOptions.ratio = 0; //设置初始剖切比例
+          // allTime = 20;
+          let modelInterval = setInterval(() => {
+            if (time < allTime) {
+              cuttingOptions.ratio += 0.1;
+              this.lightModels[0].setCutting(yashitiId[0], cuttingOptions);
+              this.viewer.updateDisplay();
+              time++;
+            } else {
+              clearInterval(modelInterval);
+            }
+          }, 100);
+          time = 0;
+        }, 2000);
+        setTimeout(() => {
+          let cuttingOptions = new BimAir.CuttingOptions();
+          let cutSebmentObj = this.lightModels[0].getComponent(
+            dongshenduanId[0]
+          ); //根据构件ID获取SegmentObj
+          let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
+          cuttingOptions.type = BimAir.CuttingCreateType.Custom; //讲剖切方式定义为“自定义剖切”
+          cuttingOptions.color = [0, 0, 255, 1];
+          cuttingOptions.length = cutbb[4] - cutbb[1];
+          cuttingOptions.origin = [
+            (cutbb[3] + cutbb[0]) / 2,
+            cutbb[1],
+            (cutbb[5] + cutbb[2]) / 2,
+          ];
+          cuttingOptions.direct = new Float32Array([0, 1, 0]);
+          cuttingOptions.ratio = 0; //设置初始剖切比例
+          allTime = 20;
+          let modelInterval = setInterval(() => {
+            if (time < allTime) {
+              cuttingOptions.ratio += 0.05;
+              this.lightModels[0].setCutting(dongshenduanId[0], cuttingOptions);
+              this.viewer.updateDisplay();
+              time++;
+            } else {
+              clearInterval(modelInterval);
+            }
+          }, 100);
+          time = 0;
+        }, 3500);
+      }
+      function funGrow2() {
+        let yashitiId = ["28"]; //Z
+        let duiwaijiaotongId = ["29"]; //X
+        let dongshenduanId = ["25"]; //Y 25 26 27
+        let allTime = 10;
+        let time = 0;
+        setTimeout(() => {
+          let cuttingOptions = new BimAir.CuttingOptions();
+          let cutSebmentObj = this.lightModels[0].getComponent(
+            duiwaijiaotongId[0]
+          ); //根据构件ID获取SegmentObj
+          let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
+          cuttingOptions.type = BimAir.CuttingCreateType.Custom; //讲剖切方式定义为“自定义剖切”
+          cuttingOptions.color = [0, 0, 255, 1];
+          cuttingOptions.length = cutbb[3] - cutbb[0];
+          cuttingOptions.origin = [
+            cutbb[3],
+            (cutbb[4] + cutbb[1]) / 2,
+            (cutbb[5] + cutbb[2]) / 2,
+          ];
+          cuttingOptions.direct = new Float32Array([-1, 0, 0]);
+          cuttingOptions.ratio = 0; //设置初始剖切比例
+          let modelInterval = setInterval(() => {
+            if (time < allTime) {
+              cuttingOptions.ratio += 0.1;
+              this.lightModels[0].setCutting(
+                duiwaijiaotongId[0],
+                cuttingOptions
+              );
+              this.viewer.updateDisplay();
+              time++;
+            } else {
+              clearInterval(modelInterval);
+            }
+          }, 100);
+          time = 0;
+        }, 4000);
+        setTimeout(() => {
+          let cuttingOptions = new BimAir.CuttingOptions();
+          let cutSebmentObj = this.lightModels[0].getComponent(yashitiId[0]); //根据构件ID获取SegmentObj
+          let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
+          cuttingOptions.type = BimAir.CuttingCreateType.Custom; //讲剖切方式定义为“自定义剖切”
+          cuttingOptions.color = [0, 0, 255, 1];
+          cuttingOptions.length = cutbb[5] - cutbb[2];
+          cuttingOptions.origin = [
+            (cutbb[3] + cutbb[0]) / 2,
+            (cutbb[4] + cutbb[1]) / 2,
+            cutbb[2],
+          ];
+          cuttingOptions.direct = new Float32Array([0, 0, 1]);
+          cuttingOptions.ratio = 0; //设置初始剖切比例
+          // allTime = 20;
+          let modelInterval = setInterval(() => {
+            if (time < allTime) {
+              cuttingOptions.ratio += 0.1;
+              this.lightModels[0].setCutting(yashitiId[0], cuttingOptions);
+              this.viewer.updateDisplay();
+              time++;
+            } else {
+              clearInterval(modelInterval);
+            }
+          }, 100);
+          time = 0;
+        }, 3000);
+        setTimeout(() => {
+          let cuttingOptions = new BimAir.CuttingOptions();
+          let cutSebmentObj = this.lightModels[0].getComponent(
+            dongshenduanId[0]
+          ); //根据构件ID获取SegmentObj
+          let cutbb = this.viewer.computeViewBoundingBox(cutSebmentObj.segment);
+          cuttingOptions.type = BimAir.CuttingCreateType.Custom; //讲剖切方式定义为“自定义剖切”
+          cuttingOptions.color = [0, 0, 255, 1];
+          cuttingOptions.length = cutbb[4] - cutbb[1];
+          cuttingOptions.origin = [
+            (cutbb[3] + cutbb[0]) / 2,
+            cutbb[4],
+            (cutbb[5] + cutbb[2]) / 2,
+          ];
+          cuttingOptions.direct = new Float32Array([0, -1, 0]);
+          cuttingOptions.ratio = 0; //设置初始剖切比例
+          allTime = 20;
+          let modelInterval = setInterval(() => {
+            if (time < allTime) {
+              cuttingOptions.ratio += 0.05;
+              this.lightModels[0].setCutting(dongshenduanId[0], cuttingOptions);
+              this.viewer.updateDisplay();
+              time++;
+            } else {
+              clearInterval(modelInterval);
+            }
+          }, 100);
+          time = 0;
+        }, 500);
+      }
+      function funMove() {
+        let yashitiId = ["28"]; //Z
+        let duiwaijiaotongId = ["29"]; //X
+        let dongshenduanId = ["25"]; //Y
+        let material = new BimAir.Material(this.viewer, "testcolor");
+        material.setColor(242, 246, 252, 0.95); //灰白
+        // this.lightModels[0].setComponentsColor(yashitiId[0], material);
+        // this.lightModels[0].setComponentsColor("28", material);
+        this.lightModels[0].setAllComponentsColor(material);
+        this.viewer.updateDisplay();
+        console.log("finish!!!!!!!!!!");
+      }
     </script>
-</body>
-</html>
+  </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 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="create()">添加通视分析</button>
+      </div>
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -36,37 +29,40 @@
         // 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(
         () => {
-          let viewer = new BimAir.Viewer(options);
+          viewer = new BimAir.Viewer(options);
           viewer.loadModels("626b4d1ebfe39e58ae7b66a2").then((lightModels) => {
-            setTimeout(() => {
-              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
-                );
-            }, 2000);
+            setTimeout(() => {}, 2000);
           });
         }
       );
+      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>