@anov/3d-ability 0.0.140 → 0.0.142

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

@@ -1,125 +1,133 @@
-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 { ShaderMaterial, use } from '@anov/3d-core';
 import { createRoundedClosedWallMesh } from "../../Utils/round-curve";
 import { hexToRGBA, parseRGBA } from "../tool";
 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, areaInstance) {
-    var _this;
-    _classCallCheck(this, Fence_Base_01);
-    _this = _super.call(this, option, areaInstance);
-    _this.create();
-    return _this;
+class Fence_Base_01 extends FenceBase {
+  constructor(option, areaInstance) {
+    super(option, areaInstance);
+    this.create();
+  }
+  create() {
+    this._mesh = this.createFenceMesh(this._points, this._corner, this._close, this._height, this._color, this._alpha);
+    this._mesh && this.add(this._mesh);
   }
-  _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;
+  // 创建围栏网格对象
+  createFenceMesh(points, radius = 0, close = true, height, color, alpha) {
+    if (!points) return;
 
-      // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质
-      var material = this.createFenceMaterial(height, color, alpha);
+    // 创建围栏使用的材质，调用createFenceMaterial方法生成ShaderMaterial类型的材质
+    const material = this.createFenceMaterial(height, color, alpha);
 
-      // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质
-      var mesh = createRoundedClosedWallMesh(points, {
-        radius: radius,
-        height: height,
-        close: close
-      }, material);
-      // const mesh = createRoundLineWallMesh(
-      //   points,
-      //   {
-      //     radius,
-      //     height,
-      //     close,
-      //   },
-      //   material,
-      // )
-      use.useframe(function () {
-        // mesh.children.forEach((item, index) => {
-        //   const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms
-        //   uniforms.iTime.value += 0.01
-        // })
+    // 使用createRoundLineWallMesh函数创建围栏的网格物体，传入点数组、半径、高度、是否闭合等参数以及创建好的材质
+    const mesh = createRoundedClosedWallMesh(points, {
+      radius,
+      height,
+      close
+    }, material);
+    // const mesh = createRoundLineWallMesh(
+    //   points,
+    //   {
+    //     radius,
+    //     height,
+    //     close,
+    //   },
+    //   material,
+    // )
+    use.useframe(() => {
+      // mesh.children.forEach((item, index) => {
+      //   const uniforms = ((item as Mesh).material as ShaderMaterial).uniforms
+      //   uniforms.iTime.value += 0.01
+      // })
 
-        var uniforms = mesh.material.uniforms;
-        uniforms.iTime.value += 0.01;
-      });
-      return mesh;
-    }
+      const uniforms = mesh.material.uniforms;
+      uniforms.iTime.value += 0.01;
+    });
+    return mesh;
+  }
 
-    // 创建围栏材质
-  }, {
-    key: "createFenceMaterial",
-    value: function createFenceMaterial(height, color, alpha) {
-      var _parseRGBA = parseRGBA(hexToRGBA(color)),
-        r = _parseRGBA.r,
-        g = _parseRGBA.g,
-        b = _parseRGBA.b;
-      var colorTemp = {
-        r: Number((Number(r) / 255).toFixed(4)),
-        g: Number((Number(g) / 255).toFixed(4)),
-        b: Number((Number(b) / 255).toFixed(4))
-      };
-      // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果
-      var material = new ShaderMaterial({
-        uniforms: {
-          // 材质颜色
-          color1: {
-            value: colorTemp
-          },
-          // 材质颜色2，用于渐变
-          _alpha: {
-            value: alpha
-          },
-          _height: {
-            value: height
-          },
-          iTime: {
-            value: 0.0
-          }
+  // 创建围栏材质
+  createFenceMaterial(height, color, alpha) {
+    const {
+      r,
+      g,
+      b
+    } = parseRGBA(hexToRGBA(color));
+    const colorTemp = {
+      r: Number((Number(r) / 255).toFixed(4)),
+      g: Number((Number(g) / 255).toFixed(4)),
+      b: Number((Number(b) / 255).toFixed(4))
+    };
+    // 创建一个ShaderMaterial实例，用于自定义围栏的渲染效果
+    const material = new ShaderMaterial({
+      uniforms: {
+        // 材质颜色
+        color1: {
+          value: colorTemp
+        },
+        // 材质颜色2，用于渐变
+        _alpha: {
+          value: alpha
         },
-        // 顶点着色器
-        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 <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);  // \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          #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      ",
-        // 设置材质为透明
-        transparent: true,
-        // 设置材质双面渲染，确保从正反两面都能正确显示
-        side: 2,
-        // 关闭深度测试
-        depthTest: true,
-        depthWrite: false
-      });
-      return material;
-    }
-  }]);
-  return Fence_Base_01;
-}(FenceBase);
+        _height: {
+          value: height
+        },
+        iTime: {
+          value: 0.0
+        }
+      },
+      // 顶点着色器
+      vertexShader: `
+         #include <common>
+            #include <logdepthbuf_pars_vertex>
+            varying vec3 vNormal; // 用于传递法线方向
+            varying vec2 vUv;
+            varying vec3 vWorldPosition;
+          void main() {
+            #include <begin_vertex>
+            #include <project_vertex>
+            #include <logdepthbuf_vertex>
+            // gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+          vUv = uv;
+          vNormal = normalize(mat3(modelMatrix) * normal);  // 使用模型矩阵旋转法线
+          vec4 modelPosition = modelMatrix * vec4(position, 1.0);
+          vWorldPosition = modelPosition.xyz;
+          gl_Position = projectionMatrix * viewMatrix * modelPosition;
+          }
+      `,
+      // 片元着色器
+      fragmentShader: `
+          #include <common>
+         #include <logdepthbuf_pars_fragment>
+         varying vec3 vNormal; //
+         varying vec2 vUv;
+         varying vec3 vWorldPosition;
+        // uniform float button;
+         uniform float _height;
+         uniform float iTime;
+         uniform float _alpha;
+        uniform vec3 color1;
+       
+        void main() {
+        vec3 color2=vec3(0.,0.4235,0.749);
+        #include <logdepthbuf_fragment>
+       // float height = 50.;
+        float button = 0.;
+        vec3 myWp=(vWorldPosition-button)/_height;       
+           gl_FragColor = vec4(color1,pow(1.-clamp(myWp.y,0.,1.),2.))*_alpha     *step(button,myWp.y);
+           
+        }
+      `,
+      // 设置材质为透明
+      transparent: true,
+      // 设置材质双面渲染，确保从正反两面都能正确显示
+      side: 2,
+      // 关闭深度测试
+      depthTest: true,
+      depthWrite: false
+    });
+    return material;
+  }
+}
 export default Fence_Base_01;
 //# sourceMappingURL=fence_base_01.js.map

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","constructor","option","areaInstance","create","_mesh","createFenceMesh","_points","_corner","_close","_height","_color","_alpha","add","points","radius","close","height","color","alpha","material","createFenceMaterial","mesh","useframe","uniforms","iTime","value","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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"}