@anov/3d-ability 0.0.63 → 0.0.66

package/dist/business/Area/Fence/FenceBase.js

@@ -0,0 +1,97 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import _ from 'lodash';
+import ObjectLayer from "../../Base/ObjectLayer";
+var defaultOption = {
+  height: 50,
+  alpha: 1,
+  color: '#00FFB5',
+  corner: 0,
+  close: true
+};
+var FenceBase = /*#__PURE__*/function (_ObjectLayer) {
+  _inherits(FenceBase, _ObjectLayer);
+  var _super = _createSuper(FenceBase);
+  function FenceBase(option) {
+    var _this;
+    _classCallCheck(this, FenceBase);
+    _this = _super.call(this);
+    // 属性赋值
+    _defineProperty(_assertThisInitialized(_this), "mesh", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_height", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_alpha", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_color", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_corner", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_close", void 0);
+    _defineProperty(_assertThisInitialized(_this), "points", void 0);
+    _this.setValues(_.mergeWith({}, defaultOption, option));
+    return _this;
+  }
+
+  // Getter and Setter for fenceHeight property
+  _createClass(FenceBase, [{
+    key: "height",
+    get: function get() {
+      return this._height;
+    },
+    set: function set(newValue) {
+      if (this._height === newValue) return;
+      this._height = newValue;
+    }
+
+    // Getter and Setter for fenceColor property
+  }, {
+    key: "color",
+    get: function get() {
+      return this._color;
+    },
+    set: function set(newValue) {
+      if (this._color === newValue) return;
+      this._color = newValue;
+    }
+
+    // Getter and Setter for fenceAlpha property
+  }, {
+    key: "alpha",
+    get: function get() {
+      return this._alpha;
+    },
+    set: function set(newValue) {
+      if (this._alpha === newValue) return;
+      this._alpha = newValue;
+    }
+  }, {
+    key: "corner",
+    get: function get() {
+      return this._corner;
+    },
+    set: function set(newValue) {
+      if (this._corner === newValue) return;
+      this._corner = newValue;
+    }
+  }, {
+    key: "close",
+    get: function get() {
+      return this._close;
+    },
+    set: function set(newValue) {
+      if (this._close === newValue) return;
+      this._close = newValue;
+    }
+  }]);
+  return FenceBase;
+}(ObjectLayer);
+export default FenceBase;
+//# sourceMappingURL=FenceBase.js.map

package/dist/business/Area/Fence/FenceBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_","ObjectLayer","defaultOption","height","alpha","color","corner","close","FenceBase","_ObjectLayer","_inherits","_super","_createSuper","option","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","setValues","mergeWith","_createClass","key","get","_height","set","newValue","_color","_alpha","_corner","_close"],"sources":["../../../../src/business/Area/Fence/FenceBase.ts"],"sourcesContent":["import type { Mesh, Vector3 } from '@anov/3d-core'\nimport _ from 'lodash'\nimport ObjectLayer from '../../Base/ObjectLayer'\nimport type { fenceOption } from '../type'\n\nconst defaultOption = {\n  height: 50,\n  alpha: 1,\n  color: '#00FFB5',\n  corner: 0,\n  close: true,\n}\n\nclass FenceBase extends ObjectLayer {\n  public mesh!: Mesh\n  public _height: number\n  public _alpha: number\n  public _color: string\n  public _corner: number\n  public _close: boolean\n  public points!: Vector3[]\n\n  constructor(option: fenceOption) {\n    super()\n    // 属性赋值\n    this.setValues(_.mergeWith({}, defaultOption, option))\n  }\n\n  // Getter and Setter for fenceHeight property\n  get height(): number {\n    return this._height\n  }\n\n  set height(newValue: number) {\n    if (this._height === newValue)\n      return\n\n    this._height = newValue\n  }\n\n  // Getter and Setter for fenceColor property\n  get color(): string {\n    return this._color\n  }\n\n  set color(newValue: string) {\n    if (this._color === newValue)\n      return\n\n    this._color = newValue\n  }\n\n  // Getter and Setter for fenceAlpha property\n  get alpha(): number {\n    return this._alpha\n  }\n\n  set alpha(newValue: number) {\n    if (this._alpha === newValue)\n      return\n\n    this._alpha = newValue\n  }\n\n  get corner(): number {\n    return this._corner\n  }\n\n  set corner(newValue: number) {\n    if (this._corner === newValue)\n      return\n\n    this._corner = newValue\n  }\n\n  get close(): boolean {\n    return this._close\n  }\n\n  set close(newValue: boolean) {\n    if (this._close === newValue)\n      return\n\n    this._close = newValue\n  }\n}\n\nexport default FenceBase\n"],"mappings":";;;;;;;;;;;;;;AACA,OAAOA,CAAC,MAAM,QAAQ;AACtB,OAAOC,WAAW;AAGlB,IAAMC,aAAa,GAAG;EACpBC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,SAAS;EAChBC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE;AACT,CAAC;AAAA,IAEKC,SAAS,0BAAAC,YAAA;EAAAC,SAAA,CAAAF,SAAA,EAAAC,YAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,SAAA;EASb,SAAAA,UAAYK,MAAmB,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,SAAA;IAC/BM,KAAA,GAAAH,MAAA,CAAAK,IAAA;IACA;IAAAC,eAAA,CAAAC,sBAAA,CAAAJ,KAAA;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA;IACAA,KAAA,CAAKK,SAAS,CAACnB,CAAC,CAACoB,SAAS,CAAC,CAAC,CAAC,EAAElB,aAAa,EAAEW,MAAM,CAAC,CAAC;IAAA,OAAAC,KAAA;EACxD;;EAEA;EAAAO,YAAA,CAAAb,SAAA;IAAAc,GAAA;IAAAC,GAAA,EACA,SAAAA,IAAA,EAAqB;MACnB,OAAO,IAAI,CAACC,OAAO;IACrB,CAAC;IAAAC,GAAA,EAED,SAAAA,IAAWC,QAAgB,EAAE;MAC3B,IAAI,IAAI,CAACF,OAAO,KAAKE,QAAQ,EAC3B;MAEF,IAAI,CAACF,OAAO,GAAGE,QAAQ;IACzB;;IAEA;EAAA;IAAAJ,GAAA;IAAAC,GAAA,EACA,SAAAA,IAAA,EAAoB;MAClB,OAAO,IAAI,CAACI,MAAM;IACpB,CAAC;IAAAF,GAAA,EAED,SAAAA,IAAUC,QAAgB,EAAE;MAC1B,IAAI,IAAI,CAACC,MAAM,KAAKD,QAAQ,EAC1B;MAEF,IAAI,CAACC,MAAM,GAAGD,QAAQ;IACxB;;IAEA;EAAA;IAAAJ,GAAA;IAAAC,GAAA,EACA,SAAAA,IAAA,EAAoB;MAClB,OAAO,IAAI,CAACK,MAAM;IACpB,CAAC;IAAAH,GAAA,EAED,SAAAA,IAAUC,QAAgB,EAAE;MAC1B,IAAI,IAAI,CAACE,MAAM,KAAKF,QAAQ,EAC1B;MAEF,IAAI,CAACE,MAAM,GAAGF,QAAQ;IACxB;EAAC;IAAAJ,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAqB;MACnB,OAAO,IAAI,CAACM,OAAO;IACrB,CAAC;IAAAJ,GAAA,EAED,SAAAA,IAAWC,QAAgB,EAAE;MAC3B,IAAI,IAAI,CAACG,OAAO,KAAKH,QAAQ,EAC3B;MAEF,IAAI,CAACG,OAAO,GAAGH,QAAQ;IACzB;EAAC;IAAAJ,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAqB;MACnB,OAAO,IAAI,CAACO,MAAM;IACpB,CAAC;IAAAL,GAAA,EAED,SAAAA,IAAUC,QAAiB,EAAE;MAC3B,IAAI,IAAI,CAACI,MAAM,KAAKJ,QAAQ,EAC1B;MAEF,IAAI,CAACI,MAAM,GAAGJ,QAAQ;IACxB;EAAC;EAAA,OAAAlB,SAAA;AAAA,EAvEqBP,WAAW;AA0EnC,eAAeO,SAAS"}

package/dist/business/Area/Fence/fence_base_01.d.ts

@@ -0,0 +1,17 @@
+import type { Vector3 } from '@anov/3d-core';
+import { ShaderMaterial } from '@anov/3d-core';
+import type { fenceOption } from '../type';
+import FenceBase from './FenceBase';
+declare class Fence_Base_01 extends FenceBase {
+    constructor(option: fenceOption);
+    create(): void;
+    createFenceMesh(points: Vector3[], radius: number, close: boolean, height: number, color: string, alpha: number): any;
+    createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial;
+    get color(): string;
+    set color(newValue: string);
+    get alpha(): number;
+    set alpha(newValue: number);
+    get height(): number;
+    set height(newValue: number);
+}
+export default Fence_Base_01;

package/dist/business/Area/Fence/fence_base_01.js

@@ -0,0 +1,159 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { Color, ShaderMaterial, use } from '@anov/3d-core';
+import { createRoundLineWallMesh } from "../../Utils/round-curve";
+import FenceBase from "./FenceBase";
+var Fence_Base_01 = /*#__PURE__*/function (_FenceBase) {
+  _inherits(Fence_Base_01, _FenceBase);
+  var _super = _createSuper(Fence_Base_01);
+  function Fence_Base_01(option) {
+    var _this;
+    _classCallCheck(this, Fence_Base_01);
+    _this = _super.call(this, option);
+    _this.create();
+    return _this;
+  }
+  _createClass(Fence_Base_01, [{
+    key: "create",
+    value: function create() {
+      this.mesh = this.createFenceMesh(this.points, this.corner, this.close, this.height, this.color, this.alpha);
+      this.mesh && this.add(this.mesh);
+    }
+
+    // 创建围栏网格对象
+  }, {
+    key: "createFenceMesh",
+    value: function createFenceMesh(points) {
+      var radius = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var close = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var height = arguments.length > 3 ? arguments[3] : undefined;
+      var color = arguments.length > 4 ? arguments[4] : undefined;
+      var alpha = arguments.length > 5 ? arguments[5] : undefined;
+      if (!points) return;
+
+      // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质
+      var material = this.createFenceMaterial(height, color, alpha);
+
+      // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质
+      var mesh = createRoundLineWallMesh(points, {
+        radius: radius,
+        height: height,
+        close: close
+      }, material);
+      use.useframe(function () {
+        mesh.children.forEach(function (item, index) {
+          var uniforms = item.material.uniforms;
+          uniforms.iTime.value += 0.01;
+        });
+      });
+      return mesh;
+    }
+
+    // 创建围栏材质
+  }, {
+    key: "createFenceMaterial",
+    value: function createFenceMaterial(height, color, alpha) {
+      // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果
+      var material = new ShaderMaterial({
+        uniforms: {
+          // 材质颜色
+          color1: {
+            value: new Color(color)
+          },
+          // 材质颜色2，用于渐变
+          _alpha: {
+            value: alpha
+          },
+          _height: {
+            value: height
+          },
+          iTime: {
+            value: 0.0
+          }
+        },
+        // 顶点着色器
+        vertexShader: "\n         #include <common>\n            #include <logdepthbuf_pars_vertex>\n            varying vec3 vNormal; // \u7528\u4E8E\u4F20\u9012\u6CD5\u7EBF\u65B9\u5411\n            varying vec2 vUv;\n            varying vec3 vWorldPosition;\n          void main() {\n          #include <logdepthbuf_vertex>\n            // gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n          vUv = uv;\n          vNormal = normalize(mat3(modelMatrix) * normal);  // \u4F7F\u7528\u6A21\u578B\u77E9\u9635\u65CB\u8F6C\u6CD5\u7EBF\n          vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n          vWorldPosition = modelPosition.xyz;\n          gl_Position = projectionMatrix * viewMatrix * modelPosition;\t \n          }\n      ",
+        // 片元着色器
+        fragmentShader: "\n         #include <logdepthbuf_pars_fragment>\n         varying vec3 vNormal; //\n         varying vec2 vUv;\n         varying vec3 vWorldPosition;\n        // uniform float button;\n         uniform float _height;\n         uniform float iTime;\n         uniform float _alpha;\n        uniform vec3 color1;\n       \n        void main() {\n        #include <logdepthbuf_fragment>\n       // float height = 50.;\n        float button = 0.;\n        vec3 myWp=(vWorldPosition-button)/_height;       \n           gl_FragColor = vec4(color1,pow(1.-clamp(myWp.y,0.,1.),2.))*_alpha     *step(button,myWp.y);\n           \n        }\n      ",
+        // 设置材质为透明
+        transparent: true,
+        // 设置材质双面渲染，确保从正反两面都能正确显示
+        side: 2,
+        // 关闭深度测试
+        depthTest: false
+      });
+      return material;
+    }
+
+    // Getter and Setter for fenceColor property
+  }, {
+    key: "color",
+    get: function get() {
+      return this._color;
+    },
+    set: function set(newValue) {
+      if (this._color === newValue) return;
+      this._color = newValue;
+      if (this.mesh) {
+        var childrens = this.mesh.children;
+        childrens.forEach(function (item, index) {
+          var uniforms = item.material.uniforms;
+          if (uniforms.color1) {
+            uniforms.color1.value = new Color(newValue);
+            uniforms.color2.value = new Color(newValue);
+          }
+        });
+      }
+    }
+
+    // Getter and Setter for fenceAlpha property
+  }, {
+    key: "alpha",
+    get: function get() {
+      return this._alpha;
+    },
+    set: function set(newValue) {
+      if (this._alpha === newValue) return;
+      this._alpha = newValue;
+      if (this.mesh) {
+        var childrens = this.mesh.children;
+        childrens.forEach(function (item, index) {
+          var uniforms = item.material.uniforms;
+          if (uniforms.alpha) uniforms.alpha.value = newValue;
+        });
+      }
+    }
+
+    // Getter and Setter for fenceAlpha property
+  }, {
+    key: "height",
+    get: function get() {
+      return this._height;
+    },
+    set: function set(newValue) {
+      if (this._height === newValue) return;
+      this._height = newValue;
+      if (this.mesh) {
+        var childrens = this.mesh.children;
+        childrens.forEach(function (item, index) {
+          var uniforms = item.material.uniforms;
+          if (uniforms.height) uniforms.height.value = newValue;
+        });
+      }
+    }
+  }]);
+  return Fence_Base_01;
+}(FenceBase);
+export default Fence_Base_01;
+//# sourceMappingURL=fence_base_01.js.map

package/dist/business/Area/Fence/fence_base_01.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Color","ShaderMaterial","use","createRoundLineWallMesh","FenceBase","Fence_Base_01","_FenceBase","_inherits","_super","_createSuper","option","_this","_classCallCheck","call","create","_createClass","key","value","mesh","createFenceMesh","points","corner","close","height","color","alpha","add","radius","arguments","length","undefined","material","createFenceMaterial","useframe","children","forEach","item","index","uniforms","iTime","color1","_alpha","_height","vertexShader","fragmentShader","transparent","side","depthTest","get","_color","set","newValue","childrens","color2"],"sources":["../../../../src/business/Area/Fence/fence_base_01.ts"],"sourcesContent":["import type { Mesh, Vector3 } from '@anov/3d-core'\nimport { Color, ShaderMaterial, use } from '@anov/3d-core'\nimport { createRoundLineWallMesh } from '../../Utils/round-curve'\nimport type { fenceOption } from '../type'\nimport FenceBase from './FenceBase'\n\nclass Fence_Base_01 extends FenceBase {\n  constructor(option: fenceOption) {\n    super(option)\n    this.create()\n  }\n\n  create() {\n    this.mesh = this.createFenceMesh(\n      this.points,\n      this.corner,\n      this.close,\n      this.height,\n      this.color,\n      this.alpha,\n    )\n    this.mesh && this.add(this.mesh)\n  }\n\n  // 创建围栏网格对象\n  createFenceMesh(points: Vector3[], radius = 0, close = true, height: number, color: string, alpha: number) {\n    if (!points)\n      return\n\n    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    const material = this.createFenceMaterial(height, color, alpha)\n\n    // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质\n    const mesh = createRoundLineWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\n    use.useframe(() => {\n      mesh.children.forEach((item, index) => {\n        const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms\n        uniforms.iTime.value += 0.01\n      })\n    })\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial {\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        // 材质颜色\n        color1: {\n          value: new Color(color),\n        }, // 材质颜色2，用于渐变\n        _alpha: { value: alpha },\n        _height: { value: height },\n        iTime: { value: 0.0 },\n      },\n      // 顶点着色器\n      vertexShader: `\n         #include <common>\n            #include <logdepthbuf_pars_vertex>\n            varying vec3 vNormal; // 用于传递法线方向\n            varying vec2 vUv;\n            varying vec3 vWorldPosition;\n          void main() {\n          #include <logdepthbuf_vertex>\n            // gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n          vUv = uv;\n          vNormal = normalize(mat3(modelMatrix) * normal);  // 使用模型矩阵旋转法线\n          vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n          vWorldPosition = modelPosition.xyz;\n          gl_Position = projectionMatrix * viewMatrix * modelPosition;\t \n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n         #include <logdepthbuf_pars_fragment>\n         varying vec3 vNormal; //\n         varying vec2 vUv;\n         varying vec3 vWorldPosition;\n        // uniform float button;\n         uniform float _height;\n         uniform float iTime;\n         uniform float _alpha;\n        uniform vec3 color1;\n       \n        void main() {\n        #include <logdepthbuf_fragment>\n       // float height = 50.;\n        float button = 0.;\n        vec3 myWp=(vWorldPosition-button)/_height;       \n           gl_FragColor = vec4(color1,pow(1.-clamp(myWp.y,0.,1.),2.))*_alpha     *step(button,myWp.y);\n           \n        }\n      `,\n      // 设置材质为透明\n      transparent: true,\n      // 设置材质双面渲染，确保从正反两面都能正确显示\n      side: 2,\n      // 关闭深度测试\n      depthTest: false,\n    })\n\n    return material\n  }\n\n  // Getter and Setter for fenceColor property\n  get color(): string {\n    return this._color\n  }\n\n  set color(newValue: string) {\n    if (this._color === newValue)\n      return\n\n    this._color = newValue\n    if (this.mesh) {\n      const childrens = this.mesh.children\n      childrens.forEach((item, index) => {\n        const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms\n        if (uniforms.color1) {\n          uniforms.color1.value = new Color(newValue)\n          uniforms.color2.value = new Color(newValue)\n        }\n      })\n    }\n  }\n\n  // Getter and Setter for fenceAlpha property\n  get alpha(): number {\n    return this._alpha\n  }\n\n  set alpha(newValue: number) {\n    if (this._alpha === newValue)\n      return\n\n    this._alpha = newValue\n    if (this.mesh) {\n      const childrens = this.mesh.children\n      childrens.forEach((item, index) => {\n        const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms\n        if (uniforms.alpha)\n          uniforms.alpha.value = newValue\n      })\n    }\n  }\n\n  // Getter and Setter for fenceAlpha property\n  get height(): number {\n    return this._height\n  }\n\n  set height(newValue: number) {\n    if (this._height === newValue)\n      return\n\n    this._height = newValue\n    if (this.mesh) {\n      const childrens = this.mesh.children\n      childrens.forEach((item, index) => {\n        const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms\n        if (uniforms.height)\n          uniforms.height.value = newValue\n      })\n    }\n  }\n}\n\nexport default Fence_Base_01\n"],"mappings":"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"}

package/dist/business/Area/Fence/fence_feeting_01.d.ts

@@ -0,0 +1,15 @@
+import type { Vector3 } from '@anov/3d-core';
+import { ShaderMaterial } from '@anov/3d-core';
+import type { fenceOption } from '../type';
+import FenceBase from './FenceBase';
+declare class Fence_Feeting_01 extends FenceBase {
+    constructor(option: fenceOption);
+    create(): void;
+    createFenceMesh(points: Vector3[], radius: number, close: boolean, height: number, color: string, alpha: number): any;
+    createFenceMaterial(color: string, alpha: number): ShaderMaterial;
+    get color(): string;
+    set color(newValue: string);
+    get alpha(): number;
+    set alpha(newValue: number);
+}
+export default Fence_Feeting_01;

package/dist/business/Area/Fence/fence_feeting_01.js

@@ -0,0 +1,134 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { Color, ShaderMaterial } from '@anov/3d-core';
+import { createRoundLineWallMesh } from "../../Utils/round-curve";
+import FenceBase from "./FenceBase";
+var Fence_Feeting_01 = /*#__PURE__*/function (_FenceBase) {
+  _inherits(Fence_Feeting_01, _FenceBase);
+  var _super = _createSuper(Fence_Feeting_01);
+  function Fence_Feeting_01(option) {
+    var _this;
+    _classCallCheck(this, Fence_Feeting_01);
+    _this = _super.call(this, option);
+    _this.create();
+    return _this;
+  }
+  _createClass(Fence_Feeting_01, [{
+    key: "create",
+    value: function create() {
+      this.mesh = this.createFenceMesh(this.points, this.corner, this.close, this.height, this.color, this.alpha);
+      this.mesh && this.add(this.mesh);
+    }
+
+    // 创建围栏网格对象
+  }, {
+    key: "createFenceMesh",
+    value: function createFenceMesh(points) {
+      var radius = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var close = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var height = arguments.length > 3 ? arguments[3] : undefined;
+      var color = arguments.length > 4 ? arguments[4] : undefined;
+      var alpha = arguments.length > 5 ? arguments[5] : undefined;
+      if (!points) return;
+
+      // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质
+      var material = this.createFenceMaterial(color, alpha);
+      // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质
+      var mesh = createRoundLineWallMesh(points, {
+        radius: radius,
+        height: height,
+        close: close
+      }, material);
+      return mesh;
+    }
+
+    // 创建围栏材质
+  }, {
+    key: "createFenceMaterial",
+    value: function createFenceMaterial(color, alpha) {
+      // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果
+      var material = new ShaderMaterial({
+        uniforms: {
+          opacityBottom: {
+            value: 0.3
+          },
+          opacityTop: {
+            value: 0.0
+          },
+          // 材质颜色
+          color1: {
+            value: new Color(color)
+          },
+          // 材质颜色2，用于渐变
+          color2: {
+            value: new Color(color)
+          }
+        },
+        // 顶点着色器
+        vertexShader: "\n            varying vec3 vNormal; // \u7528\u4E8E\u4F20\u9012\u6CD5\u7EBF\u65B9\u5411\n    varying vec2 vUv;\n     varying vec3 vWorldPosition;\n          void main() {\n            // gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n          vUv = uv;\n         vNormal = normalize(mat3(modelMatrix) * normal);  // \u4F7F\u7528\u6A21\u578B\u77E9\u9635\u65CB\u8F6C\u6CD5\u7EBF\n        vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n        vWorldPosition = modelPosition.xyz;\n        gl_Position = projectionMatrix * viewMatrix * modelPosition;\n          }\n      ",
+        // 片元着色器
+        fragmentShader: "\n                varying vec3 vNormal; // \u7528\u4E8E\u4F20\u9012\u6CD5\u7EBF\u65B9\u5411\n      varying vec2 vUv;\n     varying vec3 vWorldPosition;\n        uniform vec3 color1;\n        uniform vec3 color2;\n        uniform float opacityBottom;\n        uniform float opacityTop;\n     \n        void main() {\n        vec3 myWp=vWorldPosition*0.01;\n       \n           gl_FragColor = vec4(myWp.y);\n         \n        }\n      ",
+        // 设置材质为透明
+        transparent: true,
+        // 设置材质双面渲染，确保从正反两面都能正确显示
+        side: 2,
+        // 关闭深度测试
+        depthTest: false
+      });
+      return material;
+    }
+
+    // Getter and Setter for fenceColor property
+  }, {
+    key: "color",
+    get: function get() {
+      return this._color;
+    },
+    set: function set(newValue) {
+      if (this._color === newValue) return;
+      this._color = newValue;
+      if (this.mesh) {
+        var childrens = this.mesh.children;
+        childrens.forEach(function (item, index) {
+          var uniforms = item.material.uniforms;
+          if (uniforms.color1) {
+            uniforms.color1.value = new Color(newValue);
+            uniforms.color2.value = new Color(newValue);
+          }
+        });
+      }
+    }
+
+    // Getter and Setter for fenceAlpha property
+  }, {
+    key: "alpha",
+    get: function get() {
+      return this._alpha;
+    },
+    set: function set(newValue) {
+      if (this._alpha === newValue) return;
+      this._alpha = newValue;
+      if (this.mesh) {
+        var childrens = this.mesh.children;
+        childrens.forEach(function (item, index) {
+          var uniforms = item.material.uniforms;
+          if (uniforms.alpha) uniforms.alpha.value = newValue;
+        });
+      }
+    }
+  }]);
+  return Fence_Feeting_01;
+}(FenceBase);
+export default Fence_Feeting_01;
+//# sourceMappingURL=fence_feeting_01.js.map

package/dist/business/Area/Fence/fence_feeting_01.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Color","ShaderMaterial","createRoundLineWallMesh","FenceBase","Fence_Feeting_01","_FenceBase","_inherits","_super","_createSuper","option","_this","_classCallCheck","call","create","_createClass","key","value","mesh","createFenceMesh","points","corner","close","height","color","alpha","add","radius","arguments","length","undefined","material","createFenceMaterial","uniforms","opacityBottom","opacityTop","color1","color2","vertexShader","fragmentShader","transparent","side","depthTest","get","_color","set","newValue","childrens","children","forEach","item","index","_alpha"],"sources":["../../../../src/business/Area/Fence/fence_feeting_01.ts"],"sourcesContent":["import type { Mesh, Vector3 } from '@anov/3d-core'\nimport { Color, ShaderMaterial } from '@anov/3d-core'\nimport { createRoundLineWallMesh } from '../../Utils/round-curve'\nimport type { fenceOption } from '../type'\nimport FenceBase from './FenceBase'\n\nclass Fence_Feeting_01 extends FenceBase {\n  constructor(option: fenceOption) {\n    super(option)\n    this.create()\n  }\n\n  create() {\n    this.mesh = this.createFenceMesh(\n      this.points,\n      this.corner,\n      this.close,\n      this.height,\n      this.color,\n      this.alpha,\n    )\n    this.mesh && this.add(this.mesh)\n  }\n\n  // 创建围栏网格对象\n  createFenceMesh(points: Vector3[], radius = 0, close = true, height: number, color: string, alpha: number) {\n    if (!points)\n      return\n\n    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    const material = this.createFenceMaterial(color, alpha)\n    // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质\n    const mesh = createRoundLineWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(color: string, alpha: number): ShaderMaterial {\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        opacityBottom: { value: 0.3 },\n        opacityTop: { value: 0.0 },\n        // 材质颜色\n        color1: {\n          value: new Color(color),\n        },\n        // 材质颜色2，用于渐变\n        color2: {\n          value: new Color(color),\n        },\n      },\n      // 顶点着色器\n      vertexShader: `\n            varying vec3 vNormal; // 用于传递法线方向\n    varying vec2 vUv;\n     varying vec3 vWorldPosition;\n          void main() {\n            // gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n          vUv = uv;\n         vNormal = normalize(mat3(modelMatrix) * normal);  // 使用模型矩阵旋转法线\n        vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n        vWorldPosition = modelPosition.xyz;\n        gl_Position = projectionMatrix * viewMatrix * modelPosition;\n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n                varying vec3 vNormal; // 用于传递法线方向\n      varying vec2 vUv;\n     varying vec3 vWorldPosition;\n        uniform vec3 color1;\n        uniform vec3 color2;\n        uniform float opacityBottom;\n        uniform float opacityTop;\n     \n        void main() {\n        vec3 myWp=vWorldPosition*0.01;\n       \n           gl_FragColor = vec4(myWp.y);\n         \n        }\n      `,\n      // 设置材质为透明\n      transparent: true,\n      // 设置材质双面渲染，确保从正反两面都能正确显示\n      side: 2,\n      // 关闭深度测试\n      depthTest: false,\n    })\n    return material\n  }\n\n  // Getter and Setter for fenceColor property\n  get color(): string {\n    return this._color\n  }\n\n  set color(newValue: string) {\n    if (this._color === newValue)\n      return\n\n    this._color = newValue\n    if (this.mesh) {\n      const childrens = this.mesh.children\n      childrens.forEach((item, index) => {\n        const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms\n        if (uniforms.color1) {\n          uniforms.color1.value = new Color(newValue)\n          uniforms.color2.value = new Color(newValue)\n        }\n      })\n    }\n  }\n\n  // Getter and Setter for fenceAlpha property\n  get alpha(): number {\n    return this._alpha\n  }\n\n  set alpha(newValue: number) {\n    if (this._alpha === newValue)\n      return\n\n    this._alpha = newValue\n    if (this.mesh) {\n      const childrens = this.mesh.children\n      childrens.forEach((item, index) => {\n        const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms\n        if (uniforms.alpha)\n          uniforms.alpha.value = newValue\n      })\n    }\n  }\n}\n\nexport default Fence_Feeting_01\n"],"mappings":"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"}

package/dist/business/Area/Fence/fence_roll_01.d.ts

@@ -0,0 +1,17 @@
+import type { Vector3 } from '@anov/3d-core';
+import { ShaderMaterial } from '@anov/3d-core';
+import type { fenceOption } from '../type';
+import FenceBase from './FenceBase';
+declare class Fence_Roll_01 extends FenceBase {
+    constructor(option: fenceOption);
+    create(): void;
+    createFenceMesh(points: Vector3[], radius: number, close: boolean, height: number, color: string, alpha: number): any;
+    createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial;
+    get color(): string;
+    set color(newValue: string);
+    get alpha(): number;
+    set alpha(newValue: number);
+    get height(): number;
+    set height(newValue: number);
+}
+export default Fence_Roll_01;