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/UV/345/212/250/347/224/273.html ADDED Viewed

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <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" />
+    <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">
+      <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",
+      };
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels(
+              [
+                {
+                  id: "645deee7ae09ef7882f4f283", //别墅
+                  version: 1,
+                },
+              ],
+              true
+              // true
+            )
+            .then((lightModels) => {
+              // 1、UV动画
+              let src =
+                "https://static.belife-bim.com/images/effect/dynamic.png";
+              let path = [
+                11.4, -3.8, 1, 11.1, 13.6, 1, -17.6, 13.9, 1, -17, -2.9, 1,
+                11.4, -3.8, 1,
+              ];
+              let uvEffectConfig = new BimAir.Animation.UvEffectConfig(
+                viewer,
+                "路径1",
+                path,
+                1,
+                0,
+                0.5,
+                src,
+                [1, 1],
+                true
+              );
+              let uvEffect = new BimAir.Animation.UvEffect(uvEffectConfig);
+              uvEffect.create();
+            });
+        }
+      );
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//345/205/250/346/201/257/345/275/261/345/203/217.html ADDED Viewed

@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <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" />
+    <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">
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        elementId: "viewer",
+        //
+        isShowLoading: false,
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+        toolbarVisible: {
+          leftToolbar: false,
+          rightToolbar: false,
+          bottomToolbar: false,
+        },
+        components: {
+          compass: {
+            visible: false,
+          },
+        },
+      };
+      let prefix = `/file-service`;
+      let urls = {
+        file: (fileService, id) => `${fileService}${prefix}/files/${id}`,
+      };
+      let fileService = {
+        urls,
+      };
+      BimAir.Loader({
+        isShareArrayBuffer: false,
+      }).then(() => {
+        let viewer = new BimAir.Viewer(options);
+        viewer.sceneSegment.camera.projection =
+          BimAir.Longan.ProjectionType.Orthographic;
+        viewer.sceneSegment.renderingOptions
+          .setCullingMaximumExtent(0)
+          .setViewFrustumCulling(false);
+        // this.viewer = viewer;
+        let panoramaObject = new BimAir.Longan.PanoramaObject();
+        viewer.process.addRenderObject(null, panoramaObject);
+        viewer.renderObject = panoramaObject;
+        let textureURL = fileService.urls.file(
+          options.fileService,
+          "6375b168dcc0567781358bad"
+        );
+        initPanorama(viewer, textureURL, panoramaObject);
+        viewer.process.commandManager.execute(
+          new BimAir.Longan.CommandPanoramaModelSelect()
+        );
+      });
+      function initPanorama(viewer, textureURL, panoramaObject) {
+        console.log("initPanorama");
+        let canvas = document.createElement("canvas");
+        let context = canvas.getContext("2d");
+        let img = new Image();
+        img.crossOrigin = "Anonymous";
+        img.src = textureURL;
+        img.onload = () => {
+          console.log("imgloaded");
+          // 使用Points点列表生成Mesh
+          // let viewer = this.viewer;
+          let imgWidth = img.width;
+          let imgHeight = img.height;
+          // 设置画布尺寸
+          canvas.width = imgWidth;
+          canvas.height = imgHeight;
+          // 将图片按像素写入画布
+          context.drawImage(img, 0, 0, imgWidth, imgHeight);
+          // 读取图片像素信息
+          let imageData = context.getImageData(0, 0, imgWidth, imgHeight);
+          // 将整个球划分成32 * 32块瓦片
+          let division = 32;
+          BimAir.LonganCore.JS_Open_Segment_By_Key(panoramaObject.segment.key);
+          {
+            BimAir.LonganCore.JS_Set_Rendering_Options("cull back face=off");
+            // LonganCore.JS_UnSet_One_Rendering_Option("lock face color");
+            let imageName = "panoTexture";
+            BimAir.LonganCore.JS_Set_Color("faces=(diffuse=" + imageName + ")");
+            let imageKey = BimAir.LonganCore.JS_Insert_Image(
+              0,
+              0,
+              0,
+              imgWidth,
+              imgHeight,
+              imageData.data,
+              "name=" + imageName + ",tiling=clamp"
+            );
+            BimAir.LonganCore.JS_Set_Selectability("faces=off");
+            for (let i = 0; i < division; i++) {
+              for (let j = 0; j < division; j++) {
+                let TL = panoramaObject.getLatLonFromTile(j, i, division);
+                let BR = panoramaObject.getLatLonFromTile(
+                  j + 1,
+                  i + 1,
+                  division
+                );
+                // 每块瓦片划分为16 * 16个顶点
+                let divNumber = 15;
+                let pointNumber = divNumber + 1;
+                // 生成Mesh点列表
+                let points = panoramaObject.meshDivisionPolicy(
+                  TL,
+                  BR,
+                  divNumber
+                );
+                // 每个瓦片，生成一个Mesh.
+                let meshKey = BimAir.LonganCore.JS_Insert_Mesh(
+                  pointNumber,
+                  pointNumber,
+                  points
+                );
+                let UVs = new Array((points.length / 3) * 2);
+                for (let m = 0; m < pointNumber; m++) {
+                  for (let n = 0; n < pointNumber; n++) {
+                    UVs[(m * pointNumber + n) * 2 + 0] =
+                      j / division + n / (pointNumber - 1) / division;
+                    UVs[(m * pointNumber + n) * 2 + 1] =
+                      i / division + m / (pointNumber - 1) / division;
+                  }
+                }
+                BimAir.LonganCore.JS_Set_Geometry_Texture_Coords(
+                  meshKey,
+                  0,
+                  pointNumber * pointNumber,
+                  UVs
+                );
+              }
+            }
+          }
+          BimAir.LonganCore.JS_Close_Segment();
+          // 设置CameraPos在球体中心
+          BimAir.LonganCore.JS_Open_Segment_By_Key(viewer.sceneKey);
+          {
+            let origin = new Float32Array([0, 0, 0]);
+            let pos = new Float32Array([0, 1, 0]);
+            BimAir.Longan.Vector.normalize(pos);
+            let camUp = BimAir.Longan.Vector.cross(
+              pos,
+              new Float32Array([1, 0, 0])
+            );
+            BimAir.LonganCore.JS_Set_Camera_Target(origin);
+            BimAir.LonganCore.JS_Set_Camera_Position(pos);
+            BimAir.LonganCore.JS_Set_Camera_Up(camUp);
+            BimAir.LonganCore.JS_Set_Camera_Field(300, 300);
+          }
+          BimAir.LonganCore.JS_Close_Segment();
+          console.log("finish");
+          viewer.updateDisplay();
+        };
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//345/210/206/346/256/265/346/237/223/350/211/262/346/225/210/346/236/234.html ADDED Viewed

@@ -0,0 +1,87 @@
+<!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="createDemo1()">创建分段染色1</button>
+        <button onclick="createDemo2()">创建分段染色2</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("6466d7f7d83967080f32b48e").then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function createDemo1() {
+        let regionLimitEffectConfig =
+          new BimAir.Animation.RegionLimitEffectConfig(
+            viewer,
+            lightModels[0],
+            [],
+            new Float32Array([-13, 0, 0]),
+            new Float32Array([1, 0, 0]),
+            20,
+            new Float32Array([0, -40, 0]),
+            new Float32Array([0, 1, 0]),
+            43,
+            new Float32Array([0, 0, -10]),
+            new Float32Array([0, 0, 1]),
+            20,
+            new Float32Array([0, 0, 255])
+          );
+        let regionLimitEffect = new BimAir.Animation.RegionLimitEffect(regionLimitEffectConfig);
+      }
+      function createDemo2() {
+        let regionLimitEffectConfig =
+          new BimAir.Animation.RegionLimitEffectConfig(
+            viewer,
+            lightModels[0],
+            ["451012", "435166"],
+            null,
+            null,
+            null,
+            null,
+            null,
+            null,
+            new Float32Array([0, 0, -10]),
+            new Float32Array([0, 0, 1]),
+            11,
+            new Float32Array([0, 255, 0])
+          );
+        let regionLimitEffect = new BimAir.Animation.RegionLimitEffect(regionLimitEffectConfig);
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//345/210/233/345/273/272/346/211/253/347/225/245.html ADDED Viewed

@@ -0,0 +1,112 @@
+<!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(() => {});
+        }
+      );
+      function create() {
+        let points = [-2, 3, 0, -2, 0, 0, -2, 0, 0, 2, 0, 0, 2, 0, 0, 2, 3, 0];
+        let circle_points = BimAir.Longan.GeometryOperators.createRingPoints(
+          new Float32Array([0, 3, 0]),
+          new Float32Array([1, 0, 0]),
+          new Float32Array([0, 1, 0]),
+          new Float32Array([
+            0,
+            Math.PI / 4,
+            Math.PI / 2,
+            (Math.PI * 3) / 4,
+            Math.PI,
+          ]),
+          2
+        );
+        for (let i = 0; i < circle_points.length; i++) {
+          points.push(circle_points[i]);
+        }
+        let indexes = [points.length / 3];
+        for (let i = 0; i < points.length / 3; i++) {
+          indexes.push(i);
+        }
+        // 重复点显示转折
+        let inner_points = [
+          1.8, 3, 0, 1.8, 0.2, 0, 1.8, 0.2, 0, -1.8, 0.2, 0, -1.8, 0.2, 0, -1.8,
+          3, 0,
+        ];
+        circle_points = BimAir.Longan.GeometryOperators.createRingPoints(
+          new Float32Array([0, 3, 0]),
+          new Float32Array([1, 0, 0]),
+          new Float32Array([0, 1, 0]),
+          new Float32Array([
+            Math.PI,
+            (Math.PI * 3) / 4,
+            Math.PI / 2,
+            Math.PI / 4,
+            0,
+          ]),
+          1.8
+        );
+        for (let i = 0; i < circle_points.length; i++) {
+          inner_points.push(circle_points[i]);
+        }
+        indexes.push(-inner_points.length / 3);
+        for (let i = 0; i < inner_points.length / 3; i++) {
+          indexes.push(i + points.length / 3);
+        }
+        console.log("indexes", indexes);
+        points = points.concat(inner_points);
+        console.log("points", points);
+        // 重复点显示转折
+        let path = [1, 1, 0, 1, 1, 10, 1, 1, 10, 2, 1, 20];
+        viewer.utilitySegment.sweepByShell(
+          points,
+          indexes,
+          path,
+          "normal=(0,0,1)"
+        );
+        viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//345/210/233/345/273/272/350/267/257/345/276/204.html ADDED Viewed

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <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" />
+    <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("645dee3cae09ef7882f4f245");
+        }
+      );
+      function create() {
+        let path = [
+          -71.673, -40.075, 0.2, -58.86, -37.862, 0.2, -38.328, -39.704, 0.2,
+          20.33, -56.514, 0.2,
+        ];
+        let pathEffectConfig = new BimAir.Animation.PathEffectConfig(
+          viewer,
+          "路径1",
+          path,
+          4,
+          0.03
+        );
+        let pathEffect = new BimAir.Animation.PathEffect(pathEffectConfig);
+        pathEffect.createPath().then(() => {
+          let path1 = viewer.getLightModel("路径1");
+          viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+        });
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//345/212/250/346/200/201/345/210/233/345/273/272/347/224/265/345/255/220/345/233/264/346/240/217.html ADDED Viewed

@@ -0,0 +1,123 @@
+<head>
+  <meta charset="UTF-8">
+  <title>动态创建电子围栏操作</title>
+  <link rel="stylesheet" href="https://static.graphicstone.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>
+<body>
+  <style>
+      body {
+          margin: 0;
+          padding: 0;
+          height: 100vh;
+      }
+      #app {
+          height: 100vh;
+          position: relative;
+      }
+  </style>
+  <div id="app">
+      <!-- <div id="viewer">
+      </div> -->
+      <div class="button-group">
+          <button onclick="createWallCommandBrgin()">开启创建围栏</button>
+          <button onclick="createWallCommandEnd()">结束创建围栏</button>
+          <button onclick="saveWall()">保存围栏</button>
+          <button onclick="deleteWall()">删除围栏</button>
+          <button onclick="isExistWall()">判断是否存在围栏</button>
+          <button onclick="isInside()">判断点是否在围栏内</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",
+          background: "linear-gradient(#e3fcfc, #f6ffff)",
+      }
+      let viewer
+      let createWallCommand
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
+          viewer = new BimAir.Viewer(options)
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((lightModels) => {
+              let lightModel = lightModels[0];
+              BimAir.Command.CommandCreateWall.addWallObject = (path) => {
+                  let src = "https://static.graphicstone.com/images/wall/wall.png"
+                  let wallEffectConfig = new BimAir.Animation.WallEffectConfig(viewer, "围栏1", path, 10, src);
+                  let wallEffect = new BimAir.Animation.WallEffect(wallEffectConfig);
+                  wallEffect.createWall().then(() => {
+                      console.log("-----updateDisplay")
+                      viewer.updateDisplay()
+                  })
+              }
+          });
+      })
+      function createWallCommandBrgin() {
+          // 开始绘制围墙
+          viewer.process.commandManager.execute(new BimAir.Command.CommandCreateWall())
+      }
+      function createWallCommandEnd() {
+          // 结束绘制围墙，恢复默认命令
+          viewer.process.commandManager.execute(new BimAir.Command.CommandSelect())
+      }
+      function saveWall() {
+          viewer.save();
+      }
+      function deleteWall() {
+          let wall = viewer.getWallEffect("围栏1")
+          if (wall) {
+              wall.deleteWall()
+          }
+      }
+      function isExistWall() {
+          let wall = viewer.getWallEffect("围栏1")
+          if (wall) {
+              wall.hide()
+              wall.deleteWall()
+          }
+          else {
+              console.log("不存在")
+          }
+      }
+      function isInside() {
+          let walls = viewer.getAllWallEffects();
+          let point = [25, 25, 0];
+          for (let i = 0; i < walls.length; i++) {
+              if (walls[i].isInside(point)) {
+                  //设置颜色
+                  wallEffect.setColor(255, 0, 0);
+              }
+              else {
+                  //取消设置
+                  wallEffect.unSetColor();
+              }
+          }
+      }
+  </script>
+</body>
+</html>