@anov/3d-ability 0.0.165 → 0.0.166

package/dist/business/Animation/motion/index.d.ts

@@ -1,4 +1,4 @@
-import type { Curve, Object3D } from '@anov/3d-core';
+import type { Curve, Object3D, SceneControl } from '@anov/3d-core';
 import { CurvePath, Vector3 } from '@anov/3d-core';
 type Option = Partial<{
     speed: number;
@@ -12,7 +12,8 @@ type Points = [number, number, number];
 type Path = Points[] | Curve<Vector3>;
 declare class AnimationMotion {
     moveManage: any;
-    constructor(object: Object3D, path: Path, option?: Option);
+    private sceneControl;
+    constructor(object: Object3D, path: Path, option: Option, sceneControl: SceneControl);
     getPath(points?: Points[]): CurvePath<Vector3>;
     setSpeed(speed: Number): void;
     play(): void;

package/dist/business/Animation/motion/index.js

@@ -24,11 +24,16 @@ var defaultOption = {
 var AnimationMotion = /*#__PURE__*/function () {
   function AnimationMotion(object, path) {
     var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var sceneControl = arguments.length > 3 ? arguments[3] : undefined;
     _classCallCheck(this, AnimationMotion);
     _defineProperty(this, "moveManage", void 0);
+    _defineProperty(this, "sceneControl", void 0);
+    this.sceneControl = sceneControl;
     var curvePath;
     if (Array.isArray(path)) curvePath = this.getPath(path);else curvePath = path;
-    this.moveManage = utils.moveWithLine(object, curvePath, _objectSpread(_objectSpread({}, defaultOption), option));
+    this.moveManage = utils.moveWithLine(object, curvePath, _objectSpread(_objectSpread(_objectSpread({}, defaultOption), option), {}, {
+      sceneControl: sceneControl
+    }));
   }
   _createClass(AnimationMotion, [{
     key: "getPath",

package/dist/business/Animation/motion/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CurvePath","LineCurve3","Vector3","utils","defaultOption","speed","duration","paused","repeat","yoyo","ease","AnimationMotion","object","path","option","arguments","length","undefined","_classCallCheck","_defineProperty","curvePath","Array","isArray","getPath","moveManage","moveWithLine","_objectSpread","_createClass","key","value","points","forEach","point","index","nextIndex","startPoint","fromArray","endPoint","line","add","setSpeed","play","continue","pause","stop","restart","_delete","remove"],"sources":["../../../../src/business/Animation/motion/index.ts"],"sourcesContent":["import type { Curve, Object3D } from '@anov/3d-core'\nimport { CurvePath, LineCurve3, Vector3, utils } from '@anov/3d-core'\n\ntype Option = Partial<{\n  speed: number\n  duration: number\n  paused: boolean\n  repeat: number\n  yoyo: boolean\n  ease: string\n}>\n\ntype Points = [number, number, number]\n\ntype Path = Points[] | Curve<Vector3>\n\n/**\n * 默认参数值\n * speed: 运行速度\n * duration: 运行总时长，当存在总时长时，优先总时长，忽略speed值\n */\nconst defaultOption: Option = {\n  speed: 2,\n  duration: null,\n  paused: false,\n  repeat: -1,\n  yoyo: false,\n  ease: 'power1.out',\n}\n\nclass AnimationMotion {\n  moveManage: any\n  constructor(object: Object3D, path: Path, option: Option = {}) {\n    let curvePath\n    if (Array.isArray(path))\n      curvePath = this.getPath(path as Points[])\n    else\n      curvePath = path as Curve<Vector3>\n\n    this.moveManage = utils.moveWithLine(object, curvePath, { ...defaultOption, ...option })\n  }\n\n  getPath(points: Points[] = []) {\n    const curvePath = new CurvePath<Vector3>()\n    if (points.length < 2) {\n      // 如果点数少于两个，返回空的 CurvePath\n      return curvePath\n    }\n\n    points.forEach((point, index) => {\n      const nextIndex = (index + 1) % points.length\n      const startPoint = new Vector3().fromArray(point)\n      const endPoint = new Vector3().fromArray(points[nextIndex])\n      const line = new LineCurve3(startPoint, endPoint)\n      curvePath.add(line)\n    })\n    return curvePath\n  }\n\n  setSpeed(speed: Number) {\n    this.moveManage.setSpeed(speed)\n  }\n\n  play() {\n    this.moveManage.continue()\n  }\n\n  pause() {\n    this.moveManage.stop()\n  }\n\n  restart() {\n    this.moveManage.restart()\n  }\n\n  delete() {\n    this.moveManage.remove()\n  }\n}\n\nexport default AnimationMotion"],"mappings":";;;;;;;;;AACA,SAASA,SAAS,EAAEC,UAAU,EAAEC,OAAO,EAAEC,KAAK,QAAQ,eAAe;AAerE;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAqB,GAAG;EAC5BC,KAAK,EAAE,CAAC;EACRC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE,KAAK;EACXC,IAAI,EAAE;AACR,CAAC;AAAA,IAEKC,eAAe;EAEnB,SAAAA,gBAAYC,MAAgB,EAAEC,IAAU,EAAuB;IAAA,IAArBC,MAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAAAG,eAAA,OAAAP,eAAA;IAAAQ,eAAA;IAC3D,IAAIC,SAAS;IACb,IAAIC,KAAK,CAACC,OAAO,CAACT,IAAI,CAAC,EACrBO,SAAS,GAAG,IAAI,CAACG,OAAO,CAACV,IAAgB,CAAC,MAE1CO,SAAS,GAAGP,IAAsB;IAEpC,IAAI,CAACW,UAAU,GAAGrB,KAAK,CAACsB,YAAY,CAACb,MAAM,EAAEQ,SAAS,EAAAM,aAAA,CAAAA,aAAA,KAAOtB,aAAa,GAAKU,MAAM,CAAE,CAAC;EAC1F;EAACa,YAAA,CAAAhB,eAAA;IAAAiB,GAAA;IAAAC,KAAA,EAED,SAAAN,QAAA,EAA+B;MAAA,IAAvBO,MAAgB,GAAAf,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;MAC3B,IAAMK,SAAS,GAAG,IAAIpB,SAAS,CAAU,CAAC;MAC1C,IAAI8B,MAAM,CAACd,MAAM,GAAG,CAAC,EAAE;QACrB;QACA,OAAOI,SAAS;MAClB;MAEAU,MAAM,CAACC,OAAO,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;QAC/B,IAAMC,SAAS,GAAG,CAACD,KAAK,GAAG,CAAC,IAAIH,MAAM,CAACd,MAAM;QAC7C,IAAMmB,UAAU,GAAG,IAAIjC,OAAO,CAAC,CAAC,CAACkC,SAAS,CAACJ,KAAK,CAAC;QACjD,IAAMK,QAAQ,GAAG,IAAInC,OAAO,CAAC,CAAC,CAACkC,SAAS,CAACN,MAAM,CAACI,SAAS,CAAC,CAAC;QAC3D,IAAMI,IAAI,GAAG,IAAIrC,UAAU,CAACkC,UAAU,EAAEE,QAAQ,CAAC;QACjDjB,SAAS,CAACmB,GAAG,CAACD,IAAI,CAAC;MACrB,CAAC,CAAC;MACF,OAAOlB,SAAS;IAClB;EAAC;IAAAQ,GAAA;IAAAC,KAAA,EAED,SAAAW,SAASnC,KAAa,EAAE;MACtB,IAAI,CAACmB,UAAU,CAACgB,QAAQ,CAACnC,KAAK,CAAC;IACjC;EAAC;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAY,KAAA,EAAO;MACL,IAAI,CAACjB,UAAU,CAACkB,QAAQ,CAAC,CAAC;IAC5B;EAAC;IAAAd,GAAA;IAAAC,KAAA,EAED,SAAAc,MAAA,EAAQ;MACN,IAAI,CAACnB,UAAU,CAACoB,IAAI,CAAC,CAAC;IACxB;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAgB,QAAA,EAAU;MACR,IAAI,CAACrB,UAAU,CAACqB,OAAO,CAAC,CAAC;IAC3B;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAiB,QAAA,EAAS;MACP,IAAI,CAACtB,UAAU,CAACuB,MAAM,CAAC,CAAC;IAC1B;EAAC;EAAA,OAAApC,eAAA;AAAA;AAGH,eAAeA,eAAe"}
+{"version":3,"names":["CurvePath","LineCurve3","Vector3","utils","defaultOption","speed","duration","paused","repeat","yoyo","ease","AnimationMotion","object","path","option","arguments","length","undefined","sceneControl","_classCallCheck","_defineProperty","curvePath","Array","isArray","getPath","moveManage","moveWithLine","_objectSpread","_createClass","key","value","points","forEach","point","index","nextIndex","startPoint","fromArray","endPoint","line","add","setSpeed","play","continue","pause","stop","restart","_delete","remove"],"sources":["../../../../src/business/Animation/motion/index.ts"],"sourcesContent":["import type { Curve, Object3D, SceneControl } from '@anov/3d-core'\nimport { CurvePath, LineCurve3, Vector3, utils } from '@anov/3d-core'\n\ntype Option = Partial<{\n  speed: number\n  duration: number\n  paused: boolean\n  repeat: number\n  yoyo: boolean\n  ease: string\n}>\n\ntype Points = [number, number, number]\n\ntype Path = Points[] | Curve<Vector3>\n\n/**\n * 默认参数值\n * speed: 运行速度\n * duration: 运行总时长，当存在总时长时，优先总时长，忽略speed值\n */\nconst defaultOption: Option = {\n  speed: 2,\n  duration: null,\n  paused: false,\n  repeat: -1,\n  yoyo: false,\n  ease: 'power1.out',\n}\n\nclass AnimationMotion {\n  moveManage: any\n  private sceneControl: SceneControl\n\n  constructor(object: Object3D, path: Path, option: Option = {}, sceneControl: SceneControl) {\n    this.sceneControl = sceneControl\n    let curvePath\n    if (Array.isArray(path))\n      curvePath = this.getPath(path as Points[])\n    else\n      curvePath = path as Curve<Vector3>\n\n    this.moveManage = utils.moveWithLine(object, curvePath, { ...defaultOption, ...option, sceneControl })\n  }\n\n  getPath(points: Points[] = []) {\n    const curvePath = new CurvePath<Vector3>()\n    if (points.length < 2) {\n      // 如果点数少于两个，返回空的 CurvePath\n      return curvePath\n    }\n\n    points.forEach((point, index) => {\n      const nextIndex = (index + 1) % points.length\n      const startPoint = new Vector3().fromArray(point)\n      const endPoint = new Vector3().fromArray(points[nextIndex])\n      const line = new LineCurve3(startPoint, endPoint)\n      curvePath.add(line)\n    })\n    return curvePath\n  }\n\n  setSpeed(speed: Number) {\n    this.moveManage.setSpeed(speed)\n  }\n\n  play() {\n    this.moveManage.continue()\n  }\n\n  pause() {\n    this.moveManage.stop()\n  }\n\n  restart() {\n    this.moveManage.restart()\n  }\n\n  delete() {\n    this.moveManage.remove()\n  }\n}\n\nexport default AnimationMotion"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { Mesh, Object3D, Vector3 } from '@anov/3d-core';
+import type { Mesh, Vector3 } from '@anov/3d-core';
 import ObjectLayer from '../../Base/ObjectLayer';
 import type { FenceOption } from '../type';
 declare class FenceBase extends ObjectLayer {
@@ -13,7 +13,7 @@ declare class FenceBase extends ObjectLayer {
     _option: FenceOption;
     _listeners: Set<unknown>;
     private _areaInstance;
-    constructor(option: FenceOption, _areaInstance: Object3D);
+    constructor(option: FenceOption, _areaInstance: any);
     get mesh(): Mesh<import("@anov/3d-core").BufferGeometry<import("@anov/3d-core").NormalBufferAttributes>, import("@anov/3d-core").Material | import("@anov/3d-core").Material[], import("@anov/3d-core").Object3DEventMap>;
     get uri(): string;
     set uri(value: string);

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

@@ -20,7 +20,7 @@ var FenceBase = /*#__PURE__*/function (_ObjectLayer) {
   function FenceBase(option, _areaInstance) {
     var _this;
     _classCallCheck(this, FenceBase);
-    _this = _super.call(this);
+    _this = _super.call(this, _areaInstance.sceneControl);
     _defineProperty(_assertThisInitialized(_this), "_mesh", void 0);
     _defineProperty(_assertThisInitialized(_this), "_height", void 0);
     _defineProperty(_assertThisInitialized(_this), "_alpha", void 0);

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

@@ -1 +1 @@
-{"version":3,"names":["ObjectLayer","hexToRGBA","parseRGBA","FenceBase","_ObjectLayer","_inherits","_super","_createSuper","option","_areaInstance","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","Set","_option","_initParams","_createClass","key","get","_mesh","_uri","set","value","_this2","_listeners","forEach","cb","_height","newValue","_this3","_color","uniforms","material","color1","_parseRGBA","r","g","b","colorTemp","Number","toFixed","_alpha","alpha","_corner","_close","corner","close","height","color","_points","points","uri","_delete","remove","removeFromParent","dispose","delete","clear","addReloadListener","callback","add"],"sources":["../../../../src/business/Area/Fence/FenceBase.ts"],"sourcesContent":["import type { Group, Mesh, Object3D, ShaderMaterial, Vector3 } from '@anov/3d-core'\nimport _ from 'lodash'\nimport { Color, use } from '@anov/3d-core'\nimport ObjectLayer from '../../Base/ObjectLayer'\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\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  public _uri: string\n  public _option: FenceOption\n  public _listeners = new Set()\n\n  private _areaInstance: Object3D\n  constructor(option: FenceOption, _areaInstance: Object3D) {\n    super()\n    this._option = option\n    // 属性赋值\n    this._initParams(option)\n    this._areaInstance = _areaInstance\n    // this.setValues(_.mergeWith({}, defaultOption, option))\n  }\n\n  public get mesh() {\n    return this._mesh\n  }\n\n  public get uri() {\n    return this._uri\n  }\n\n  public set uri(value: string) {\n    if (this._uri === value)\n      return\n    this._uri = value\n    // eslint-disable-next-line max-statements-per-line\n    this._listeners.forEach((cb: Function) => { cb.call(this._areaInstance) })\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    // eslint-disable-next-line max-statements-per-line\n    this._listeners.forEach((cb: Function) => { cb.call(this._areaInstance) })\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  // 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      // 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      //     const { r, g, b } = parseRGBA(hexToRGBA(newValue))\n      //     const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n      //     uniforms.color1.value = colorTemp\n      //   }\n\n      //   // uniforms.color2.value = new Color(newValue)\n      // })\n      // childrens.forEach((item, index) => {\n      const uniforms = ((this._mesh as Mesh).material as ShaderMaterial).uniforms\n      if (uniforms.color1) {\n        const { r, g, b } = parseRGBA(hexToRGBA(newValue))\n        const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n        uniforms.color1.value = colorTemp\n      }\n\n      // uniforms.color2.value = new Color(newValue)\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      // childrens.forEach((item, index) => {\n      const uniforms = ((this._mesh as Mesh).material as ShaderMaterial).uniforms\n      if (uniforms.alpha)\n        uniforms.alpha.value = newValue\n      // })\n    }\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  _initParams(option: FenceOption) {\n    this._alpha = option.alpha\n    this._corner = option.corner\n    this._close = option.close\n    this._height = option.height\n    this._color = option.color\n    this._points = option.points as unknown as Vector3[]\n    this._uri = option.uri\n  }\n\n  public delete() {\n    this._mesh.remove()\n    this._mesh.removeFromParent()\n  }\n\n  // 销毁\n  public dispose() {\n    this.delete()\n    this._listeners.clear()\n  }\n\n  // 注册监听\n  public addReloadListener(callback: Function) {\n    this._listeners.add(callback)\n  }\n}\n\nexport default FenceBase\n"],"mappings":"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"}
+{"version":3,"names":["ObjectLayer","hexToRGBA","parseRGBA","FenceBase","_ObjectLayer","_inherits","_super","_createSuper","option","_areaInstance","_this","_classCallCheck","call","sceneControl","_defineProperty","_assertThisInitialized","Set","_option","_initParams","_createClass","key","get","_mesh","_uri","set","value","_this2","_listeners","forEach","cb","_height","newValue","_this3","_color","uniforms","material","color1","_parseRGBA","r","g","b","colorTemp","Number","toFixed","_alpha","alpha","_corner","_close","corner","close","height","color","_points","points","uri","_delete","remove","removeFromParent","dispose","delete","clear","addReloadListener","callback","add"],"sources":["../../../../src/business/Area/Fence/FenceBase.ts"],"sourcesContent":["import type { Group, Mesh, Object3D, ShaderMaterial, Vector3 } from '@anov/3d-core'\nimport _ from 'lodash'\nimport { Color, use } from '@anov/3d-core'\nimport ObjectLayer from '../../Base/ObjectLayer'\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\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  public _uri: string\n  public _option: FenceOption\n  public _listeners = new Set()\n\n  private _areaInstance: any\n  constructor(option: FenceOption, _areaInstance: any) {\n    super(_areaInstance.sceneControl)\n    this._option = option\n    // 属性赋值\n    this._initParams(option)\n    this._areaInstance = _areaInstance\n    // this.setValues(_.mergeWith({}, defaultOption, option))\n  }\n\n  public get mesh() {\n    return this._mesh\n  }\n\n  public get uri() {\n    return this._uri\n  }\n\n  public set uri(value: string) {\n    if (this._uri === value)\n      return\n    this._uri = value\n    // eslint-disable-next-line max-statements-per-line\n    this._listeners.forEach((cb: Function) => { cb.call(this._areaInstance) })\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    // eslint-disable-next-line max-statements-per-line\n    this._listeners.forEach((cb: Function) => { cb.call(this._areaInstance) })\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  // 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      // 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      //     const { r, g, b } = parseRGBA(hexToRGBA(newValue))\n      //     const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n      //     uniforms.color1.value = colorTemp\n      //   }\n\n      //   // uniforms.color2.value = new Color(newValue)\n      // })\n      // childrens.forEach((item, index) => {\n      const uniforms = ((this._mesh as Mesh).material as ShaderMaterial).uniforms\n      if (uniforms.color1) {\n        const { r, g, b } = parseRGBA(hexToRGBA(newValue))\n        const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n        uniforms.color1.value = colorTemp\n      }\n\n      // uniforms.color2.value = new Color(newValue)\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      // childrens.forEach((item, index) => {\n      const uniforms = ((this._mesh as Mesh).material as ShaderMaterial).uniforms\n      if (uniforms.alpha)\n        uniforms.alpha.value = newValue\n      // })\n    }\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  _initParams(option: FenceOption) {\n    this._alpha = option.alpha\n    this._corner = option.corner\n    this._close = option.close\n    this._height = option.height\n    this._color = option.color\n    this._points = option.points as unknown as Vector3[]\n    this._uri = option.uri\n  }\n\n  public delete() {\n    this._mesh.remove()\n    this._mesh.removeFromParent()\n  }\n\n  // 销毁\n  public dispose() {\n    this.delete()\n    this._listeners.clear()\n  }\n\n  // 注册监听\n  public addReloadListener(callback: Function) {\n    this._listeners.add(callback)\n  }\n}\n\nexport default FenceBase\n"],"mappings":";;;;;;;;;;;;;;AAGA,OAAOA,WAAW;AAElB,SAASC,SAAS,EAAEC,SAAS;AAAiB,IAExCC,SAAS,0BAAAC,YAAA;EAAAC,SAAA,CAAAF,SAAA,EAAAC,YAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,SAAA;EAab,SAAAA,UAAYK,MAAmB,EAAEC,aAAkB,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAR,SAAA;IACnDO,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMH,aAAa,CAACI,YAAY;IAACC,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAAAI,eAAA,CAAAC,sBAAA,CAAAL,KAAA,iBAJf,IAAIM,GAAG,CAAC,CAAC;IAAAF,eAAA,CAAAC,sBAAA,CAAAL,KAAA;IAK3BA,KAAA,CAAKO,OAAO,GAAGT,MAAM;IACrB;IACAE,KAAA,CAAKQ,WAAW,CAACV,MAAM,CAAC;IACxBE,KAAA,CAAKD,aAAa,GAAGA,aAAa;IAClC;IAAA,OAAAC,KAAA;EACF;EAACS,YAAA,CAAAhB,SAAA;IAAAiB,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAkB;MAChB,OAAO,IAAI,CAACC,KAAK;IACnB;EAAC;IAAAF,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAiB;MACf,OAAO,IAAI,CAACE,IAAI;IAClB,CAAC;IAAAC,GAAA,EAED,SAAAA,IAAeC,KAAa,EAAE;MAAA,IAAAC,MAAA;MAC5B,IAAI,IAAI,CAACH,IAAI,KAAKE,KAAK,EACrB;MACF,IAAI,CAACF,IAAI,GAAGE,KAAK;MACjB;MACA,IAAI,CAACE,UAAU,CAACC,OAAO,CAAC,UAACC,EAAY,EAAK;QAAEA,EAAE,CAACjB,IAAI,CAACc,MAAI,CAACjB,aAAa,CAAC;MAAC,CAAC,CAAC;IAC5E;;IAEA;EAAA;IAAAW,GAAA;IAAAC,GAAA,EACA,SAAAA,IAAA,EAAqB;MACnB,OAAO,IAAI,CAACS,OAAO;IACrB,CAAC;IAAAN,GAAA,EAED,SAAAA,IAAWO,QAAgB,EAAE;MAAA,IAAAC,MAAA;MAC3B,IAAI,IAAI,CAACF,OAAO,KAAKC,QAAQ,EAC3B;MAEF,IAAI,CAACD,OAAO,GAAGC,QAAQ;;MAEvB;MACA,IAAI,CAACJ,UAAU,CAACC,OAAO,CAAC,UAACC,EAAY,EAAK;QAAEA,EAAE,CAACjB,IAAI,CAACoB,MAAI,CAACvB,aAAa,CAAC;MAAC,CAAC,CAAC;MAC1E;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACF;;IAEA;EAAA;IAAAW,GAAA;IAAAC,GAAA,EACA,SAAAA,IAAA,EAAoB;MAClB,OAAO,IAAI,CAACY,MAAM;IACpB,CAAC;IAAAT,GAAA,EAED,SAAAA,IAAUO,QAAgB,EAAE;MAC1B,IAAI,IAAI,CAACE,MAAM,KAAKF,QAAQ,EAC1B;MAEF,IAAI,CAACE,MAAM,GAAGF,QAAQ;MACtB,IAAI,IAAI,CAACT,KAAK,EAAE;QACd;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACA;QACA,IAAMY,QAAQ,GAAK,IAAI,CAACZ,KAAK,CAAUa,QAAQ,CAAoBD,QAAQ;QAC3E,IAAIA,QAAQ,CAACE,MAAM,EAAE;UACnB,IAAAC,UAAA,GAAoBnC,SAAS,CAACD,SAAS,CAAC8B,QAAQ,CAAC,CAAC;YAA1CO,CAAC,GAAAD,UAAA,CAADC,CAAC;YAAEC,CAAC,GAAAF,UAAA,CAADE,CAAC;YAAEC,CAAC,GAAAH,UAAA,CAADG,CAAC;UACf,IAAMC,SAAS,GAAG;YAAEH,CAAC,EAAEI,MAAM,CAAC,CAACA,MAAM,CAACJ,CAAC,CAAC,GAAG,GAAG,EAAEK,OAAO,CAAC,CAAC,CAAC,CAAC;YAAEJ,CAAC,EAAEG,MAAM,CAAC,CAACA,MAAM,CAACH,CAAC,CAAC,GAAG,GAAG,EAAEI,OAAO,CAAC,CAAC,CAAC,CAAC;YAAEH,CAAC,EAAEE,MAAM,CAAC,CAACA,MAAM,CAACF,CAAC,CAAC,GAAG,GAAG,EAAEG,OAAO,CAAC,CAAC,CAAC;UAAE,CAAC;UAC/IT,QAAQ,CAACE,MAAM,CAACX,KAAK,GAAGgB,SAAS;QACnC;;QAEA;QACA;MACF;IACF;;IAEA;EAAA;IAAArB,GAAA;IAAAC,GAAA,EACA,SAAAA,IAAA,EAAoB;MAClB,OAAO,IAAI,CAACuB,MAAM;IACpB,CAAC;IAAApB,GAAA,EAED,SAAAA,IAAUO,QAAgB,EAAE;MAC1B,IAAI,IAAI,CAACa,MAAM,KAAKb,QAAQ,EAC1B;MAEF,IAAI,CAACa,MAAM,GAAGb,QAAQ;MACtB,IAAI,IAAI,CAACT,KAAK,EAAE;QACd;QACA;QACA;QACA;QACA;QACA;QACA;QACA,IAAMY,QAAQ,GAAK,IAAI,CAACZ,KAAK,CAAUa,QAAQ,CAAoBD,QAAQ;QAC3E,IAAIA,QAAQ,CAACW,KAAK,EAChBX,QAAQ,CAACW,KAAK,CAACpB,KAAK,GAAGM,QAAQ;QACjC;MACF;IACF;EAAC;IAAAX,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAqB;MACnB,OAAO,IAAI,CAACyB,OAAO;IACrB,CAAC;IAAAtB,GAAA,EAED,SAAAA,IAAWO,QAAgB,EAAE;MAC3B,IAAI,IAAI,CAACe,OAAO,KAAKf,QAAQ,EAC3B;MAEF,IAAI,CAACe,OAAO,GAAGf,QAAQ;IACzB;EAAC;IAAAX,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAqB;MACnB,OAAO,IAAI,CAAC0B,MAAM;IACpB,CAAC;IAAAvB,GAAA,EAED,SAAAA,IAAUO,QAAiB,EAAE;MAC3B,IAAI,IAAI,CAACgB,MAAM,KAAKhB,QAAQ,EAC1B;MAEF,IAAI,CAACgB,MAAM,GAAGhB,QAAQ;IACxB;EAAC;IAAAX,GAAA;IAAAK,KAAA,EAED,SAAAP,YAAYV,MAAmB,EAAE;MAC/B,IAAI,CAACoC,MAAM,GAAGpC,MAAM,CAACqC,KAAK;MAC1B,IAAI,CAACC,OAAO,GAAGtC,MAAM,CAACwC,MAAM;MAC5B,IAAI,CAACD,MAAM,GAAGvC,MAAM,CAACyC,KAAK;MAC1B,IAAI,CAACnB,OAAO,GAAGtB,MAAM,CAAC0C,MAAM;MAC5B,IAAI,CAACjB,MAAM,GAAGzB,MAAM,CAAC2C,KAAK;MAC1B,IAAI,CAACC,OAAO,GAAG5C,MAAM,CAAC6C,MAA8B;MACpD,IAAI,CAAC9B,IAAI,GAAGf,MAAM,CAAC8C,GAAG;IACxB;EAAC;IAAAlC,GAAA;IAAAK,KAAA,EAED,SAAA8B,QAAA,EAAgB;MACd,IAAI,CAACjC,KAAK,CAACkC,MAAM,CAAC,CAAC;MACnB,IAAI,CAAClC,KAAK,CAACmC,gBAAgB,CAAC,CAAC;IAC/B;;IAEA;EAAA;IAAArC,GAAA;IAAAK,KAAA,EACA,SAAAiC,QAAA,EAAiB;MACf,IAAI,CAACC,MAAM,CAAC,CAAC;MACb,IAAI,CAAChC,UAAU,CAACiC,KAAK,CAAC,CAAC;IACzB;;IAEA;EAAA;IAAAxC,GAAA;IAAAK,KAAA,EACA,SAAAoC,kBAAyBC,QAAkB,EAAE;MAC3C,IAAI,CAACnC,UAAU,CAACoC,GAAG,CAACD,QAAQ,CAAC;IAC/B;EAAC;EAAA,OAAA3D,SAAA;AAAA,EAxKqBH,WAAW;AA2KnC,eAAeG,SAAS"}

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

@@ -61,7 +61,7 @@ var Fence_Base_01 = /*#__PURE__*/function (_FenceBase) {
       //   },
       //   material,
       // )
-      use.useframe(function () {
+      use.useframe(this.sceneControl, function () {
         // mesh.children.forEach((item, index) => {
         //   const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms
         //   uniforms.iTime.value += 0.01

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

@@ -1 +1 @@
-{"version":3,"names":["ShaderMaterial","use","createRoundedClosedWallMesh","hexToRGBA","parseRGBA","FenceBase","Fence_Base_01","_FenceBase","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","create","_createClass","key","value","_mesh","createFenceMesh","_points","_corner","_close","_height","_color","_alpha","add","points","radius","arguments","length","undefined","close","height","color","alpha","material","createFenceMaterial","mesh","useframe","uniforms","iTime","_parseRGBA","r","g","b","colorTemp","Number","toFixed","color1","vertexShader","fragmentShader","transparent","side","depthTest","depthWrite"],"sources":["../../../../src/business/Area/Fence/fence_base_01.ts"],"sourcesContent":["import type { Mesh, Object3D, Vector3 } from '@anov/3d-core'\nimport { Color, ShaderMaterial, use } from '@anov/3d-core'\nimport { createRoundLineWallMesh, createRoundedClosedWallMesh } from '../../Utils/round-curve'\n\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\nimport FenceBase from './FenceBase'\n\nclass Fence_Base_01 extends FenceBase {\n  constructor(option: FenceOption, areaInstance: Object3D) {\n    super(option, areaInstance)\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 = createRoundedClosedWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\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      const uniforms = ((mesh as Mesh).material as ShaderMaterial).uniforms\n      uniforms.iTime.value += 0.01\n    })\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial {\n    const { r, g, b } = parseRGBA(hexToRGBA(color))\n    const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        // 材质颜色\n        color1: {\n          value: colorTemp,\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 <begin_vertex>\n            #include <project_vertex>\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;\n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n          #include <common>\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        vec3 color2=vec3(0.,0.4235,0.749);\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: true,\n      depthWrite: false,\n    })\n\n    return material\n  }\n}\n\nexport default Fence_Base_01\n"],"mappings":"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"}
+{"version":3,"names":["ShaderMaterial","use","createRoundedClosedWallMesh","hexToRGBA","parseRGBA","FenceBase","Fence_Base_01","_FenceBase","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","create","_createClass","key","value","_mesh","createFenceMesh","_points","_corner","_close","_height","_color","_alpha","add","points","radius","arguments","length","undefined","close","height","color","alpha","material","createFenceMaterial","mesh","useframe","sceneControl","uniforms","iTime","_parseRGBA","r","g","b","colorTemp","Number","toFixed","color1","vertexShader","fragmentShader","transparent","side","depthTest","depthWrite"],"sources":["../../../../src/business/Area/Fence/fence_base_01.ts"],"sourcesContent":["import type { Mesh, Object3D, Vector3 } from '@anov/3d-core'\nimport { ShaderMaterial, use } from '@anov/3d-core'\nimport { createRoundLineWallMesh, createRoundedClosedWallMesh } from '../../Utils/round-curve'\n\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\nimport FenceBase from './FenceBase'\n\nclass Fence_Base_01 extends FenceBase {\n  constructor(option: FenceOption, areaInstance: Object3D) {\n    super(option, areaInstance)\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 = createRoundedClosedWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\n    // const mesh = createRoundLineWallMesh(\n    //   points,\n    //   {\n    //     radius,\n    //     height,\n    //     close,\n    //   },\n    //   material,\n    // )\n    use.useframe(this.sceneControl, () => {\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      const uniforms = ((mesh as Mesh).material as ShaderMaterial).uniforms\n      uniforms.iTime.value += 0.01\n    })\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial {\n    const { r, g, b } = parseRGBA(hexToRGBA(color))\n    const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        // 材质颜色\n        color1: {\n          value: colorTemp,\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 <begin_vertex>\n            #include <project_vertex>\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;\n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n          #include <common>\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        vec3 color2=vec3(0.,0.4235,0.749);\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: true,\n      depthWrite: false,\n    })\n\n    return material\n  }\n}\n\nexport default Fence_Base_01\n"],"mappings":";;;;;;;;;;;;;AACA,SAASA,cAAc,EAAEC,GAAG,QAAQ,eAAe;AACnD,SAAkCC,2BAA2B;AAG7D,SAASC,SAAS,EAAEC,SAAS;AAC7B,OAAOC,SAAS;AAAmB,IAE7BC,aAAa,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,aAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,aAAA;EACjB,SAAAA,cAAYK,MAAmB,EAAEC,YAAsB,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAR,aAAA;IACvDO,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,MAAM,EAAEC,YAAY;IAC1BC,KAAA,CAAKG,MAAM,CAAC,CAAC;IAAA,OAAAH,KAAA;EACf;EAACI,YAAA,CAAAX,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAH,OAAA,EAAS;MACP,IAAI,CAACI,KAAK,GAAG,IAAI,CAACC,eAAe,CAC/B,IAAI,CAACC,OAAO,EACZ,IAAI,CAACC,OAAO,EACZ,IAAI,CAACC,MAAM,EACX,IAAI,CAACC,OAAO,EACZ,IAAI,CAACC,MAAM,EACX,IAAI,CAACC,MACP,CAAC;MACD,IAAI,CAACP,KAAK,IAAI,IAAI,CAACQ,GAAG,CAAC,IAAI,CAACR,KAAK,CAAC;IACpC;;IAEA;EAAA;IAAAF,GAAA;IAAAC,KAAA,EACA,SAAAE,gBAAgBQ,MAAiB,EAA0E;MAAA,IAAxEC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;MAAA,IAAEG,KAAK,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;MAAA,IAAEI,MAAc,GAAAJ,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;MAAA,IAAEG,KAAa,GAAAL,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;MAAA,IAAEI,KAAa,GAAAN,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;MACvG,IAAI,CAACJ,MAAM,EACT;;MAEF;MACA,IAAMS,QAAQ,GAAG,IAAI,CAACC,mBAAmB,CAACJ,MAAM,EAAEC,KAAK,EAAEC,KAAK,CAAC;;MAE/D;MACA,IAAMG,IAAI,GAAGtC,2BAA2B,CACtC2B,MAAM,EACN;QACEC,MAAM,EAANA,MAAM;QACNK,MAAM,EAANA,MAAM;QACND,KAAK,EAALA;MACF,CAAC,EACDI,QACF,CAAC;MACD;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACArC,GAAG,CAACwC,QAAQ,CAAC,IAAI,CAACC,YAAY,EAAE,YAAM;QACpC;QACA;QACA;QACA;;QAEA,IAAMC,QAAQ,GAAKH,IAAI,CAAUF,QAAQ,CAAoBK,QAAQ;QACrEA,QAAQ,CAACC,KAAK,CAACzB,KAAK,IAAI,IAAI;MAC9B,CAAC,CAAC;MACF,OAAOqB,IAAI;IACb;;IAEA;EAAA;IAAAtB,GAAA;IAAAC,KAAA,EACA,SAAAoB,oBAAoBJ,MAAc,EAAEC,KAAa,EAAEC,KAAa,EAAkB;MAChF,IAAAQ,UAAA,GAAoBzC,SAAS,CAACD,SAAS,CAACiC,KAAK,CAAC,CAAC;QAAvCU,CAAC,GAAAD,UAAA,CAADC,CAAC;QAAEC,CAAC,GAAAF,UAAA,CAADE,CAAC;QAAEC,CAAC,GAAAH,UAAA,CAADG,CAAC;MACf,IAAMC,SAAS,GAAG;QAAEH,CAAC,EAAEI,MAAM,CAAC,CAACA,MAAM,CAACJ,CAAC,CAAC,GAAG,GAAG,EAAEK,OAAO,CAAC,CAAC,CAAC,CAAC;QAAEJ,CAAC,EAAEG,MAAM,CAAC,CAACA,MAAM,CAACH,CAAC,CAAC,GAAG,GAAG,EAAEI,OAAO,CAAC,CAAC,CAAC,CAAC;QAAEH,CAAC,EAAEE,MAAM,CAAC,CAACA,MAAM,CAACF,CAAC,CAAC,GAAG,GAAG,EAAEG,OAAO,CAAC,CAAC,CAAC;MAAE,CAAC;MAC/I;MACA,IAAMb,QAAQ,GAAG,IAAItC,cAAc,CAAC;QAClC2C,QAAQ,EAAE;UACR;UACAS,MAAM,EAAE;YACNjC,KAAK,EAAE8B;UACT,CAAC;UAAE;UACHtB,MAAM,EAAE;YAAER,KAAK,EAAEkB;UAAM,CAAC;UACxBZ,OAAO,EAAE;YAAEN,KAAK,EAAEgB;UAAO,CAAC;UAC1BS,KAAK,EAAE;YAAEzB,KAAK,EAAE;UAAI;QACtB,CAAC;QACD;QACAkC,YAAY,yzBAiBX;QACD;QACAC,cAAc,ysBAqBb;QACD;QACAC,WAAW,EAAE,IAAI;QACjB;QACAC,IAAI,EAAE,CAAC;QACP;QACAC,SAAS,EAAE,IAAI;QACfC,UAAU,EAAE;MACd,CAAC,CAAC;MAEF,OAAOpB,QAAQ;IACjB;EAAC;EAAA,OAAAhC,aAAA;AAAA,EA5HyBD,SAAS;AA+HrC,eAAeC,aAAa"}

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

@@ -60,7 +60,7 @@ var Fence_Feeting_01 = /*#__PURE__*/function (_FenceBase) {
       //   },
       //   material,
       // )
-      use.useframe(function () {
+      use.useframe(this.sceneControl, function () {
         // mesh.children.forEach((item, index) => {
         //   const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms
         //   uniforms.iTime.value += 0.01

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

@@ -1 +1 @@
-{"version":3,"names":["ShaderMaterial","use","createRoundedClosedWallMesh","hexToRGBA","parseRGBA","FenceBase","Fence_Feeting_01","_FenceBase","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","create","_createClass","key","value","_mesh","createFenceMesh","_points","_corner","_close","_height","_color","_alpha","add","points","radius","arguments","length","undefined","close","height","color","alpha","material","createFenceMaterial","mesh","useframe","uniforms","iTime","_parseRGBA","r","g","b","colorTemp","Number","toFixed","color1","vertexShader","fragmentShader","transparent","side","depthTest","depthWrite"],"sources":["../../../../src/business/Area/Fence/fence_feeting_01.ts"],"sourcesContent":["import type { Mesh, Object3D, Vector3 } from '@anov/3d-core'\nimport { Color, ShaderMaterial, use } from '@anov/3d-core'\n\nimport { createRoundLineWallMesh, createRoundedClosedWallMesh } from '../../Utils/round-curve'\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\nimport FenceBase from './FenceBase'\n\nclass Fence_Feeting_01 extends FenceBase {\n  constructor(option: FenceOption, areaInstance: Object3D) {\n    super(option, areaInstance)\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    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    const material = this.createFenceMaterial(height, color, alpha)\n\n    // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质\n    const mesh = createRoundedClosedWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\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      const uniforms = ((mesh as Mesh).material as ShaderMaterial).uniforms\n      uniforms.iTime.value += 0.002\n    })\n    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    // const material = this.createFenceMaterial(height, color, alpha)\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.002\n    //   })\n    // })\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial {\n    const { r, g, b } = parseRGBA(hexToRGBA(color))\n    const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        // 材质颜色\n        color1: {\n          value: colorTemp,\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          \t#include <begin_vertex>\n            #include <project_vertex>\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;\n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n                #include <common>\n         #include <logdepthbuf_pars_fragment>\n     varying vec3 vNormal; // 用于传递法线方向\n     varying vec2 vUv;\n     varying vec3 vWorldPosition;\n    \n    uniform float _alpha;\n    uniform float _height;\n   uniform vec3 color1;\n   uniform float iTime;\n   \n\n\nconst int largeBlockCount = 80;\nconst int smallBlockCount = 20;\nconst int layerBlockCount = 10; // 添加的两层方块\n\nconst float largeBlockSpeed = .10;\nconst float smallBlockSpeed = .20;\nconst float layerBlockSpeed = .15; // 层的浮动速度\n\nconst float largeBlockSizeMin = 0.002;\nconst float largeBlockSizeMax = 0.03;\nconst float smallBlockSizeMin = 0.003;\nconst float smallBlockSizeMax = 0.008;\nconst float layerBlockSizeMin = 0.005;\nconst float layerBlockSizeMax = 0.01; // 两层方块的大小范围\n\nconst vec3 largeBlockColor = vec3(0.3, 0.2, 0.3);\nconst vec3 smallBlockColor = vec3(0.7, 0.6, 0.9);\nconst vec3 layerBlockColor = vec3(0.9, 0.7, 0.5); // 新增层的颜色\n\nfloat hash11(float p) {\nreturn fract(sin(p) * 43758.5453);\n}\n\nvec4 mainImage( vec2 uv) {\n// vec2 uv = fragCoord.xy / iResolution.xy;\nvec3 color = vec3(0.0, 0.0, 0.0); // Background color\n\n// Large blocks\nfor (int i = 0; i < largeBlockCount; ++i) {\n    float id = float(i);\n    vec2 randomPos = vec2(hash11(id + 0.1), hash11(id + 0.2));\n    randomPos = fract(randomPos + vec2(0.,iTime * largeBlockSpeed)); // Float upwards with time\n\n    float blockSize = mix(largeBlockSizeMin, largeBlockSizeMax, hash11(id));\n\n    vec2 dist = abs(uv - randomPos);\n    float inside = step(dist.x, blockSize) * step(dist.y, blockSize);\n    color = mix(color, largeBlockColor, inside);\n}\n\n// Small blocks\nfor (int i = 0; i < smallBlockCount; ++i) {\n    float id = float(i + largeBlockCount); // Offset for unique small block IDs\n    vec2 randomPos = vec2(hash11(id + 0.1), hash11(id + 0.2));\n    randomPos = fract(randomPos + vec2(0.,iTime * smallBlockSpeed)); // Float upwards with time\n\n    float blockSize = mix(smallBlockSizeMin, smallBlockSizeMax, hash11(id));\n\n    vec2 dist = abs(uv - randomPos);\n    float inside = step(dist.x, blockSize) * step(dist.y, blockSize+hash11(id )*0.01);\n    color = mix(color, smallBlockColor, inside);\n}\n\n// Layer blocks\nfor (int i = 0; i < layerBlockCount; ++i) {\n    float id = float(i + largeBlockCount + smallBlockCount); // Offset for unique layer block IDs\n    vec2 randomPos = vec2(hash11(id + 0.1), hash11(id + 0.2));\n    randomPos = fract(randomPos + vec2(0.,iTime * layerBlockSpeed)); // Float upwards with time\n\n    // Randomize the size with a slight stretch for length/width variation\n    float blockSizeX = mix(layerBlockSizeMin, layerBlockSizeMax, hash11(id));\n    float blockSizeY = blockSizeX * (0.8 + 0.4 * hash11(id + 0.3)); // Randomize aspect ratio\n\n    vec2 dist = abs(uv - randomPos);\n    float inside = step(dist.x, blockSizeX+hash11(id )*0.02) * step(dist.y, blockSizeY);\n    color = mix(color, layerBlockColor, inside);\n}\n  return  vec4(color, 1.0);\n\n}\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.))    *step(button,myWp.y);///0.6,0.1,0.01\n       \n    if (abs(vNormal.x) > 0.99) { \n        gl_FragColor =mix(gl_FragColor,vec4(color1+vec3(0.2,0.7,0.2),1.*myWp.y) ,mainImage(fract(myWp.zy)).x   *pow(gl_FragColor.a,.1) ); /////vec4(0.9,0.8,0.3,1.)\n        }\n    if (abs(vNormal.z) > 0.99) { \n        gl_FragColor =mix(gl_FragColor,vec4(color1+vec3(0.2,0.7,0.2),1.*myWp.y) ,mainImage(fract(myWp.xy)).x   *pow(gl_FragColor.a,.1) ); \n        }\n      gl_FragColor.a *= _alpha;\n\n    }\n      `,\n      // 设置材质为透明\n      transparent: true,\n      // 设置材质双面渲染，确保从正反两面都能正确显示\n      side: 2,\n      // 关闭深度测试\n      depthTest: true,\n      depthWrite: false,\n    })\n    return material\n  }\n}\n\nexport default Fence_Feeting_01\n"],"mappings":";;;;;;;;;;;;;AACA,SAAgBA,cAAc,EAAEC,GAAG,QAAQ,eAAe;AAE1D,SAAkCC,2BAA2B;AAE7D,SAASC,SAAS,EAAEC,SAAS;AAC7B,OAAOC,SAAS;AAAmB,IAE7BC,gBAAgB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,gBAAA;EACpB,SAAAA,iBAAYK,MAAmB,EAAEC,YAAsB,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAR,gBAAA;IACvDO,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,MAAM,EAAEC,YAAY;IAC1BC,KAAA,CAAKG,MAAM,CAAC,CAAC;IAAA,OAAAH,KAAA;EACf;EAACI,YAAA,CAAAX,gBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAH,OAAA,EAAS;MACP,IAAI,CAACI,KAAK,GAAG,IAAI,CAACC,eAAe,CAC/B,IAAI,CAACC,OAAO,EACZ,IAAI,CAACC,OAAO,EACZ,IAAI,CAACC,MAAM,EACX,IAAI,CAACC,OAAO,EACZ,IAAI,CAACC,MAAM,EACX,IAAI,CAACC,MACP,CAAC;MACD,IAAI,CAACP,KAAK,IAAI,IAAI,CAACQ,GAAG,CAAC,IAAI,CAACR,KAAK,CAAC;IACpC;;IAEA;EAAA;IAAAF,GAAA;IAAAC,KAAA,EACA,SAAAE,gBAAgBQ,MAAiB,EAA0E;MAAA,IAAxEC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;MAAA,IAAEG,KAAK,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;MAAA,IAAEI,MAAc,GAAAJ,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;MAAA,IAAEG,KAAa,GAAAL,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;MAAA,IAAEI,KAAa,GAAAN,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;MACvG,IAAI,CAACJ,MAAM,EACT;MACF;MACA,IAAMS,QAAQ,GAAG,IAAI,CAACC,mBAAmB,CAACJ,MAAM,EAAEC,KAAK,EAAEC,KAAK,CAAC;;MAE/D;MACA,IAAMG,IAAI,GAAGtC,2BAA2B,CACtC2B,MAAM,EACN;QACEC,MAAM,EAANA,MAAM;QACNK,MAAM,EAANA,MAAM;QACND,KAAK,EAALA;MACF,CAAC,EACDI,QACF,CAAC;MACD;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACArC,GAAG,CAACwC,QAAQ,CAAC,YAAM;QACjB;QACA;QACA;QACA;;QAEA,IAAMC,QAAQ,GAAKF,IAAI,CAAUF,QAAQ,CAAoBI,QAAQ;QACrEA,QAAQ,CAACC,KAAK,CAACxB,KAAK,IAAI,KAAK;MAC/B,CAAC,CAAC;MACF;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,OAAOqB,IAAI;IACb;;IAEA;EAAA;IAAAtB,GAAA;IAAAC,KAAA,EACA,SAAAoB,oBAAoBJ,MAAc,EAAEC,KAAa,EAAEC,KAAa,EAAkB;MAChF,IAAAO,UAAA,GAAoBxC,SAAS,CAACD,SAAS,CAACiC,KAAK,CAAC,CAAC;QAAvCS,CAAC,GAAAD,UAAA,CAADC,CAAC;QAAEC,CAAC,GAAAF,UAAA,CAADE,CAAC;QAAEC,CAAC,GAAAH,UAAA,CAADG,CAAC;MACf,IAAMC,SAAS,GAAG;QAAEH,CAAC,EAAEI,MAAM,CAAC,CAACA,MAAM,CAACJ,CAAC,CAAC,GAAG,GAAG,EAAEK,OAAO,CAAC,CAAC,CAAC,CAAC;QAAEJ,CAAC,EAAEG,MAAM,CAAC,CAACA,MAAM,CAACH,CAAC,CAAC,GAAG,GAAG,EAAEI,OAAO,CAAC,CAAC,CAAC,CAAC;QAAEH,CAAC,EAAEE,MAAM,CAAC,CAACA,MAAM,CAACF,CAAC,CAAC,GAAG,GAAG,EAAEG,OAAO,CAAC,CAAC,CAAC;MAAE,CAAC;MAC/I;MACA,IAAMZ,QAAQ,GAAG,IAAItC,cAAc,CAAC;QAClC0C,QAAQ,EAAE;UACR;UACAS,MAAM,EAAE;YACNhC,KAAK,EAAE6B;UACT,CAAC;UAAE;UACHrB,MAAM,EAAE;YAAER,KAAK,EAAEkB;UAAM,CAAC;UACxBZ,OAAO,EAAE;YAAEN,KAAK,EAAEgB;UAAO,CAAC;UAC1BQ,KAAK,EAAE;YAAExB,KAAK,EAAE;UAAI;QACtB,CAAC;QACD;QACAiC,YAAY,uzBAiBX;QACD;QACAC,cAAc,u0HAqGb;QACD;QACAC,WAAW,EAAE,IAAI;QACjB;QACAC,IAAI,EAAE,CAAC;QACP;QACAC,SAAS,EAAE,IAAI;QACfC,UAAU,EAAE;MACd,CAAC,CAAC;MACF,OAAOnB,QAAQ;IACjB;EAAC;EAAA,OAAAhC,gBAAA;AAAA,EA5N4BD,SAAS;AA+NxC,eAAeC,gBAAgB"}
+{"version":3,"names":["ShaderMaterial","use","createRoundedClosedWallMesh","hexToRGBA","parseRGBA","FenceBase","Fence_Feeting_01","_FenceBase","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","create","_createClass","key","value","_mesh","createFenceMesh","_points","_corner","_close","_height","_color","_alpha","add","points","radius","arguments","length","undefined","close","height","color","alpha","material","createFenceMaterial","mesh","useframe","sceneControl","uniforms","iTime","_parseRGBA","r","g","b","colorTemp","Number","toFixed","color1","vertexShader","fragmentShader","transparent","side","depthTest","depthWrite"],"sources":["../../../../src/business/Area/Fence/fence_feeting_01.ts"],"sourcesContent":["import type { Mesh, Object3D, Vector3 } from '@anov/3d-core'\nimport { Color, ShaderMaterial, use } from '@anov/3d-core'\n\nimport { createRoundLineWallMesh, createRoundedClosedWallMesh } from '../../Utils/round-curve'\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\nimport FenceBase from './FenceBase'\n\nclass Fence_Feeting_01 extends FenceBase {\n  constructor(option: FenceOption, areaInstance: Object3D) {\n    super(option, areaInstance)\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    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    const material = this.createFenceMaterial(height, color, alpha)\n\n    // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质\n    const mesh = createRoundedClosedWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\n    // const mesh = createRoundLineWallMesh(\n    //   points,\n    //   {\n    //     radius,\n    //     height,\n    //     close,\n    //   },\n    //   material,\n    // )\n    use.useframe(this.sceneControl, () => {\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      const uniforms = ((mesh as Mesh).material as ShaderMaterial).uniforms\n      uniforms.iTime.value += 0.002\n    })\n    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    // const material = this.createFenceMaterial(height, color, alpha)\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.002\n    //   })\n    // })\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial {\n    const { r, g, b } = parseRGBA(hexToRGBA(color))\n    const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        // 材质颜色\n        color1: {\n          value: colorTemp,\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          \t#include <begin_vertex>\n            #include <project_vertex>\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;\n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n                #include <common>\n         #include <logdepthbuf_pars_fragment>\n     varying vec3 vNormal; // 用于传递法线方向\n     varying vec2 vUv;\n     varying vec3 vWorldPosition;\n    \n    uniform float _alpha;\n    uniform float _height;\n   uniform vec3 color1;\n   uniform float iTime;\n   \n\n\nconst int largeBlockCount = 80;\nconst int smallBlockCount = 20;\nconst int layerBlockCount = 10; // 添加的两层方块\n\nconst float largeBlockSpeed = .10;\nconst float smallBlockSpeed = .20;\nconst float layerBlockSpeed = .15; // 层的浮动速度\n\nconst float largeBlockSizeMin = 0.002;\nconst float largeBlockSizeMax = 0.03;\nconst float smallBlockSizeMin = 0.003;\nconst float smallBlockSizeMax = 0.008;\nconst float layerBlockSizeMin = 0.005;\nconst float layerBlockSizeMax = 0.01; // 两层方块的大小范围\n\nconst vec3 largeBlockColor = vec3(0.3, 0.2, 0.3);\nconst vec3 smallBlockColor = vec3(0.7, 0.6, 0.9);\nconst vec3 layerBlockColor = vec3(0.9, 0.7, 0.5); // 新增层的颜色\n\nfloat hash11(float p) {\nreturn fract(sin(p) * 43758.5453);\n}\n\nvec4 mainImage( vec2 uv) {\n// vec2 uv = fragCoord.xy / iResolution.xy;\nvec3 color = vec3(0.0, 0.0, 0.0); // Background color\n\n// Large blocks\nfor (int i = 0; i < largeBlockCount; ++i) {\n    float id = float(i);\n    vec2 randomPos = vec2(hash11(id + 0.1), hash11(id + 0.2));\n    randomPos = fract(randomPos + vec2(0.,iTime * largeBlockSpeed)); // Float upwards with time\n\n    float blockSize = mix(largeBlockSizeMin, largeBlockSizeMax, hash11(id));\n\n    vec2 dist = abs(uv - randomPos);\n    float inside = step(dist.x, blockSize) * step(dist.y, blockSize);\n    color = mix(color, largeBlockColor, inside);\n}\n\n// Small blocks\nfor (int i = 0; i < smallBlockCount; ++i) {\n    float id = float(i + largeBlockCount); // Offset for unique small block IDs\n    vec2 randomPos = vec2(hash11(id + 0.1), hash11(id + 0.2));\n    randomPos = fract(randomPos + vec2(0.,iTime * smallBlockSpeed)); // Float upwards with time\n\n    float blockSize = mix(smallBlockSizeMin, smallBlockSizeMax, hash11(id));\n\n    vec2 dist = abs(uv - randomPos);\n    float inside = step(dist.x, blockSize) * step(dist.y, blockSize+hash11(id )*0.01);\n    color = mix(color, smallBlockColor, inside);\n}\n\n// Layer blocks\nfor (int i = 0; i < layerBlockCount; ++i) {\n    float id = float(i + largeBlockCount + smallBlockCount); // Offset for unique layer block IDs\n    vec2 randomPos = vec2(hash11(id + 0.1), hash11(id + 0.2));\n    randomPos = fract(randomPos + vec2(0.,iTime * layerBlockSpeed)); // Float upwards with time\n\n    // Randomize the size with a slight stretch for length/width variation\n    float blockSizeX = mix(layerBlockSizeMin, layerBlockSizeMax, hash11(id));\n    float blockSizeY = blockSizeX * (0.8 + 0.4 * hash11(id + 0.3)); // Randomize aspect ratio\n\n    vec2 dist = abs(uv - randomPos);\n    float inside = step(dist.x, blockSizeX+hash11(id )*0.02) * step(dist.y, blockSizeY);\n    color = mix(color, layerBlockColor, inside);\n}\n  return  vec4(color, 1.0);\n\n}\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.))    *step(button,myWp.y);///0.6,0.1,0.01\n       \n    if (abs(vNormal.x) > 0.99) { \n        gl_FragColor =mix(gl_FragColor,vec4(color1+vec3(0.2,0.7,0.2),1.*myWp.y) ,mainImage(fract(myWp.zy)).x   *pow(gl_FragColor.a,.1) ); /////vec4(0.9,0.8,0.3,1.)\n        }\n    if (abs(vNormal.z) > 0.99) { \n        gl_FragColor =mix(gl_FragColor,vec4(color1+vec3(0.2,0.7,0.2),1.*myWp.y) ,mainImage(fract(myWp.xy)).x   *pow(gl_FragColor.a,.1) ); \n        }\n      gl_FragColor.a *= _alpha;\n\n    }\n      `,\n      // 设置材质为透明\n      transparent: true,\n      // 设置材质双面渲染，确保从正反两面都能正确显示\n      side: 2,\n      // 关闭深度测试\n      depthTest: true,\n      depthWrite: false,\n    })\n    return material\n  }\n}\n\nexport default Fence_Feeting_01\n"],"mappings":"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"}

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

@@ -60,7 +60,7 @@ var Fence_Roll_01 = /*#__PURE__*/function (_FenceBase) {
       //   },
       //   material,
       // )
-      use.useframe(function () {
+      use.useframe(this.sceneControl, function () {
         // mesh.children.forEach((item, index) => {
         //   const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms
         //   uniforms.iTime.value += 0.01

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

@@ -1 +1 @@
-{"version":3,"names":["ShaderMaterial","use","createRoundedClosedWallMesh","hexToRGBA","parseRGBA","FenceBase","Fence_Roll_01","_FenceBase","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","create","_createClass","key","value","_mesh","createFenceMesh","_points","_corner","_close","_height","_color","_alpha","add","points","radius","arguments","length","undefined","close","height","color","alpha","material","createFenceMaterial","mesh","useframe","uniforms","iTime","_parseRGBA","r","g","b","colorTemp","Number","toFixed","color1","vertexShader","fragmentShader","transparent","side","depthTest","depthWrite"],"sources":["../../../../src/business/Area/Fence/fence_roll_01.ts"],"sourcesContent":["import type { Mesh, Object3D, Vector3 } from '@anov/3d-core'\nimport { Color, ShaderMaterial, use } from '@anov/3d-core'\nimport { createRoundLineWallMesh, createRoundedClosedWallMesh } from '../../Utils/round-curve'\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\nimport FenceBase from './FenceBase'\n\nclass Fence_Roll_01 extends FenceBase {\n  constructor(option: FenceOption, areaInstance: Object3D) {\n    super(option, areaInstance)\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    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    const material = this.createFenceMaterial(height, color, alpha)\n\n    // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质\n    const mesh = createRoundedClosedWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\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      const uniforms = ((mesh as Mesh).material as ShaderMaterial).uniforms\n      uniforms.iTime.value += 0.002\n    })\n\n    // // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    // const material = this.createFenceMaterial(height, color, alpha)\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.002\n    //   })\n    // })\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial {\n    const { r, g, b } = parseRGBA(hexToRGBA(color))\n    const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        // 材质颜色\n        color1: {\n          value: colorTemp,\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            \t#include <begin_vertex>\n            #include <project_vertex>\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;\n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n             #include <common>\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        vec3 myWp_s=(vWorldPosition-button)*3./_height;  \n        float Grandient= pow(1.-clamp(myWp.y,0.,1.),1.5);    \n        float Grandient_s= pow(1.-fract(myWp_s.y-iTime),0.4);    \n           gl_FragColor = vec4(color1,Grandient*Grandient_s*(0.8+sin(iTime*5.0)*0.3) )  *_alpha       *step(button,myWp.y);\n           \n        }\n      `,\n      // 设置材质为透明\n      transparent: true,\n      // 设置材质双面渲染，确保从正反两面都能正确显示\n      side: 2,\n      // 关闭深度测试\n      depthTest: true,\n      depthWrite: false,\n    })\n    return material\n  }\n}\n\nexport default Fence_Roll_01\n"],"mappings":"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"}
+{"version":3,"names":["ShaderMaterial","use","createRoundedClosedWallMesh","hexToRGBA","parseRGBA","FenceBase","Fence_Roll_01","_FenceBase","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","create","_createClass","key","value","_mesh","createFenceMesh","_points","_corner","_close","_height","_color","_alpha","add","points","radius","arguments","length","undefined","close","height","color","alpha","material","createFenceMaterial","mesh","useframe","sceneControl","uniforms","iTime","_parseRGBA","r","g","b","colorTemp","Number","toFixed","color1","vertexShader","fragmentShader","transparent","side","depthTest","depthWrite"],"sources":["../../../../src/business/Area/Fence/fence_roll_01.ts"],"sourcesContent":["import type { Mesh, Object3D, Vector3 } from '@anov/3d-core'\nimport { Color, ShaderMaterial, use } from '@anov/3d-core'\nimport { createRoundLineWallMesh, createRoundedClosedWallMesh } from '../../Utils/round-curve'\nimport type { FenceOption } from '../type'\nimport { hexToRGBA, parseRGBA } from '../tool'\nimport FenceBase from './FenceBase'\n\nclass Fence_Roll_01 extends FenceBase {\n  constructor(option: FenceOption, areaInstance: Object3D) {\n    super(option, areaInstance)\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    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    const material = this.createFenceMaterial(height, color, alpha)\n\n    // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质\n    const mesh = createRoundedClosedWallMesh(\n      points,\n      {\n        radius,\n        height,\n        close,\n      },\n      material,\n    )\n    // const mesh = createRoundLineWallMesh(\n    //   points,\n    //   {\n    //     radius,\n    //     height,\n    //     close,\n    //   },\n    //   material,\n    // )\n    use.useframe(this.sceneControl, () => {\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      const uniforms = ((mesh as Mesh).material as ShaderMaterial).uniforms\n      uniforms.iTime.value += 0.002\n    })\n\n    // // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质\n    // const material = this.createFenceMaterial(height, color, alpha)\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.002\n    //   })\n    // })\n    return mesh\n  }\n\n  // 创建围栏材质\n  createFenceMaterial(height: number, color: string, alpha: number): ShaderMaterial {\n    const { r, g, b } = parseRGBA(hexToRGBA(color))\n    const colorTemp = { r: Number((Number(r) / 255).toFixed(4)), g: Number((Number(g) / 255).toFixed(4)), b: Number((Number(b) / 255).toFixed(4)) }\n    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果\n    const material = new ShaderMaterial({\n      uniforms: {\n        // 材质颜色\n        color1: {\n          value: colorTemp,\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            \t#include <begin_vertex>\n            #include <project_vertex>\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;\n          }\n      `,\n      // 片元着色器\n      fragmentShader: `\n             #include <common>\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        vec3 myWp_s=(vWorldPosition-button)*3./_height;  \n        float Grandient= pow(1.-clamp(myWp.y,0.,1.),1.5);    \n        float Grandient_s= pow(1.-fract(myWp_s.y-iTime),0.4);    \n           gl_FragColor = vec4(color1,Grandient*Grandient_s*(0.8+sin(iTime*5.0)*0.3) )  *_alpha       *step(button,myWp.y);\n           \n        }\n      `,\n      // 设置材质为透明\n      transparent: true,\n      // 设置材质双面渲染，确保从正反两面都能正确显示\n      side: 2,\n      // 关闭深度测试\n      depthTest: true,\n      depthWrite: false,\n    })\n    return material\n  }\n}\n\nexport default Fence_Roll_01\n"],"mappings":"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"}

package/dist/business/Area/FillArea/FillAreaBase.d.ts

@@ -1,4 +1,4 @@
-import type { Line2, Mesh, Object3D, Vector3 } from '@anov/3d-core';
+import type { Line2, Mesh, Vector3 } from '@anov/3d-core';
 import ObjectLayer from '../../Base/ObjectLayer';
 import type { FillAreaOption } from '../type';
 declare class FillAreaBase extends ObjectLayer {
@@ -12,7 +12,7 @@ declare class FillAreaBase extends ObjectLayer {
     _option: FillAreaOption;
     _listeners: Set<unknown>;
     private _areaInstance;
-    constructor(option: FillAreaOption, areaInstance: Object3D);
+    constructor(option: FillAreaOption, areaInstance: any);
     get mesh(): Mesh<import("@anov/3d-core").BufferGeometry<import("@anov/3d-core").NormalBufferAttributes>, import("@anov/3d-core").Material | import("@anov/3d-core").Material[], import("@anov/3d-core").Object3DEventMap> | Line2;
     get uri(): string;
     set uri(value: string);

package/dist/business/Area/FillArea/FillAreaBase.js

@@ -20,7 +20,7 @@ var FillAreaBase = /*#__PURE__*/function (_ObjectLayer) {
   function FillAreaBase(option, areaInstance) {
     var _this;
     _classCallCheck(this, FillAreaBase);
-    _this = _super.call(this);
+    _this = _super.call(this, areaInstance.sceneControl);
     _defineProperty(_assertThisInitialized(_this), "_mesh", void 0);
     _defineProperty(_assertThisInitialized(_this), "_alpha", void 0);
     _defineProperty(_assertThisInitialized(_this), "_color", void 0);

package/dist/business/Area/FillArea/FillAreaBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["Color","ObjectLayer","FillAreaBase","_ObjectLayer","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","Set","_option","_initParams","_areaInstance","_createClass","key","get","_mesh","_uri","set","value","_this2","_listeners","forEach","cb","_alpha","newValue","material","opacity","_color","color","_corner","_close","alpha","close","corner","_points","points","uri","_delete","remove","removeFromParent","dispose","delete","clear","addReloadListener","callback","add"],"sources":["../../../../src/business/Area/FillArea/FillAreaBase.ts"],"sourcesContent":["import type { Line2, Mesh, MeshBasicMaterial, Object3D, Vector3 } from '@anov/3d-core'\nimport { Color } from '@anov/3d-core'\n\nimport _ from 'lodash'\nimport ObjectLayer from '../../Base/ObjectLayer'\nimport type { FillAreaOption } from '../type'\n\nclass FillAreaBase extends ObjectLayer {\n  public _mesh!: Mesh | Line2\n  public _alpha: number\n  public _color: string\n  public _corner: number\n  public _close: boolean\n  public _points!: Vector3[]\n  public _uri: string\n  public _option: FillAreaOption\n  public _listeners = new Set()\n\n  private _areaInstance: Object3D\n\n  constructor(option: FillAreaOption, areaInstance: Object3D) {\n    super()\n    this._option = option\n    // 属性赋值\n    this._initParams(option)\n    this._areaInstance = areaInstance\n    // 属性赋值\n    // this.setValues(_.mergeWith({}, defaultOption, option))\n  }\n\n  public get mesh() {\n    return this._mesh\n  }\n\n  public get uri() {\n    return this._uri\n  }\n\n  public set uri(value: string) {\n    if (this._uri === value)\n      return\n    this._uri = value\n    // eslint-disable-next-line max-statements-per-line\n    this._listeners.forEach((cb: Function) => { cb.call(this._areaInstance) })\n  }\n\n  // Getter and Setter for alpha 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      (this._mesh.material as MeshBasicMaterial).opacity = newValue\n  }\n\n  // Getter and Setter for color 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      (this._mesh.material as MeshBasicMaterial).color = new Color(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  _initParams(option: FillAreaOption) {\n    this._alpha = option.alpha\n    this._color = option.color\n    this._close = option.close\n    this._corner = option.corner\n    this._points = option.points as unknown as Vector3[]\n    this._uri = option.uri\n  }\n\n  public delete() {\n    this._mesh.remove()\n    this._mesh.removeFromParent()\n  }\n\n  // 销毁\n  public dispose() {\n    this.delete()\n    this._listeners.clear()\n  }\n\n  // 注册监听\n  public addReloadListener(callback: Function) {\n    this._listeners.add(callback)\n  }\n}\n\nexport default FillAreaBase"],"mappings":"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"}
+{"version":3,"names":["Color","ObjectLayer","FillAreaBase","_ObjectLayer","_inherits","_super","_createSuper","option","areaInstance","_this","_classCallCheck","call","sceneControl","_defineProperty","_assertThisInitialized","Set","_option","_initParams","_areaInstance","_createClass","key","get","_mesh","_uri","set","value","_this2","_listeners","forEach","cb","_alpha","newValue","material","opacity","_color","color","_corner","_close","alpha","close","corner","_points","points","uri","_delete","remove","removeFromParent","dispose","delete","clear","addReloadListener","callback","add"],"sources":["../../../../src/business/Area/FillArea/FillAreaBase.ts"],"sourcesContent":["import type { Line2, Mesh, MeshBasicMaterial, Object3D, Vector3 } from '@anov/3d-core'\nimport { Color } from '@anov/3d-core'\n\nimport _ from 'lodash'\nimport ObjectLayer from '../../Base/ObjectLayer'\nimport type { FillAreaOption } from '../type'\nimport { Area } from '..'\n\nclass FillAreaBase extends ObjectLayer {\n  public _mesh!: Mesh | Line2\n  public _alpha: number\n  public _color: string\n  public _corner: number\n  public _close: boolean\n  public _points!: Vector3[]\n  public _uri: string\n  public _option: FillAreaOption\n  public _listeners = new Set()\n\n  private _areaInstance: Object3D\n\n  constructor(option: FillAreaOption, areaInstance: any) {\n    super(areaInstance.sceneControl)\n    this._option = option\n    // 属性赋值\n    this._initParams(option)\n    this._areaInstance = areaInstance\n    // 属性赋值\n    // this.setValues(_.mergeWith({}, defaultOption, option))\n  }\n\n  public get mesh() {\n    return this._mesh\n  }\n\n  public get uri() {\n    return this._uri\n  }\n\n  public set uri(value: string) {\n    if (this._uri === value)\n      return\n    this._uri = value\n    // eslint-disable-next-line max-statements-per-line\n    this._listeners.forEach((cb: Function) => { cb.call(this._areaInstance) })\n  }\n\n  // Getter and Setter for alpha 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      (this._mesh.material as MeshBasicMaterial).opacity = newValue\n  }\n\n  // Getter and Setter for color 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      (this._mesh.material as MeshBasicMaterial).color = new Color(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  _initParams(option: FillAreaOption) {\n    this._alpha = option.alpha\n    this._color = option.color\n    this._close = option.close\n    this._corner = option.corner\n    this._points = option.points as unknown as Vector3[]\n    this._uri = option.uri\n  }\n\n  public delete() {\n    this._mesh.remove()\n    this._mesh.removeFromParent()\n  }\n\n  // 销毁\n  public dispose() {\n    this.delete()\n    this._listeners.clear()\n  }\n\n  // 注册监听\n  public addReloadListener(callback: Function) {\n    this._listeners.add(callback)\n  }\n}\n\nexport default FillAreaBase"],"mappings":"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"}

package/dist/business/Area/index.d.ts

@@ -1,3 +1,4 @@
+import type { SceneControl } from '@anov/3d-core';
 import { Group } from '@anov/3d-core';
 import ObjectLayer from '../Base/ObjectLayer';
 import type { FenceOption, FillAreaOption, Option } from './type';
@@ -18,7 +19,7 @@ declare class Area extends ObjectLayer {
     private _points;
     private _corner;
     private _close;
-    constructor(option: Option);
+    constructor(option: Option, sceneControl: SceneControl);
     get mesh(): Group<import("@anov/3d-core").Object3DEventMap>;
     get style(): string;
     get fence(): FenceOption;

package/dist/business/Area/index.js

@@ -172,10 +172,10 @@ var STYLE_DATA = {
 var Area = /*#__PURE__*/function (_ObjectLayer) {
   _inherits(Area, _ObjectLayer);
   var _super = _createSuper(Area);
-  function Area(option) {
+  function Area(option, sceneControl) {
     var _this;
     _classCallCheck(this, Area);
-    _this = _super.call(this);
+    _this = _super.call(this, sceneControl);
     _defineProperty(_assertThisInitialized(_this), "_mesh", void 0);
     _defineProperty(_assertThisInitialized(_this), "_option", void 0);
     _defineProperty(_assertThisInitialized(_this), "_fenceMesh", void 0);