@anov/3d-ability 0.0.4-alpha7 → 0.0.4-alpha8

package/dist/{animation → scene}/grow/grow.js

@@ -5,7 +5,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { Object3D, Vector3, use } from '@anov/3d-core';
+import { Box3, Object3D, Vector3, use } from '@anov/3d-core';
 import { EEaseType, ESceneGrowType } from "./type";
 import { GrowStyleDown, GrowStyleUp } from "./growStyle";
 
@@ -17,64 +17,96 @@ export var Grow = /*#__PURE__*/function () {
     _defineProperty(this, "option", void 0);
     _defineProperty(this, "growStyle", void 0);
     this.objs = [];
-    this.option = {
-      tag: '*',
-      // 可选,进场对象Tag, 默认 "*" 所有可见MESH对象,
-      type: ESceneGrowType.Up,
-      // 可选,进场动画类型,默认 ESceneGrowType.Up向上生长
-      time: 0.5,
-      // 可选,单对象进场时间,默认0.5秒
-      gapTime: 0.2,
-      // 可选,多个对象之间间隔事件,默认0.2秒
-      ease: EEaseType.SineInOut,
-      // 可选,默认缓入缓出
-      center: new Vector3(0, 0, 0),
-      // 可选,生长中心位置,默认[0,0,0]
-      scale: 1,
-      // 可选，倍速，默认为1。
-      distance: 1000,
-      // 可选,初始化UP/DOWN起始距离，默认1000
-      isRotate: true,
-      // 可选,初始化UP/DOWN起始旋转角度，默认true
-      isScale: true // 可选,初始化UP/DOWN起始缩放大小，默认true
-    };
-
-    Object.assign(this.option, opt || {});
-    this.growStyle = new GrowStyleUp(this.objs, this.option);
-    this._init();
+    this.option = {};
+    // @ts-ignore
+    this.growStyle = null;
+    this.init(opt || {});
   }
 
   // 生长
   _createClass(Grow, [{
     key: "in",
-    value: function _in() {
+    value: function _in(callback) {
+      var _this = this;
+      // 入场事件
+      this.option.onGrowInStart && this.option.onGrowInStart();
+      this.growStyle.getTimeLine().eventCallback('onComplete', function () {
+        _this.option.onGrowInCompleted && _this.option.onGrowInCompleted();
+        callback && callback();
+      });
       this.growStyle.in();
     }
 
     // 消退
   }, {
     key: "out",
-    value: function out() {
+    value: function out(callback) {
+      var _this2 = this;
+      // 出场事件
+      this.option.onGrowOutStart && this.option.onGrowOutStart();
+      this.growStyle.getTimeLine().eventCallback('onReverseComplete', function () {
+        _this2.option.onGrowOutCompleted && _this2.option.onGrowOutCompleted();
+        callback && callback();
+      });
       this.growStyle.out();
     }
 
     // 初始化
   }, {
-    key: "_init",
-    value: function _init() {
-      var _this = this;
+    key: "init",
+    value: function init(opt) {
+      var _this3 = this;
+      this.option = {
+        tag: '*',
+        // 可选,进场对象Tag, 默认 "*" 所有可见MESH对象,
+        type: ESceneGrowType.Up,
+        // 可选,进场动画类型,默认 ESceneGrowType.Up向上生长
+        time: 0.5,
+        // 可选,单对象进场时间,默认0.5秒
+        gapTime: 0.2,
+        // 可选,多个对象之间间隔事件,默认0.2秒
+        ease: EEaseType.SineInOut,
+        // 可选,默认缓入缓出
+        center: null,
+        // 可选,生长中心位置,默认包围盒中心点
+        scale: 1,
+        // 可选，倍速，默认为1。
+        distance: 1000,
+        // 可选,初始化UP/DOWN起始距离，默认1000
+        isRotate: true,
+        // 可选,初始化UP/DOWN起始旋转角度，默认true
+        isScale: true // 可选,初始化UP/DOWN起始缩放大小，默认true
+      };
+
+      Object.assign(this.option, opt);
       // ------- 1.初始化目标对象 --------
+      this.objs.length = 0;
       // 获取所有对象
       if (this.option.tag === '*') {
         use.useScene().scene.traverseVisible(function (object) {
-          if (object instanceof Object3D) _this.objs.push(object);
+          if (object instanceof Object3D) _this3.objs.push(object);
         });
       } else {
         // 获取指定tag对象
         use.useScene().scene.traverseVisible(function (object) {
-          if (object instanceof Object3D && object.userData.tag && Array.isArray(object.userData.tag) && object.userData.tag.includes(_this.option.tag)) _this.objs.push(object);
+          if (object instanceof Object3D && object.userData.tag && Array.isArray(object.userData.tag) && object.userData.tag.includes(_this3.option.tag)) _this3.objs.push(object);
         });
       }
+
+      // ------- 2.中心点 ------------
+      if (!this.option.center) {
+        var boundingBox = new Box3();
+
+        // 将每个物体的边界框扩展到包围盒中
+        for (var i = 0; i < this.objs.length; i++) {
+          var object = this.objs[i];
+          boundingBox.expandByObject(object);
+        }
+        // 计算包围盒的中心点
+        var center = new Vector3();
+        this.option.center = boundingBox.getCenter(center);
+      }
+
       // ------- 2.初始化目标对象 生长前状态 --------
       switch (this.option.type) {
         case ESceneGrowType.Up:
@@ -88,6 +120,7 @@ export var Grow = /*#__PURE__*/function () {
           break;
       }
       this.growStyle.init();
+      this.option.onGrowInitCompleted && this.option.onGrowInitCompleted();
     }
   }]);
   return Grow;

package/dist/scene/grow/grow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Box3","Object3D","Vector3","use","EEaseType","ESceneGrowType","GrowStyleDown","GrowStyleUp","Grow","opt","objs","option","growStyle","init","callback","onGrowInStart","getTimeLine","eventCallback","onGrowInCompleted","in","onGrowOutStart","onGrowOutCompleted","out","tag","type","Up","time","gapTime","ease","SineInOut","center","scale","distance","isRotate","isScale","Object","assign","length","useScene","scene","traverseVisible","object","push","userData","Array","isArray","includes","boundingBox","i","expandByObject","getCenter","Down","onGrowInitCompleted"],"sources":["../../../src/scene/grow/grow.ts"],"sourcesContent":["import { Box3, Object3D, Vector3, gsap, use } from '@anov/3d-core'\nimport type { GrowOption, IGrowStyle } from './type'\nimport { EEaseType, ESceneGrowType } from './type'\nimport { GrowStyleDown, GrowStyleUp } from './growStyle'\n\n// 生长动画对象\nexport class Grow {\n  private objs: Array<Object3D>\n  private option: GrowOption\n  private growStyle: IGrowStyle\n\n  constructor(opt?: GrowOption) {\n    this.objs = []\n    this.option = {}\n    // @ts-ignore\n    this.growStyle = null\n    this.init(opt || {})\n  }\n\n  // 生长\n  in(callback: () => void) {\n    // 入场事件\n    this.option.onGrowInStart && this.option.onGrowInStart()\n\n    this.growStyle.getTimeLine().eventCallback('onComplete', () => {\n      this.option.onGrowInCompleted && this.option.onGrowInCompleted()\n      callback && callback()\n    })\n\n    this.growStyle.in()\n  }\n\n  // 消退\n  out(callback: () => void) {\n    // 出场事件\n    this.option.onGrowOutStart && this.option.onGrowOutStart()\n\n    this.growStyle.getTimeLine().eventCallback('onReverseComplete', () => {\n      this.option.onGrowOutCompleted && this.option.onGrowOutCompleted()\n\n      callback && callback()\n    })\n\n    this.growStyle.out()\n  }\n\n  // 初始化\n  init(opt: GrowOption) {\n    this.option = {\n      tag: '*', // 可选,进场对象Tag, 默认 \"*\" 所有可见MESH对象,\n      type: ESceneGrowType.Up, // 可选,进场动画类型,默认 ESceneGrowType.Up向上生长\n      time: 0.5, // 可选,单对象进场时间,默认0.5秒\n      gapTime: 0.2, // 可选,多个对象之间间隔事件,默认0.2秒\n      ease: EEaseType.SineInOut, // 可选,默认缓入缓出\n      center: null, // 可选,生长中心位置,默认包围盒中心点\n      scale: 1, // 可选，倍速，默认为1。\n      distance: 1000, // 可选,初始化UP/DOWN起始距离，默认1000\n      isRotate: true, // 可选,初始化UP/DOWN起始旋转角度，默认true\n      isScale: true, // 可选,初始化UP/DOWN起始缩放大小，默认true\n    }\n    Object.assign(this.option, opt)\n    // ------- 1.初始化目标对象 --------\n    this.objs.length = 0\n    // 获取所有对象\n    if (this.option.tag === '*') {\n      use.useScene().scene!.traverseVisible((object) => {\n        if (object instanceof Object3D)\n          this.objs.push(object)\n      })\n    }\n    else { // 获取指定tag对象\n      use.useScene().scene!.traverseVisible((object) => {\n        if (object instanceof Object3D && object.userData.tag && Array.isArray(object.userData.tag) && object.userData.tag.includes(this.option.tag))\n          this.objs.push(object)\n      })\n    }\n\n    // ------- 2.中心点 ------------\n    if (!this.option.center) {\n      const boundingBox = new Box3()\n\n      // 将每个物体的边界框扩展到包围盒中\n      for (let i = 0; i < this.objs.length; i++) {\n        const object = this.objs[i]\n        boundingBox.expandByObject(object)\n      }\n      // 计算包围盒的中心点\n      const center = new Vector3()\n      this.option.center = boundingBox.getCenter(center)\n    }\n\n    // ------- 2.初始化目标对象 生长前状态 --------\n    switch (this.option.type) {\n      case ESceneGrowType.Up:\n        this.growStyle = new GrowStyleUp(this.objs, this.option)\n        break\n      case ESceneGrowType.Down:\n        this.growStyle = new GrowStyleDown(this.objs, this.option)\n        break\n      default:\n        this.growStyle = new GrowStyleUp(this.objs, this.option)\n        break\n    }\n    this.growStyle.init()\n    this.option.onGrowInitCompleted && this.option.onGrowInitCompleted()\n  }\n}\n"],"mappings":"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"}

package/dist/scene/grow/growStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GrowStyleDown","GrowStyleUp"],"sources":["../../../src/scene/grow/growStyle.ts"],"sourcesContent":["export { GrowStyleDown } from './style_down'\nexport { GrowStyleUp } from './style_up'\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,WAAW"}

package/dist/scene/grow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Grow"],"sources":["../../../src/scene/grow/index.ts"],"sourcesContent":["export * from './type'\nexport { Grow } from './grow'\n"],"mappings":"AAAA;AACA,SAASA,IAAI"}

package/dist/{animation → scene}/grow/style_down.d.ts

@@ -3,9 +3,11 @@ import type { GrowOption, IGrowStyle } from './type';
 export declare class GrowStyleDown implements IGrowStyle {
     private _objs;
     private _opt;
+    private _tl;
     private maxDistance;
     constructor(objs: Array<Object3D>, opt: GrowOption);
     init(): void;
     in(): void;
     out(): void;
+    getTimeLine(): gsap.core.Timeline;
 }

package/dist/{animation → scene}/grow/style_down.js

@@ -6,20 +6,17 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { MathUtils, Vector3, gsap } from '@anov/3d-core';
-//  私有变量reverse无效， 可能是GASP内部机制造成，还未解决！。
-var tl;
 // 向下掉落
 export var GrowStyleDown = /*#__PURE__*/function () {
-  // private _tl:gsap.core.Timeline
-
   function GrowStyleDown(objs, opt) {
     _classCallCheck(this, GrowStyleDown);
     _defineProperty(this, "_objs", void 0);
     _defineProperty(this, "_opt", void 0);
+    _defineProperty(this, "_tl", void 0);
     _defineProperty(this, "maxDistance", void 0);
     this._objs = objs;
     this._opt = opt;
-    // this._tl = gsap.timeline();
+    this._tl = null; // gsap.timeline()
     this.maxDistance = 0;
   }
 
@@ -28,16 +25,20 @@ export var GrowStyleDown = /*#__PURE__*/function () {
     key: "init",
     value: function init() {
       var _this = this;
+      this._tl = gsap.timeline();
       var max = this._opt.gapTime + this._opt.time;
+      // 统一为Vector3
+      if (Array.isArray(this._opt.center)) this._opt.center = new Vector3().fromArray(this._opt.center);
+      // 找到对象最远距离
       this._objs.map(function (obj) {
-        // 统一为Vector3
-        if (Array.isArray(_this._opt.center)) _this._opt.center = new Vector3().fromArray(_this._opt.center);
-        // 找到对象最远距离
         var distance = Math.abs(obj.position.distanceTo(_this._opt.center));
+        obj.userData.growDistance = distance;
+        obj.userData.growY = obj.position.y;
         if (distance > _this.maxDistance) _this.maxDistance = distance;
-
+      });
+      this._objs.map(function (obj) {
         // 计算排序延迟
-        obj.userData.growDelay = MathUtils.lerp(0, max, distance / _this.maxDistance);
+        obj.userData.growDelay = MathUtils.lerp(0, max, obj.userData.growDistance / _this.maxDistance);
         // 距离
         obj.position.y += _this._opt.distance;
         // 旋转
@@ -45,31 +46,26 @@ export var GrowStyleDown = /*#__PURE__*/function () {
         // 缩放
         _this._opt.isScale && obj.scale.set(obj.scale.x * 0.1, obj.scale.y * 0.1, obj.scale.z * 0.1);
       });
-      this._opt.onGrowInit && this._opt.onGrowInit();
     }
   }, {
     key: "in",
     value: function _in() {
       var _this2 = this;
-      this._opt.onGrowInStart && this._opt.onGrowInStart();
-      tl = gsap.timeline({
-        onComplete: this._opt.onGrowInCompleted,
-        onReverseComplete: this._opt.onGrowOutCompleted
-      });
+      this._tl.clear();
       this._objs.map(function (obj) {
-        tl.add(gsap.to(obj.position, {
+        _this2._tl.add(gsap.to(obj.position, {
           y: obj.position.y - _this2._opt.distance,
           duration: _this2._opt.time,
           ease: _this2._opt.ease,
           delay: obj.userData.growDelay
         }), 0);
-        if (_this2._opt.isRotate) tl.add(gsap.to(obj.rotation, {
+        if (_this2._opt.isRotate) _this2._tl.add(gsap.to(obj.rotation, {
           y: 0,
           duration: _this2._opt.time,
           ease: _this2._opt.ease,
           delay: obj.userData.growDelay
         }), 0);
-        if (_this2._opt.isScale) tl.add(gsap.to(obj.scale, {
+        if (_this2._opt.isScale) _this2._tl.add(gsap.to(obj.scale, {
           x: 1,
           y: 1,
           z: 1,
@@ -78,12 +74,17 @@ export var GrowStyleDown = /*#__PURE__*/function () {
           delay: obj.userData.growDelay
         }), 0);
       });
+      this._tl.play(0, false);
     }
   }, {
     key: "out",
     value: function out() {
-      this._opt.onGrowOutStart && this._opt.onGrowOutStart();
-      tl.timeScale(this._opt.scale).reverse();
+      this._tl.timeScale(this._opt.scale).reverse();
+    }
+  }, {
+    key: "getTimeLine",
+    value: function getTimeLine() {
+      return this._tl;
     }
   }]);
   return GrowStyleDown;

package/dist/scene/grow/style_down.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MathUtils","Vector3","gsap","GrowStyleDown","objs","opt","_objs","_opt","_tl","maxDistance","timeline","max","gapTime","time","Array","isArray","center","fromArray","map","obj","distance","Math","abs","position","distanceTo","userData","growDistance","growY","y","growDelay","lerp","isRotate","rotateY","degToRad","isScale","scale","set","x","z","clear","add","to","duration","ease","delay","rotation","play","timeScale","reverse"],"sources":["../../../src/scene/grow/style_down.ts"],"sourcesContent":["import type { Object3D } from '@anov/3d-core'\nimport { MathUtils, Vector3, gsap, use } from '@anov/3d-core'\nimport type { GrowOption, IGrowStyle } from './type'\n\n// 向下掉落\nexport class GrowStyleDown implements IGrowStyle {\n  private _objs: Array<Object3D>\n  private _opt: GrowOption\n  private _tl: gsap.core.Timeline\n  private maxDistance: number\n\n  constructor(objs: Array<Object3D>, opt: GrowOption) {\n    this._objs = objs\n    this._opt = opt\n    this._tl = null// gsap.timeline()\n    this.maxDistance = 0\n  }\n\n  // 对象初始化\n  init(): void {\n    this._tl = gsap.timeline()\n\n    const max = this._opt.gapTime + this._opt.time\n    // 统一为Vector3\n    if (Array.isArray(this._opt.center))\n      this._opt.center = new Vector3().fromArray(this._opt.center as number[])\n    // 找到对象最远距离\n    this._objs.map((obj) => {\n      const distance = Math.abs(obj.position.distanceTo(this._opt.center as Vector3))\n      obj.userData.growDistance = distance\n      obj.userData.growY = obj.position.y\n      if (distance > this.maxDistance)\n        this.maxDistance = distance\n    })\n\n    this._objs.map((obj) => {\n      // 计算排序延迟\n      obj.userData.growDelay = MathUtils.lerp(0, max, obj.userData.growDistance / this.maxDistance)\n      // 距离\n      obj.position.y += this._opt.distance\n      // 旋转\n      this._opt.isRotate && obj.rotateY(MathUtils.degToRad(270))\n      // 缩放\n      this._opt.isScale && obj.scale.set(obj.scale.x * 0.1, obj.scale.y * 0.1, obj.scale.z * 0.1)\n    })\n  }\n\n  in(): void {\n    this._tl.clear()\n\n    this._objs.map((obj) => {\n      this._tl.add(gsap.to(obj.position, { y: obj.position.y - this._opt.distance, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      if (this._opt.isRotate)\n        this._tl.add(gsap.to(obj.rotation, { y: 0, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      if (this._opt.isScale)\n        this._tl.add(gsap.to(obj.scale, { x: 1, y: 1, z: 1, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n    })\n    this._tl.play(0, false)\n  }\n\n  out(): void {\n    this._tl.timeScale(this._opt.scale).reverse()\n  }\n\n  getTimeLine(): gsap.core.Timeline {\n    return this._tl\n  }\n}"],"mappings":"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"}

package/dist/{animation → scene}/grow/style_up.d.ts

@@ -3,9 +3,11 @@ import type { GrowOption, IGrowStyle } from './type';
 export declare class GrowStyleUp implements IGrowStyle {
     private _objs;
     private _opt;
+    private _tl;
     private maxDistance;
     constructor(objs: Array<Object3D>, opt: GrowOption);
     init(): void;
     in(): void;
     out(): void;
+    getTimeLine(): gsap.core.Timeline;
 }

package/dist/{animation → scene}/grow/style_up.js

@@ -6,20 +6,17 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { MathUtils, Vector3, gsap } from '@anov/3d-core';
-//  私有变量reverse无效， 可能是GASP内部机制造成，还未解决！。
-var tl;
 // 向上生长
 export var GrowStyleUp = /*#__PURE__*/function () {
-  // private _tl:gsap.core.Timeline
-
   function GrowStyleUp(objs, opt) {
     _classCallCheck(this, GrowStyleUp);
     _defineProperty(this, "_objs", void 0);
     _defineProperty(this, "_opt", void 0);
+    _defineProperty(this, "_tl", void 0);
     _defineProperty(this, "maxDistance", void 0);
     this._objs = objs;
     this._opt = opt;
-    // this._tl = gsap.timeline();
+    this._tl = null; // gsap.timeline()
     this.maxDistance = 0;
   }
 
@@ -28,16 +25,20 @@ export var GrowStyleUp = /*#__PURE__*/function () {
     key: "init",
     value: function init() {
       var _this = this;
+      this._tl = gsap.timeline();
       var max = this._opt.gapTime + this._opt.time;
+      // 统一为Vector3
+      if (Array.isArray(this._opt.center)) this._opt.center = new Vector3().fromArray(this._opt.center);
+      // 找到对象最远距离
       this._objs.map(function (obj) {
-        // 统一为Vector3
-        if (Array.isArray(_this._opt.center)) _this._opt.center = new Vector3().fromArray(_this._opt.center);
-        // 找到对象最远距离
         var distance = Math.abs(obj.position.distanceTo(_this._opt.center));
+        obj.userData.growDistance = distance;
+        obj.userData.growY = obj.position.y;
         if (distance > _this.maxDistance) _this.maxDistance = distance;
-
+      });
+      this._objs.map(function (obj) {
         // 计算排序延迟
-        obj.userData.growDelay = MathUtils.lerp(0, max, distance / _this.maxDistance);
+        obj.userData.growDelay = MathUtils.lerp(0, max, obj.userData.growDistance / _this.maxDistance);
         // 距离
         obj.position.y -= _this._opt.distance;
         // 旋转
@@ -45,34 +46,30 @@ export var GrowStyleUp = /*#__PURE__*/function () {
         // 缩放
         _this._opt.isScale && obj.scale.set(obj.scale.x * 0.1, obj.scale.y * 0.1, obj.scale.z * 0.1);
       });
-      this._opt.onGrowInit && this._opt.onGrowInit();
     }
   }, {
     key: "in",
     value: function _in() {
       var _this2 = this;
-      this._opt.onGrowInStart && this._opt.onGrowInStart();
-      tl = gsap.timeline({
-        onComplete: this._opt.onGrowInCompleted,
-        onReverseComplete: this._opt.onGrowOutCompleted
-      });
+      this._tl.clear();
+      // this._tl = gsap.timeline({ onComplete: this._opt.onGrowInCompleted, onReverseComplete: this._opt.onGrowOutCompleted })
       this._objs.map(function (obj) {
-        // 距离
-        tl.add(gsap.to(obj.position, {
+        // 距离1
+        _this2._tl.add(gsap.to(obj.position, {
           y: obj.position.y + _this2._opt.distance,
           duration: _this2._opt.time,
           ease: _this2._opt.ease,
           delay: obj.userData.growDelay
         }), 0);
         // 旋转
-        if (_this2._opt.isRotate) tl.add(gsap.to(obj.rotation, {
+        if (_this2._opt.isRotate) _this2._tl.add(gsap.to(obj.rotation, {
           y: 0,
           duration: _this2._opt.time,
           ease: _this2._opt.ease,
           delay: obj.userData.growDelay
         }), 0);
         // 缩放
-        if (_this2._opt.isScale) tl.add(gsap.to(obj.scale, {
+        if (_this2._opt.isScale) _this2._tl.add(gsap.to(obj.scale, {
           x: 1,
           y: 1,
           z: 1,
@@ -81,12 +78,17 @@ export var GrowStyleUp = /*#__PURE__*/function () {
           delay: obj.userData.growDelay
         }), 0);
       });
+      this._tl.play(0, false);
     }
   }, {
     key: "out",
     value: function out() {
-      this._opt.onGrowOutStart && this._opt.onGrowOutStart();
-      tl.timeScale(this._opt.scale).reverse();
+      this._tl.timeScale(this._opt.scale).reverse();
+    }
+  }, {
+    key: "getTimeLine",
+    value: function getTimeLine() {
+      return this._tl;
     }
   }]);
   return GrowStyleUp;

package/dist/scene/grow/style_up.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MathUtils","Vector3","gsap","GrowStyleUp","objs","opt","_objs","_opt","_tl","maxDistance","timeline","max","gapTime","time","Array","isArray","center","fromArray","map","obj","distance","Math","abs","position","distanceTo","userData","growDistance","growY","y","growDelay","lerp","isRotate","rotateY","degToRad","isScale","scale","set","x","z","clear","add","to","duration","ease","delay","rotation","play","timeScale","reverse"],"sources":["../../../src/scene/grow/style_up.ts"],"sourcesContent":["import type { Object3D } from '@anov/3d-core'\nimport { MathUtils, Vector3, gsap, use } from '@anov/3d-core'\nimport type { GrowOption, IGrowStyle } from './type'\n\n// 向上生长\nexport class GrowStyleUp implements IGrowStyle {\n  private _objs: Array<Object3D>\n  private _opt: GrowOption\n  private _tl: gsap.core.Timeline\n  private maxDistance: number\n\n  constructor(objs: Array<Object3D>, opt: GrowOption) {\n    this._objs = objs\n    this._opt = opt\n    this._tl = null // gsap.timeline()\n    this.maxDistance = 0\n  }\n\n  // 对象初始化\n  init(): void {\n    this._tl = gsap.timeline()\n\n    const max = this._opt.gapTime + this._opt.time\n    // 统一为Vector3\n    if (Array.isArray(this._opt.center))\n      this._opt.center = new Vector3().fromArray(this._opt.center as number[])\n    // 找到对象最远距离\n    this._objs.map((obj) => {\n      const distance = Math.abs(obj.position.distanceTo(this._opt.center as Vector3))\n      obj.userData.growDistance = distance\n      obj.userData.growY = obj.position.y\n      if (distance > this.maxDistance)\n        this.maxDistance = distance\n    })\n\n    this._objs.map((obj) => {\n      // 计算排序延迟\n      obj.userData.growDelay = MathUtils.lerp(0, max, obj.userData.growDistance / this.maxDistance)\n      // 距离\n      obj.position.y -= this._opt.distance\n      // 旋转\n      this._opt.isRotate && obj.rotateY(MathUtils.degToRad(270))\n      // 缩放\n      this._opt.isScale && obj.scale.set(obj.scale.x * 0.1, obj.scale.y * 0.1, obj.scale.z * 0.1)\n    })\n  }\n\n  in(): void {\n    this._tl.clear()\n    // this._tl = gsap.timeline({ onComplete: this._opt.onGrowInCompleted, onReverseComplete: this._opt.onGrowOutCompleted })\n    this._objs.map((obj) => {\n      // 距离1\n      this._tl.add(gsap.to(obj.position, { y: obj.position.y + this._opt.distance, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      // 旋转\n      if (this._opt.isRotate)\n        this._tl.add(gsap.to(obj.rotation, { y: 0, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      // 缩放\n      if (this._opt.isScale)\n        this._tl.add(gsap.to(obj.scale, { x: 1, y: 1, z: 1, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n    })\n    this._tl.play(0, false)\n  }\n\n  out(): void {\n    this._tl.timeScale(this._opt.scale).reverse()\n  }\n\n  getTimeLine(): gsap.core.Timeline {\n    return this._tl\n  }\n}"],"mappings":";;;;;;;AACA,SAASA,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAa,eAAe;AAG7D;AACA,WAAaC,WAAW;EAMtB,qBAAYC,IAAqB,EAAEC,GAAe,EAAE;IAAA;IAAA;IAAA;IAAA;IAAA;IAClD,IAAI,CAACC,KAAK,GAAGF,IAAI;IACjB,IAAI,CAACG,IAAI,GAAGF,GAAG;IACf,IAAI,CAACG,GAAG,GAAG,IAAI,EAAC;IAChB,IAAI,CAACC,WAAW,GAAG,CAAC;EACtB;;EAEA;EAAA;IAAA;IAAA,OACA,gBAAa;MAAA;MACX,IAAI,CAACD,GAAG,GAAGN,IAAI,CAACQ,QAAQ,EAAE;MAE1B,IAAMC,GAAG,GAAG,IAAI,CAACJ,IAAI,CAACK,OAAO,GAAG,IAAI,CAACL,IAAI,CAACM,IAAI;MAC9C;MACA,IAAIC,KAAK,CAACC,OAAO,CAAC,IAAI,CAACR,IAAI,CAACS,MAAM,CAAC,EACjC,IAAI,CAACT,IAAI,CAACS,MAAM,GAAG,IAAIf,OAAO,EAAE,CAACgB,SAAS,CAAC,IAAI,CAACV,IAAI,CAACS,MAAM,CAAa;MAC1E;MACA,IAAI,CAACV,KAAK,CAACY,GAAG,CAAC,UAACC,GAAG,EAAK;QACtB,IAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACH,GAAG,CAACI,QAAQ,CAACC,UAAU,CAAC,KAAI,CAACjB,IAAI,CAACS,MAAM,CAAY,CAAC;QAC/EG,GAAG,CAACM,QAAQ,CAACC,YAAY,GAAGN,QAAQ;QACpCD,GAAG,CAACM,QAAQ,CAACE,KAAK,GAAGR,GAAG,CAACI,QAAQ,CAACK,CAAC;QACnC,IAAIR,QAAQ,GAAG,KAAI,CAACX,WAAW,EAC7B,KAAI,CAACA,WAAW,GAAGW,QAAQ;MAC/B,CAAC,CAAC;MAEF,IAAI,CAACd,KAAK,CAACY,GAAG,CAAC,UAACC,GAAG,EAAK;QACtB;QACAA,GAAG,CAACM,QAAQ,CAACI,SAAS,GAAG7B,SAAS,CAAC8B,IAAI,CAAC,CAAC,EAAEnB,GAAG,EAAEQ,GAAG,CAACM,QAAQ,CAACC,YAAY,GAAG,KAAI,CAACjB,WAAW,CAAC;QAC7F;QACAU,GAAG,CAACI,QAAQ,CAACK,CAAC,IAAI,KAAI,CAACrB,IAAI,CAACa,QAAQ;QACpC;QACA,KAAI,CAACb,IAAI,CAACwB,QAAQ,IAAIZ,GAAG,CAACa,OAAO,CAAChC,SAAS,CAACiC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1D;QACA,KAAI,CAAC1B,IAAI,CAAC2B,OAAO,IAAIf,GAAG,CAACgB,KAAK,CAACC,GAAG,CAACjB,GAAG,CAACgB,KAAK,CAACE,CAAC,GAAG,GAAG,EAAElB,GAAG,CAACgB,KAAK,CAACP,CAAC,GAAG,GAAG,EAAET,GAAG,CAACgB,KAAK,CAACG,CAAC,GAAG,GAAG,CAAC;MAC7F,CAAC,CAAC;IACJ;EAAC;IAAA;IAAA,OAED,eAAW;MAAA;MACT,IAAI,CAAC9B,GAAG,CAAC+B,KAAK,EAAE;MAChB;MACA,IAAI,CAACjC,KAAK,CAACY,GAAG,CAAC,UAACC,GAAG,EAAK;QACtB;QACA,MAAI,CAACX,GAAG,CAACgC,GAAG,CAACtC,IAAI,CAACuC,EAAE,CAACtB,GAAG,CAACI,QAAQ,EAAE;UAAEK,CAAC,EAAET,GAAG,CAACI,QAAQ,CAACK,CAAC,GAAG,MAAI,CAACrB,IAAI,CAACa,QAAQ;UAAEsB,QAAQ,EAAE,MAAI,CAACnC,IAAI,CAACM,IAAI;UAAE8B,IAAI,EAAE,MAAI,CAACpC,IAAI,CAACoC,IAAI;UAAEC,KAAK,EAAEzB,GAAG,CAACM,QAAQ,CAACI;QAAU,CAAC,CAAC,EAAE,CAAC,CAAC;QACjK;QACA,IAAI,MAAI,CAACtB,IAAI,CAACwB,QAAQ,EACpB,MAAI,CAACvB,GAAG,CAACgC,GAAG,CAACtC,IAAI,CAACuC,EAAE,CAACtB,GAAG,CAAC0B,QAAQ,EAAE;UAAEjB,CAAC,EAAE,CAAC;UAAEc,QAAQ,EAAE,MAAI,CAACnC,IAAI,CAACM,IAAI;UAAE8B,IAAI,EAAE,MAAI,CAACpC,IAAI,CAACoC,IAAI;UAAEC,KAAK,EAAEzB,GAAG,CAACM,QAAQ,CAACI;QAAU,CAAC,CAAC,EAAE,CAAC,CAAC;QACjI;QACA,IAAI,MAAI,CAACtB,IAAI,CAAC2B,OAAO,EACnB,MAAI,CAAC1B,GAAG,CAACgC,GAAG,CAACtC,IAAI,CAACuC,EAAE,CAACtB,GAAG,CAACgB,KAAK,EAAE;UAAEE,CAAC,EAAE,CAAC;UAAET,CAAC,EAAE,CAAC;UAAEU,CAAC,EAAE,CAAC;UAAEI,QAAQ,EAAE,MAAI,CAACnC,IAAI,CAACM,IAAI;UAAE8B,IAAI,EAAE,MAAI,CAACpC,IAAI,CAACoC,IAAI;UAAEC,KAAK,EAAEzB,GAAG,CAACM,QAAQ,CAACI;QAAU,CAAC,CAAC,EAAE,CAAC,CAAC;MAC5I,CAAC,CAAC;MACF,IAAI,CAACrB,GAAG,CAACsC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC;IACzB;EAAC;IAAA;IAAA,OAED,eAAY;MACV,IAAI,CAACtC,GAAG,CAACuC,SAAS,CAAC,IAAI,CAACxC,IAAI,CAAC4B,KAAK,CAAC,CAACa,OAAO,EAAE;IAC/C;EAAC;IAAA;IAAA,OAED,uBAAkC;MAChC,OAAO,IAAI,CAACxC,GAAG;IACjB;EAAC;EAAA;AAAA"}

package/dist/{animation → scene}/grow/type.d.ts

@@ -3,19 +3,20 @@ export interface IGrowStyle {
     init(): void;
     in(): void;
     out(): void;
+    getTimeLine(): gsap.core.Timeline;
 }
 export interface GrowOption {
-    tag: string;
-    type: ESceneGrowType;
-    time: number;
-    gapTime: number;
-    ease: string;
-    center: Vector3 | Array<number>;
-    scale: number;
-    distance: number;
-    isRotate: boolean;
-    isScale: boolean;
-    onGrowInit?(): void;
+    tag?: string;
+    type?: ESceneGrowType;
+    time?: number;
+    gapTime?: number;
+    ease?: string;
+    center?: Vector3 | Array<number> | null;
+    scale?: number;
+    distance?: number;
+    isRotate?: boolean;
+    isScale?: boolean;
+    onGrowInitCompleted?(): void;
     onGrowInStart?(): void;
     onGrowInCompleted?(): void;
     onGrowOutStart?(): void;

package/dist/scene/grow/type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ESceneGrowType","EEaseType","Linear","SineIn","SineOut","SineInOut","BackIn","BackOut","BackInOut","BounceIn","BounceOut","BounceInOut","ExpoIn","ExpoOut","ExpoInOut","ElasticIn","ElasticOut","ElasticInOut"],"sources":["../../../src/scene/grow/type.ts"],"sourcesContent":["import type { Vector3, gsap } from '@anov/3d-core'\n\nexport interface IGrowStyle {\n  init(): void\n  in(): void\n  out(): void\n  getTimeLine(): gsap.core.Timeline\n}\n\nexport interface GrowOption {\n  tag?: string // 可选,进场对象Tag, 默认 \"*\" 所有对象,\n  type?: ESceneGrowType // 可选,进场动画类型,默认 ESceneGrowType.Up向上生长\n  time?: number // 可选,单对象进场时间,默认0.5秒\n  gapTime?: number // 可选,多个对象之间间隔事件,默认0.2秒\n  ease?: string // 可选,默认缓入缓出\n  center?: Vector3 | Array<number> | null // 可选,生长中心位置,默认[0,0,0]\n  scale?: number // 可选,出场倍数,是进场时间的几倍,默认为1, 注意：进场无效。\n  distance?: number // 可选,初始化UP/DOWN起始距离，默认1000\n  isRotate?: boolean // 可选,初始化UP/DOWN起始旋转角度，默认270\n  isScale?: boolean // 可选,初始化UP/DOWN起始缩放大小，默认0.1\n  onGrowInitCompleted?(): void // 可选,初始化\n  onGrowInStart?(): void // 可选,生长开始回调\n  onGrowInCompleted?(): void // 可选,生长完成回调\n  onGrowOutStart?(): void // 可选,消失开始回调\n  onGrowOutCompleted?(): void // 可选,消失完成回调\n}\n\n// 生长动画类型\nexport enum ESceneGrowType {\n  Up,\n  Down,\n}\n\n// 动画ease类型\nexport const EEaseType = {\n  Linear: 'none', // 均速\n  SineIn: 'sine.in', // 缓入\n  SineOut: 'sine.out', // 缓出\n  SineInOut: 'sine.inOut', // 缓入缓出\n  BackIn: 'back.in(1.7)', // 回退入\n  BackOut: 'back.out(1.7)', // 回退出\n  BackInOut: 'back.inOut(1.7)', // 回退入回退出\n  BounceIn: 'bounce.in', // 硬弹跳入,步伐越来越大,类似三级跳远,\n  BounceOut: 'bounce.out', // 硬弹跳出,步伐越来越小,类似乒乓球掉落到停止\n  BounceInOut: 'bounce.inOut', // 弹跳入弹跳出\n  ExpoIn: 'expo.in', // 缓入, 类似SineIn * 4倍效果\n  ExpoOut: 'expo.out', // 缓出, 类似SineOut * 4倍效果\n  ExpoInOut: 'expo.inOut', // 缓入缓出, 类似SineInOut * 4倍效果\n  ElasticIn: 'elastic.in(1,0.3)', // 弹入,软回弹,类似橡胶\n  ElasticOut: 'elastic.out(1,0.3)', // 弹出,软回弹,类似橡胶\n  ElasticInOut: 'elastic.inOut(1,0.3)', // 弹入弹出,软回弹,类似橡胶\n}"],"mappings":"AA2BA;AACA,WAAYA,cAAc;;AAK1B;AAAA,WALYA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;AAAA,GAAdA,cAAc,KAAdA,cAAc;AAM1B,OAAO,IAAMC,SAAS,GAAG;EACvBC,MAAM,EAAE,MAAM;EAAE;EAChBC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,UAAU;EAAE;EACrBC,SAAS,EAAE,YAAY;EAAE;EACzBC,MAAM,EAAE,cAAc;EAAE;EACxBC,OAAO,EAAE,eAAe;EAAE;EAC1BC,SAAS,EAAE,iBAAiB;EAAE;EAC9BC,QAAQ,EAAE,WAAW;EAAE;EACvBC,SAAS,EAAE,YAAY;EAAE;EACzBC,WAAW,EAAE,cAAc;EAAE;EAC7BC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,UAAU;EAAE;EACrBC,SAAS,EAAE,YAAY;EAAE;EACzBC,SAAS,EAAE,mBAAmB;EAAE;EAChCC,UAAU,EAAE,oBAAoB;EAAE;EAClCC,YAAY,EAAE,sBAAsB,CAAE;AACxC,CAAC"}

package/dist/scene/index.d.ts

@@ -0,0 +1 @@
+export * from './grow';

package/dist/scene/index.js

@@ -0,0 +1,2 @@
+export * from "./grow";
+//# sourceMappingURL=index.js.map

package/dist/scene/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/scene/index.ts"],"sourcesContent":["export * from './grow'"],"mappings":"AAAA"}

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const getLastValue: <T>(optsValue: T | null | undefined, value: T) => T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anov/3d-ability",
-  "version": "0.0.4-alpha7",
+  "version": "0.0.4-alpha8",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -17,9 +17,16 @@
   ],
   "dependencies": {
     "@types/suncalc": "^1.9.2",
+    "anov-heat-map": "^0.0.1",
+    "gsap": "^3.12.5",
     "postprocessing": "^6.33.3",
-    "suncalc": "^1.9.0",
-    "@anov/3d-core": "^0.0.4-alpha18"
+    "suncalc": "^1.9.0"
+  },
+  "devDependencies": {
+    "@anov/3d-core": "^0.0.4-alpha19"
+  },
+  "peerDependencies": {
+    "@anov/3d-core": "^0.0.4-alpha19"
   },
   "scripts": {
     "build": "father build",

package/dist/animation/grow/grow.d.ts

@@ -1,10 +0,0 @@
-import type { GrowOption } from './type';
-export declare class Grow {
-    private objs;
-    private option;
-    private growStyle;
-    constructor(opt: GrowOption);
-    in(): void;
-    out(): void;
-    _init(): void;
-}

package/dist/animation/grow/grow.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Object3D","Vector3","use","EEaseType","ESceneGrowType","GrowStyleDown","GrowStyleUp","Grow","opt","objs","option","tag","type","Up","time","gapTime","ease","SineInOut","center","scale","distance","isRotate","isScale","Object","assign","growStyle","_init","in","out","useScene","scene","traverseVisible","object","push","userData","Array","isArray","includes","Down","init"],"sources":["../../../src/animation/grow/grow.ts"],"sourcesContent":["import { Object3D, Vector3, gsap, use } from '@anov/3d-core'\nimport type { GrowOption, IGrowStyle } from './type'\nimport { EEaseType, ESceneGrowType } from './type'\nimport { GrowStyleDown, GrowStyleUp } from './growStyle'\n\n// 生长动画对象\nexport class Grow {\n  private objs: Array<Object3D>\n  private option: GrowOption\n  private growStyle: IGrowStyle\n\n  constructor(opt: GrowOption) {\n    this.objs = []\n    this.option = {\n      tag: '*', // 可选,进场对象Tag, 默认 \"*\" 所有可见MESH对象,\n      type: ESceneGrowType.Up, // 可选,进场动画类型,默认 ESceneGrowType.Up向上生长\n      time: 0.5, // 可选,单对象进场时间,默认0.5秒\n      gapTime: 0.2, // 可选,多个对象之间间隔事件,默认0.2秒\n      ease: EEaseType.SineInOut, // 可选,默认缓入缓出\n      center: new Vector3(0, 0, 0), // 可选,生长中心位置,默认[0,0,0]\n      scale: 1, // 可选，倍速，默认为1。\n      distance: 1000, // 可选,初始化UP/DOWN起始距离，默认1000\n      isRotate: true, // 可选,初始化UP/DOWN起始旋转角度，默认true\n      isScale: true, // 可选,初始化UP/DOWN起始缩放大小，默认true\n    }\n    Object.assign(this.option, opt || {})\n    this.growStyle = new GrowStyleUp(this.objs, this.option)\n    this._init()\n  }\n\n  // 生长\n  in() {\n    this.growStyle.in()\n  }\n\n  // 消退\n  out() {\n    this.growStyle.out()\n  }\n\n  // 初始化\n  _init() {\n    // ------- 1.初始化目标对象 --------\n    // 获取所有对象\n    if (this.option.tag === '*') {\n      use.useScene().scene!.traverseVisible((object) => {\n        if (object instanceof Object3D)\n          this.objs.push(object)\n      })\n    }\n    else { // 获取指定tag对象\n      use.useScene().scene!.traverseVisible((object) => {\n        if (object instanceof Object3D && object.userData.tag && Array.isArray(object.userData.tag) && object.userData.tag.includes(this.option.tag))\n          this.objs.push(object)\n      })\n    }\n    // ------- 2.初始化目标对象 生长前状态 --------\n    switch (this.option.type) {\n      case ESceneGrowType.Up:\n        this.growStyle = new GrowStyleUp(this.objs, this.option)\n        break\n      case ESceneGrowType.Down:\n        this.growStyle = new GrowStyleDown(this.objs, this.option)\n        break\n      default:\n        this.growStyle = new GrowStyleUp(this.objs, this.option)\n        break\n    }\n    this.growStyle.init()\n  }\n}\n"],"mappings":"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"}

package/dist/animation/grow/growStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GrowStyleDown","GrowStyleUp"],"sources":["../../../src/animation/grow/growStyle.ts"],"sourcesContent":["export { GrowStyleDown } from './style_down'\nexport { GrowStyleUp } from './style_up'\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,WAAW"}

package/dist/animation/grow/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Grow"],"sources":["../../../src/animation/grow/index.ts"],"sourcesContent":["export * from './type'\nexport { Grow } from './grow'\n"],"mappings":"AAAA;AACA,SAASA,IAAI"}

package/dist/animation/grow/style_down.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MathUtils","Vector3","gsap","tl","GrowStyleDown","objs","opt","_objs","_opt","maxDistance","max","gapTime","time","map","obj","Array","isArray","center","fromArray","distance","Math","abs","position","distanceTo","userData","growDelay","lerp","y","isRotate","rotateY","degToRad","isScale","scale","set","x","z","onGrowInit","onGrowInStart","timeline","onComplete","onGrowInCompleted","onReverseComplete","onGrowOutCompleted","add","to","duration","ease","delay","rotation","onGrowOutStart","timeScale","reverse"],"sources":["../../../src/animation/grow/style_down.ts"],"sourcesContent":["import type { Object3D } from '@anov/3d-core'\nimport { MathUtils, Vector3, gsap, use } from '@anov/3d-core'\nimport type { GrowOption, IGrowStyle } from './type'\n\n//  私有变量reverse无效， 可能是GASP内部机制造成，还未解决！。\nlet tl: gsap.core.Timeline\n// 向下掉落\nexport class GrowStyleDown implements IGrowStyle {\n  private _objs: Array<Object3D>\n  private _opt: GrowOption\n  // private _tl:gsap.core.Timeline\n  private maxDistance: number\n\n  constructor(objs: Array<Object3D>, opt: GrowOption) {\n    this._objs = objs\n    this._opt = opt\n    // this._tl = gsap.timeline();\n    this.maxDistance = 0\n  }\n\n  // 对象初始化\n  init(): void {\n    const max = this._opt.gapTime + this._opt.time\n\n    this._objs.map((obj) => {\n      // 统一为Vector3\n      if (Array.isArray(this._opt.center))\n        this._opt.center = new Vector3().fromArray(this._opt.center as number[])\n      // 找到对象最远距离\n      const distance = Math.abs(obj.position.distanceTo(this._opt.center))\n      if (distance > this.maxDistance)\n        this.maxDistance = distance\n\n      // 计算排序延迟\n      obj.userData.growDelay = MathUtils.lerp(0, max, distance / this.maxDistance)\n      // 距离\n      obj.position.y += this._opt.distance\n      // 旋转\n      this._opt.isRotate && obj.rotateY(MathUtils.degToRad(270))\n      // 缩放\n      this._opt.isScale && obj.scale.set(obj.scale.x * 0.1, obj.scale.y * 0.1, obj.scale.z * 0.1)\n    })\n\n    this._opt.onGrowInit && this._opt.onGrowInit()\n  }\n\n  in(): void {\n    this._opt.onGrowInStart && this._opt.onGrowInStart()\n\n    tl = gsap.timeline({ onComplete: this._opt.onGrowInCompleted, onReverseComplete: this._opt.onGrowOutCompleted })\n\n    this._objs.map((obj) => {\n      tl.add(gsap.to(obj.position, { y: obj.position.y - this._opt.distance, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      if (this._opt.isRotate)\n        tl.add(gsap.to(obj.rotation, { y: 0, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      if (this._opt.isScale)\n        tl.add(gsap.to(obj.scale, { x: 1, y: 1, z: 1, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n    })\n  }\n\n  out(): void {\n    this._opt.onGrowOutStart && this._opt.onGrowOutStart()\n    tl.timeScale(this._opt.scale).reverse()\n  }\n}"],"mappings":";;;;;;;AACA,SAASA,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAa,eAAe;AAG7D;AACA,IAAIC,EAAsB;AAC1B;AACA,WAAaC,aAAa;EAGxB;;EAGA,uBAAYC,IAAqB,EAAEC,GAAe,EAAE;IAAA;IAAA;IAAA;IAAA;IAClD,IAAI,CAACC,KAAK,GAAGF,IAAI;IACjB,IAAI,CAACG,IAAI,GAAGF,GAAG;IACf;IACA,IAAI,CAACG,WAAW,GAAG,CAAC;EACtB;;EAEA;EAAA;IAAA;IAAA,OACA,gBAAa;MAAA;MACX,IAAMC,GAAG,GAAG,IAAI,CAACF,IAAI,CAACG,OAAO,GAAG,IAAI,CAACH,IAAI,CAACI,IAAI;MAE9C,IAAI,CAACL,KAAK,CAACM,GAAG,CAAC,UAACC,GAAG,EAAK;QACtB;QACA,IAAIC,KAAK,CAACC,OAAO,CAAC,KAAI,CAACR,IAAI,CAACS,MAAM,CAAC,EACjC,KAAI,CAACT,IAAI,CAACS,MAAM,GAAG,IAAIhB,OAAO,EAAE,CAACiB,SAAS,CAAC,KAAI,CAACV,IAAI,CAACS,MAAM,CAAa;QAC1E;QACA,IAAME,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACP,GAAG,CAACQ,QAAQ,CAACC,UAAU,CAAC,KAAI,CAACf,IAAI,CAACS,MAAM,CAAC,CAAC;QACpE,IAAIE,QAAQ,GAAG,KAAI,CAACV,WAAW,EAC7B,KAAI,CAACA,WAAW,GAAGU,QAAQ;;QAE7B;QACAL,GAAG,CAACU,QAAQ,CAACC,SAAS,GAAGzB,SAAS,CAAC0B,IAAI,CAAC,CAAC,EAAEhB,GAAG,EAAES,QAAQ,GAAG,KAAI,CAACV,WAAW,CAAC;QAC5E;QACAK,GAAG,CAACQ,QAAQ,CAACK,CAAC,IAAI,KAAI,CAACnB,IAAI,CAACW,QAAQ;QACpC;QACA,KAAI,CAACX,IAAI,CAACoB,QAAQ,IAAId,GAAG,CAACe,OAAO,CAAC7B,SAAS,CAAC8B,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1D;QACA,KAAI,CAACtB,IAAI,CAACuB,OAAO,IAAIjB,GAAG,CAACkB,KAAK,CAACC,GAAG,CAACnB,GAAG,CAACkB,KAAK,CAACE,CAAC,GAAG,GAAG,EAAEpB,GAAG,CAACkB,KAAK,CAACL,CAAC,GAAG,GAAG,EAAEb,GAAG,CAACkB,KAAK,CAACG,CAAC,GAAG,GAAG,CAAC;MAC7F,CAAC,CAAC;MAEF,IAAI,CAAC3B,IAAI,CAAC4B,UAAU,IAAI,IAAI,CAAC5B,IAAI,CAAC4B,UAAU,EAAE;IAChD;EAAC;IAAA;IAAA,OAED,eAAW;MAAA;MACT,IAAI,CAAC5B,IAAI,CAAC6B,aAAa,IAAI,IAAI,CAAC7B,IAAI,CAAC6B,aAAa,EAAE;MAEpDlC,EAAE,GAAGD,IAAI,CAACoC,QAAQ,CAAC;QAAEC,UAAU,EAAE,IAAI,CAAC/B,IAAI,CAACgC,iBAAiB;QAAEC,iBAAiB,EAAE,IAAI,CAACjC,IAAI,CAACkC;MAAmB,CAAC,CAAC;MAEhH,IAAI,CAACnC,KAAK,CAACM,GAAG,CAAC,UAACC,GAAG,EAAK;QACtBX,EAAE,CAACwC,GAAG,CAACzC,IAAI,CAAC0C,EAAE,CAAC9B,GAAG,CAACQ,QAAQ,EAAE;UAAEK,CAAC,EAAEb,GAAG,CAACQ,QAAQ,CAACK,CAAC,GAAG,MAAI,CAACnB,IAAI,CAACW,QAAQ;UAAE0B,QAAQ,EAAE,MAAI,CAACrC,IAAI,CAACI,IAAI;UAAEkC,IAAI,EAAE,MAAI,CAACtC,IAAI,CAACsC,IAAI;UAAEC,KAAK,EAAEjC,GAAG,CAACU,QAAQ,CAACC;QAAU,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3J,IAAI,MAAI,CAACjB,IAAI,CAACoB,QAAQ,EACpBzB,EAAE,CAACwC,GAAG,CAACzC,IAAI,CAAC0C,EAAE,CAAC9B,GAAG,CAACkC,QAAQ,EAAE;UAAErB,CAAC,EAAE,CAAC;UAAEkB,QAAQ,EAAE,MAAI,CAACrC,IAAI,CAACI,IAAI;UAAEkC,IAAI,EAAE,MAAI,CAACtC,IAAI,CAACsC,IAAI;UAAEC,KAAK,EAAEjC,GAAG,CAACU,QAAQ,CAACC;QAAU,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3H,IAAI,MAAI,CAACjB,IAAI,CAACuB,OAAO,EACnB5B,EAAE,CAACwC,GAAG,CAACzC,IAAI,CAAC0C,EAAE,CAAC9B,GAAG,CAACkB,KAAK,EAAE;UAAEE,CAAC,EAAE,CAAC;UAAEP,CAAC,EAAE,CAAC;UAAEQ,CAAC,EAAE,CAAC;UAAEU,QAAQ,EAAE,MAAI,CAACrC,IAAI,CAACI,IAAI;UAAEkC,IAAI,EAAE,MAAI,CAACtC,IAAI,CAACsC,IAAI;UAAEC,KAAK,EAAEjC,GAAG,CAACU,QAAQ,CAACC;QAAU,CAAC,CAAC,EAAE,CAAC,CAAC;MACtI,CAAC,CAAC;IACJ;EAAC;IAAA;IAAA,OAED,eAAY;MACV,IAAI,CAACjB,IAAI,CAACyC,cAAc,IAAI,IAAI,CAACzC,IAAI,CAACyC,cAAc,EAAE;MACtD9C,EAAE,CAAC+C,SAAS,CAAC,IAAI,CAAC1C,IAAI,CAACwB,KAAK,CAAC,CAACmB,OAAO,EAAE;IACzC;EAAC;EAAA;AAAA"}

package/dist/animation/grow/style_up.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MathUtils","Vector3","gsap","tl","GrowStyleUp","objs","opt","_objs","_opt","maxDistance","max","gapTime","time","map","obj","Array","isArray","center","fromArray","distance","Math","abs","position","distanceTo","userData","growDelay","lerp","y","isRotate","rotateY","degToRad","isScale","scale","set","x","z","onGrowInit","onGrowInStart","timeline","onComplete","onGrowInCompleted","onReverseComplete","onGrowOutCompleted","add","to","duration","ease","delay","rotation","onGrowOutStart","timeScale","reverse"],"sources":["../../../src/animation/grow/style_up.ts"],"sourcesContent":["import type { Object3D } from '@anov/3d-core'\nimport { MathUtils, Vector3, gsap, use } from '@anov/3d-core'\nimport type { GrowOption, IGrowStyle } from './type'\n\n//  私有变量reverse无效， 可能是GASP内部机制造成，还未解决！。\nlet tl: gsap.core.Timeline\n// 向上生长\nexport class GrowStyleUp implements IGrowStyle {\n  private _objs: Array<Object3D>\n  private _opt: GrowOption\n  // private _tl:gsap.core.Timeline\n  private maxDistance: number\n\n  constructor(objs: Array<Object3D>, opt: GrowOption) {\n    this._objs = objs\n    this._opt = opt\n    // this._tl = gsap.timeline();\n    this.maxDistance = 0\n  }\n\n  // 对象初始化\n  init(): void {\n    const max = this._opt.gapTime + this._opt.time\n\n    this._objs.map((obj) => {\n      // 统一为Vector3\n      if (Array.isArray(this._opt.center))\n        this._opt.center = new Vector3().fromArray(this._opt.center as number[])\n      // 找到对象最远距离\n      const distance = Math.abs(obj.position.distanceTo(this._opt.center))\n      if (distance > this.maxDistance)\n        this.maxDistance = distance\n\n      // 计算排序延迟\n      obj.userData.growDelay = MathUtils.lerp(0, max, distance / this.maxDistance)\n      // 距离\n      obj.position.y -= this._opt.distance\n      // 旋转\n      this._opt.isRotate && obj.rotateY(MathUtils.degToRad(270))\n      // 缩放\n      this._opt.isScale && obj.scale.set(obj.scale.x * 0.1, obj.scale.y * 0.1, obj.scale.z * 0.1)\n    })\n\n    this._opt.onGrowInit && this._opt.onGrowInit()\n  }\n\n  in(): void {\n    this._opt.onGrowInStart && this._opt.onGrowInStart()\n\n    tl = gsap.timeline({ onComplete: this._opt.onGrowInCompleted, onReverseComplete: this._opt.onGrowOutCompleted })\n\n    this._objs.map((obj) => {\n      // 距离\n      tl.add(gsap.to(obj.position, { y: obj.position.y + this._opt.distance, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      // 旋转\n      if (this._opt.isRotate)\n        tl.add(gsap.to(obj.rotation, { y: 0, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n      // 缩放\n      if (this._opt.isScale)\n        tl.add(gsap.to(obj.scale, { x: 1, y: 1, z: 1, duration: this._opt.time, ease: this._opt.ease, delay: obj.userData.growDelay }), 0)\n    })\n  }\n\n  out(): void {\n    this._opt.onGrowOutStart && this._opt.onGrowOutStart()\n    tl.timeScale(this._opt.scale).reverse()\n  }\n}"],"mappings":"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"}

package/dist/animation/grow/type.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ESceneGrowType","EEaseType","Linear","SineIn","SineOut","SineInOut","BackIn","BackOut","BackInOut","BounceIn","BounceOut","BounceInOut","ExpoIn","ExpoOut","ExpoInOut","ElasticIn","ElasticOut","ElasticInOut"],"sources":["../../../src/animation/grow/type.ts"],"sourcesContent":["import type { Vector3 } from '@anov/3d-core'\n\nexport interface IGrowStyle {\n  init(): void\n  in(): void\n  out(): void\n}\n\nexport interface GrowOption {\n  tag: string // 可选,进场对象Tag, 默认 \"*\" 所有对象,\n  type: ESceneGrowType // 可选,进场动画类型,默认 ESceneGrowType.Up向上生长\n  time: number // 可选,单对象进场时间,默认0.5秒\n  gapTime: number // 可选,多个对象之间间隔事件,默认0.2秒\n  ease: string // 可选,默认缓入缓出\n  center: Vector3 | Array<number> // 可选,生长中心位置,默认[0,0,0]\n  scale: number // 可选,出场倍数,是进场时间的几倍,默认为1, 注意：进场无效。\n  distance: number // 可选,初始化UP/DOWN起始距离，默认1000\n  isRotate: boolean // 可选,初始化UP/DOWN起始旋转角度，默认270\n  isScale: boolean // 可选,初始化UP/DOWN起始缩放大小，默认0.1\n  onGrowInit?(): void // 可选,初始化\n  onGrowInStart?(): void // 可选,生长开始回调\n  onGrowInCompleted?(): void // 可选,生长完成回调\n  onGrowOutStart?(): void // 可选,消失开始回调\n  onGrowOutCompleted?(): void // 可选,消失完成回调\n}\n\n// 生长动画类型\nexport enum ESceneGrowType {\n  Up,\n  Down,\n}\n\n// 动画ease类型\nexport const EEaseType = {\n  Linear: 'none', // 均速\n  SineIn: 'sine.in', // 缓入\n  SineOut: 'sine.out', // 缓出\n  SineInOut: 'sine.inOut', // 缓入缓出\n  BackIn: 'back.in(1.7)', // 回退入\n  BackOut: 'back.out(1.7)', // 回退出\n  BackInOut: 'back.inOut(1.7)', // 回退入回退出\n  BounceIn: 'bounce.in', // 硬弹跳入,步伐越来越大,类似三级跳远,\n  BounceOut: 'bounce.out', // 硬弹跳出,步伐越来越小,类似乒乓球掉落到停止\n  BounceInOut: 'bounce.inOut', // 弹跳入弹跳出\n  ExpoIn: 'expo.in', // 缓入, 类似SineIn * 4倍效果\n  ExpoOut: 'expo.out', // 缓出, 类似SineOut * 4倍效果\n  ExpoInOut: 'expo.inOut', // 缓入缓出, 类似SineInOut * 4倍效果\n  ElasticIn: 'elastic.in(1,0.3)', // 弹入,软回弹,类似橡胶\n  ElasticOut: 'elastic.out(1,0.3)', // 弹出,软回弹,类似橡胶\n  ElasticInOut: 'elastic.inOut(1,0.3)', // 弹入弹出,软回弹,类似橡胶\n}"],"mappings":"AA0BA;AACA,WAAYA,cAAc;;AAK1B;AAAA,WALYA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;AAAA,GAAdA,cAAc,KAAdA,cAAc;AAM1B,OAAO,IAAMC,SAAS,GAAG;EACvBC,MAAM,EAAE,MAAM;EAAE;EAChBC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,UAAU;EAAE;EACrBC,SAAS,EAAE,YAAY;EAAE;EACzBC,MAAM,EAAE,cAAc;EAAE;EACxBC,OAAO,EAAE,eAAe;EAAE;EAC1BC,SAAS,EAAE,iBAAiB;EAAE;EAC9BC,QAAQ,EAAE,WAAW;EAAE;EACvBC,SAAS,EAAE,YAAY;EAAE;EACzBC,WAAW,EAAE,cAAc;EAAE;EAC7BC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,UAAU;EAAE;EACrBC,SAAS,EAAE,YAAY;EAAE;EACzBC,SAAS,EAAE,mBAAmB;EAAE;EAChCC,UAAU,EAAE,oBAAoB;EAAE;EAClCC,YAAY,EAAE,sBAAsB,CAAE;AACxC,CAAC"}