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//346/250/241/345/236/213/346/225/210/346/236/234//346/267/273/345/212/240/344/270/211/347/273/264/346/226/207/345/255/227.html CHANGED Viewed

@@ -5,28 +5,20 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir-v2.0.0-beta.1/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-v2.0.0-beta.1/BimAir.umd.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;
-      }
-    </style>
     <div id="app">
+      <div class="button-group">
+        <button onclick="create()">添加三维文字</button>
+      </div>
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -38,24 +30,34 @@
         // 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, component;
       BimAir.Loader({
-        url: "https://static.graphicstone.com/bimAir",
+        url: "https://static.belife-bim.com/bimAir",
         text: {
           isLoad: true,
         },
       }).then(() => {
-        let viewer = new BimAir.Viewer(options);
+        viewer = new BimAir.Viewer(options);
-        viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(() => {
-          console.log("文字测试Abc123");
+        viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((lightModels) => {
+          component = lightModels[0].getComponent("985756");
+          viewer.locateObject(component);
-          let seg = viewer.utilitySegment.subsegment("text");
+          let bb = component.segment.boundingbox;
+          console.log("bb", bb);
+          let center = [
+            (bb[0] + bb[3]) / 2,
+            (bb[1] + bb[4]) / 2,
+            (bb[2] + bb[5]) / 2,
+          ];
+          let seg = component.segment.subsegment("text");
           seg.insertVectorText(
             "文字测试Abc123",
-            [5, 5, 5],
+            center,
             [1, 0, 0],
             [0, 1, 0],
             16
@@ -65,6 +67,26 @@
           viewer.updateDisplay();
         });
       });
+      function create() {
+        let bb = component.segment.boundingbox;
+        let center = [
+          (bb[0] + bb[3]) / 2,
+          (bb[1] + bb[4]) / 2,
+          (bb[2] + bb[5]) / 2,
+        ];
+        let seg = component.segment.subsegment("text");
+        seg.insertVectorText(
+          "文字测试Abc123",
+          center,
+          [1, 0, 0],
+          [0, 1, 0],
+          16
+        );
+        seg.renderingOptions.cullBackFace = false; //双面绘制
+        viewer.updateDisplay();
+      }
     </script>
   </body>
 </html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//346/267/273/345/212/240/347/202/271/347/272/277/351/235/242/346/213/211/344/274/270/344/275/223.html CHANGED Viewed

@@ -5,27 +5,17 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <!-- 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>
@@ -39,10 +29,10 @@
         // 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",
       };
-      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);

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 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>
@@ -35,10 +25,10 @@
       let options = {
         // 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",
       };
-      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((lightModels) => {

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 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,49 +29,51 @@
         // 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.loadModels("626b4d1ebfe39e58ae7b66a2").then((lightModels) => {
-            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);
-            });
-          });
+          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 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>
@@ -35,29 +28,53 @@
       let options = {
         // 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, lightModels;
       BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
         () => {
-          let viewer = new BimAir.Viewer(options);
-          viewer.loadModels("626b4d1ebfe39e58ae7b66a2").then((lightModels) => {
-            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
-            );
+          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>