@anov/3d-ability 0.0.140 → 0.0.142

package/dist/core/Camera/PerspectiveCamera/CameraExpand.js

@@ -1,484 +1,418 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Box3, EventDispatcher, Group, MathUtils, Plane, Quaternion, TWEEN, Vector3, use, utils } from '@anov/3d-core';
 import FollowControls from "./FollowOrbitControls";
 /**
  * CameraExpand, 主要提供了一些PerspectiveCamera的拓展能力
  */
-export var PerspectiveCameraExpand = /*#__PURE__*/function (_EventDispatcher) {
-  _inherits(PerspectiveCameraExpand, _EventDispatcher);
-  var _super = _createSuper(PerspectiveCameraExpand);
-  function PerspectiveCameraExpand(camera, controls, sceneControl) {
-    var _this;
-    _classCallCheck(this, PerspectiveCameraExpand);
-    _this = _super.call(this);
-    _defineProperty(_assertThisInitialized(_this), "_isTransitionPeriod", false);
-    _defineProperty(_assertThisInitialized(_this), "camera", void 0);
-    _defineProperty(_assertThisInitialized(_this), "controls", void 0);
-    _defineProperty(_assertThisInitialized(_this), "sceneControl", void 0);
-    _defineProperty(_assertThisInitialized(_this), "tween", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_isCameraChange", false);
-    _defineProperty(_assertThisInitialized(_this), "followId", 0);
-    _defineProperty(_assertThisInitialized(_this), "followCancelMap", new Map());
-    _this.camera = camera;
-    _this.controls = controls;
-    _this.sceneControl = sceneControl;
-    _this.bindEvent();
-    return _this;
+export class PerspectiveCameraExpand extends EventDispatcher {
+  constructor(camera, controls, sceneControl) {
+    super();
+    _defineProperty(this, "_isTransitionPeriod", false);
+    _defineProperty(this, "camera", void 0);
+    _defineProperty(this, "controls", void 0);
+    _defineProperty(this, "sceneControl", void 0);
+    _defineProperty(this, "tween", void 0);
+    _defineProperty(this, "_isCameraChange", false);
+    _defineProperty(this, "followId", 0);
+    _defineProperty(this, "followCancelMap", new Map());
+    this.camera = camera;
+    this.controls = controls;
+    this.sceneControl = sceneControl;
+    this.bindEvent();
   }
-  _createClass(PerspectiveCameraExpand, [{
-    key: "isTransitionPeriod",
-    get: function get() {
-      return this._isTransitionPeriod;
-    }
-  }, {
-    key: "isCameraChange",
-    get: function get() {
-      return this._isCameraChange;
-    }
-  }, {
-    key: "bindEvent",
-    value: function bindEvent() {
-      var _this2 = this;
-      this.controls.addEventListener('start', function () {
-        utils.storeManagement.set('enableEvents', false);
-        _this2._isCameraChange = true;
-      });
-      this.controls.addEventListener('end', function () {
-        utils.storeManagement.set('enableEvents', true);
-        _this2._isCameraChange = false;
-      });
-      this.controls.addEventListener('change', function () {
-        _this2.dispatchEvent({
-          type: 'change',
-          position: _this2.camera.position,
-          target: _this2.controls.target
-        });
+  get isTransitionPeriod() {
+    return this._isTransitionPeriod;
+  }
+  get isCameraChange() {
+    return this._isCameraChange;
+  }
+  bindEvent() {
+    this.controls.addEventListener('start', () => {
+      utils.storeManagement.set('enableEvents', false);
+      this._isCameraChange = true;
+    });
+    this.controls.addEventListener('end', () => {
+      utils.storeManagement.set('enableEvents', true);
+      this._isCameraChange = false;
+    });
+    this.controls.addEventListener('change', () => {
+      this.dispatchEvent({
+        type: 'change',
+        position: this.camera.position,
+        target: this.controls.target
       });
-    }
-
-    /**
-     * calculate last position from position box
-     * if distance is not defined, calculate distance from box size
-     * @param currentPos
-     * @param distanceCoefficient
-     * @param distance
-     * @returns
-     */
-  }, {
-    key: "caclCurrentPos",
-    value: function caclCurrentPos(currentPos) {
-      var distanceCoefficient = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      var distance = arguments.length > 2 ? arguments[2] : undefined;
-      var box = new Box3();
-      box.setFromPoints(currentPos.map(function (item) {
-        return new Vector3(item[0], item[1], item[2]);
-      }));
-      var center = box.getCenter(new Vector3());
-      var size = box.getSize(new Vector3());
-      var halfDiagonal = size.length() * 0.5;
-      var maxDistance = halfDiagonal / Math.tan(this.camera.fov / 2 * Math.PI / 180);
-      var cameraToCenterDistance = maxDistance;
-      var directionVector = this.camera.position.clone().sub(this.controls.target).normalize();
-      var lastPosition = directionVector.multiplyScalar(distance !== null && distance !== void 0 ? distance : cameraToCenterDistance * distanceCoefficient).add(center);
-      var lastLookat = center;
-      return {
-        lastPosition: lastPosition,
-        lastLookat: lastLookat
-      };
-    }
-
-    /**
-     * caclSingleCoordinate, when use focus and target is single point
-     * @param prevTarget
-     * @param prevPosition
-     * @param lastTarget
-     * @returns
-     */
-  }, {
-    key: "caclSingleCoordinate",
-    value: function caclSingleCoordinate(prevTarget, prevPosition, lastTarget, distance) {
-      var directionVector = prevPosition.clone().sub(prevTarget).normalize();
-      var lastPosition = directionVector.multiplyScalar(distance).add(lastTarget);
-      return lastPosition;
-    }
+    });
+  }
 
-    /**
-     * camera focus
-     * @param params
-     * @returns
-     */
-  }, {
-    key: "focus",
-    value: function focus(params) {
-      var _this3 = this;
-      return new Promise(function (res) {
-        var position = params.target,
-          _params$pitch = params.pitch,
-          pitch = _params$pitch === void 0 ? 0 : _params$pitch,
-          _params$yaw = params.yaw,
-          yaw = _params$yaw === void 0 ? 0 : _params$yaw,
-          _params$distance = params.distance,
-          distance = _params$distance === void 0 ? undefined : _params$distance,
-          duration = params.duration,
-          _onUpdate = params.onUpdate,
-          _params$distanceCoeff = params.distanceCoefficient,
-          distanceCoefficient = _params$distanceCoeff === void 0 ? 1 : _params$distanceCoeff;
-        var moveOptions = function moveOptions() {
-          var _ref, _params$isTrigger;
-          return {
-            duration: (_ref = duration && duration * 1000) !== null && _ref !== void 0 ? _ref : 1000,
-            isTrigger: (_params$isTrigger = params.isTrigger) !== null && _params$isTrigger !== void 0 ? _params$isTrigger : true,
-            onUpdate: function onUpdate(_ref2) {
-              var position = _ref2.position,
-                lookat = _ref2.lookat;
-              _onUpdate && _onUpdate({
-                position: position,
-                target: lookat
-              });
-            },
-            onComplate: function onComplate() {
-              var _params$duration;
-              res({
-                position: _this3.camera.position.toArray(),
-                target: _this3.controls.target.toArray(),
-                duration: (_params$duration = params.duration) !== null && _params$duration !== void 0 ? _params$duration : 0,
-                userInput: true,
-                pitch: pitch !== null && pitch !== void 0 ? pitch : 40
-              });
-            }
-          };
-        };
+  /**
+   * calculate last position from position box
+   * if distance is not defined, calculate distance from box size
+   * @param currentPos
+   * @param distanceCoefficient
+   * @param distance
+   * @returns
+   */
+  caclCurrentPos(currentPos, distanceCoefficient = 1, distance) {
+    const box = new Box3();
+    box.setFromPoints(currentPos.map(item => new Vector3(item[0], item[1], item[2])));
+    const center = box.getCenter(new Vector3());
+    const size = box.getSize(new Vector3());
+    const halfDiagonal = size.length() * 0.5;
+    const maxDistance = halfDiagonal / Math.tan(this.camera.fov / 2 * Math.PI / 180);
+    const cameraToCenterDistance = maxDistance;
+    const directionVector = this.camera.position.clone().sub(this.controls.target).normalize();
+    const lastPosition = directionVector.multiplyScalar(distance !== null && distance !== void 0 ? distance : cameraToCenterDistance * distanceCoefficient).add(center);
+    const lastLookat = center;
+    return {
+      lastPosition,
+      lastLookat
+    };
+  }
 
-        // if target is multiple points
-        if (Array.isArray(position[0])) {
-          var currentPos = position;
-          var _this3$caclCurrentPos = _this3.caclCurrentPos(currentPos, distanceCoefficient, distance),
-            lastPosition = _this3$caclCurrentPos.lastPosition,
-            lastLookat = _this3$caclCurrentPos.lastLookat;
-          _this3.motion(lastPosition, lastLookat, pitch, yaw, moveOptions());
-        }
-        // if target is single point
-        else {
-          var _currentPos = position;
-          var _lastPosition = _this3.caclSingleCoordinate(_this3.controls.target, _this3.camera.position, new Vector3().fromArray(_currentPos), distance);
-          var _lastLookat = new Vector3().fromArray(_currentPos);
-          _this3.motion(_lastPosition, _lastLookat, pitch, yaw, moveOptions());
-        }
-      });
-    }
+  /**
+   * caclSingleCoordinate, when use focus and target is single point
+   * @param prevTarget
+   * @param prevPosition
+   * @param lastTarget
+   * @returns
+   */
+  caclSingleCoordinate(prevTarget, prevPosition, lastTarget, distance) {
+    const directionVector = prevPosition.clone().sub(prevTarget).normalize();
+    const lastPosition = directionVector.multiplyScalar(distance).add(lastTarget);
+    return lastPosition;
+  }
 
-    /**
-     * set camera， main set position and target
-     * @param params
-     * @returns
-     */
-  }, {
-    key: "set",
-    value: function set(params) {
-      var _this4 = this;
-      var position = params.position,
-        target = params.target,
-        isTrigger = params.isTrigger,
-        duration = params.duration;
-      return new Promise(function (res, _) {
-        var _ref3;
-        _this4.motion(new Vector3(position[0], position[1], position[2]), new Vector3(target[0], target[1], target[2]), 0, 0, {
-          isTrigger: isTrigger !== null && isTrigger !== void 0 ? isTrigger : true,
-          duration: (_ref3 = duration && duration * 1000) !== null && _ref3 !== void 0 ? _ref3 : 1000,
-          onUpdate: function onUpdate(_ref4) {
-            var position = _ref4.position,
-              lookat = _ref4.lookat;
-            params.onUpdate && params.onUpdate({
-              position: position,
+  /**
+   * camera focus
+   * @param params
+   * @returns
+   */
+  focus(params) {
+    return new Promise(res => {
+      const {
+        target: position,
+        pitch = 0,
+        yaw = 0,
+        distance = undefined,
+        duration,
+        onUpdate,
+        distanceCoefficient = 1
+      } = params;
+      const moveOptions = () => {
+        var _ref, _params$isTrigger;
+        return {
+          duration: (_ref = duration && duration * 1000) !== null && _ref !== void 0 ? _ref : 1000,
+          isTrigger: (_params$isTrigger = params.isTrigger) !== null && _params$isTrigger !== void 0 ? _params$isTrigger : true,
+          onUpdate: ({
+            position,
+            lookat
+          }) => {
+            onUpdate && onUpdate({
+              position,
               target: lookat
             });
           },
-          onComplate: function onComplate() {
-            var _params$duration2;
+          onComplate: () => {
+            var _params$duration;
             res({
-              position: _this4.camera.position.toArray(),
-              target: _this4.controls.target.toArray(),
-              isTrigger: true,
-              duration: (_params$duration2 = params.duration) !== null && _params$duration2 !== void 0 ? _params$duration2 : 0,
-              userInput: true
+              position: this.camera.position.toArray(),
+              target: this.controls.target.toArray(),
+              duration: (_params$duration = params.duration) !== null && _params$duration !== void 0 ? _params$duration : 0,
+              userInput: true,
+              pitch: pitch !== null && pitch !== void 0 ? pitch : 40
             });
           }
-        });
+        };
+      };
+
+      // if target is multiple points
+      if (Array.isArray(position[0])) {
+        const currentPos = position;
+        const {
+          lastPosition,
+          lastLookat
+        } = this.caclCurrentPos(currentPos, distanceCoefficient, distance);
+        this.motion(lastPosition, lastLookat, pitch, yaw, moveOptions());
+      }
+      // if target is single point
+      else {
+        const currentPos = position;
+        const lastPosition = this.caclSingleCoordinate(this.controls.target, this.camera.position, new Vector3().fromArray(currentPos), distance);
+        const lastLookat = new Vector3().fromArray(currentPos);
+        this.motion(lastPosition, lastLookat, pitch, yaw, moveOptions());
+      }
+    });
+  }
+
+  /**
+   * set camera， main set position and target
+   * @param params
+   * @returns
+   */
+  set(params) {
+    const {
+      position,
+      target,
+      isTrigger,
+      duration
+    } = params;
+    return new Promise((res, _) => {
+      var _ref2;
+      this.motion(new Vector3(position[0], position[1], position[2]), new Vector3(target[0], target[1], target[2]), 0, 0, {
+        isTrigger: isTrigger !== null && isTrigger !== void 0 ? isTrigger : true,
+        duration: (_ref2 = duration && duration * 1000) !== null && _ref2 !== void 0 ? _ref2 : 1000,
+        onUpdate: ({
+          position,
+          lookat
+        }) => {
+          params.onUpdate && params.onUpdate({
+            position,
+            target: lookat
+          });
+        },
+        onComplate: () => {
+          var _params$duration2;
+          res({
+            position: this.camera.position.toArray(),
+            target: this.controls.target.toArray(),
+            isTrigger: true,
+            duration: (_params$duration2 = params.duration) !== null && _params$duration2 !== void 0 ? _params$duration2 : 0,
+            userInput: true
+          });
+        }
       });
-    }
+    });
+  }
 
-    /**
-     * get camera position and target
-     * @returns
-     */
-  }, {
-    key: "get",
-    value: function get() {
-      return {
-        position: [this.camera.position.x, this.camera.position.y, this.camera.position.z],
-        target: [this.controls.target.x, this.controls.target.y, this.controls.target.z]
-      };
-    }
+  /**
+   * get camera position and target
+   * @returns
+   */
+  get() {
+    return {
+      position: [this.camera.position.x, this.camera.position.y, this.camera.position.z],
+      target: [this.controls.target.x, this.controls.target.y, this.controls.target.z]
+    };
+  }
 
-    /**
-     * get current pitch
-     */
-  }, {
-    key: "pitch",
-    get: function get() {
-      var targetPosition = this.controls.target;
-      var cameraPosition = this.camera.position;
-      var currentDirection = cameraPosition.clone().sub(targetPosition);
-      var plane = new Plane(new Vector3(0, 1, 0), 0);
-      return -(MathUtils.radToDeg(plane.normal.angleTo(currentDirection)) - 90);
-    }
+  /**
+   * get current pitch
+   */
+  get pitch() {
+    const targetPosition = this.controls.target;
+    const cameraPosition = this.camera.position;
+    const currentDirection = cameraPosition.clone().sub(targetPosition);
+    const plane = new Plane(new Vector3(0, 1, 0), 0);
+    return -(MathUtils.radToDeg(plane.normal.angleTo(currentDirection)) - 90);
+  }
 
-    /**
-     * get current yaw
-     * @returns
-     */
-  }, {
-    key: "yaw",
-    get: function get() {
-      return this.camera.rotationParent.y;
-    }
+  /**
+   * get current yaw
+   * @returns
+   */
+  get yaw() {
+    return this.camera.rotationParent.y;
+  }
 
-    /**
-     * set pitch, similar to ue
-     * @param deg
-     */
-  }, {
-    key: "setPitch",
-    value: function setPitch(deg) {
-      if (deg > 90) deg = 90;
-      if (deg < -90) deg = -90;
-      var direction = new Vector3(0, 0, 1);
-      var quaternion = new Quaternion();
-      var pitchQuat = new Quaternion();
-      pitchQuat.setFromAxisAngle(new Vector3(1, 0, 0), MathUtils.degToRad(-deg));
-      quaternion.multiply(pitchQuat);
-      direction.applyQuaternion(quaternion);
-      direction.normalize();
-      var distance = this.camera.position.distanceTo(this.controls.target);
-      var cameraPosition = this.controls.target.clone().add(direction.multiplyScalar(distance));
-      this.camera.position.copy(cameraPosition);
-    }
+  /**
+   * set pitch, similar to ue
+   * @param deg
+   */
+  setPitch(deg) {
+    if (deg > 90) deg = 90;
+    if (deg < -90) deg = -90;
+    const direction = new Vector3(0, 0, 1);
+    const quaternion = new Quaternion();
+    const pitchQuat = new Quaternion();
+    pitchQuat.setFromAxisAngle(new Vector3(1, 0, 0), MathUtils.degToRad(-deg));
+    quaternion.multiply(pitchQuat);
+    direction.applyQuaternion(quaternion);
+    direction.normalize();
+    const distance = this.camera.position.distanceTo(this.controls.target);
+    const cameraPosition = this.controls.target.clone().add(direction.multiplyScalar(distance));
+    this.camera.position.copy(cameraPosition);
+  }
 
-    /**
-     * set yaw, similar to ue
-     * @param deg
-     */
-  }, {
-    key: "setYaw",
-    value: function setYaw(deg) {
-      if (deg > 180) deg = 180;
-      if (deg < -180) deg = -180;
+  /**
+   * set yaw, similar to ue
+   * @param deg
+   */
+  setYaw(deg) {
+    if (deg > 180) deg = 180;
+    if (deg < -180) deg = -180;
 
-      // @ts-ignore
-      this.camera.rotationParent.y = MathUtils.degToRad(deg);
-    }
+    // @ts-ignore
+    this.camera.rotationParent.y = MathUtils.degToRad(deg);
+  }
 
-    /**
-     * cacl Position By Follow
-     * @param pitch
-     * @param yaw
-     * @param distance
-     * @returns
-     */
-  }, {
-    key: "caclPositionByFollow",
-    value: function caclPositionByFollow() {
-      var pitch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
-      var yaw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      var distance = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 60;
-      var axisX = new Vector3(1, 0, 0);
-      var axisY = new Vector3(0, 1, 0);
-      var axisZ = new Vector3(0, 0, -1);
-      var position = new Vector3(0, 0, 0);
-      var anglePitch = MathUtils.degToRad(pitch);
-      var angleYaw = MathUtils.degToRad(yaw);
-      var quaternionX = new Quaternion().setFromAxisAngle(axisX, anglePitch);
-      var quaternionY = new Quaternion().setFromAxisAngle(axisY, angleYaw);
-      position.addScaledVector(axisZ, distance);
-      position.applyQuaternion(quaternionX);
-      position.applyQuaternion(quaternionY);
-      return position;
-    }
+  /**
+   * cacl Position By Follow
+   * @param pitch
+   * @param yaw
+   * @param distance
+   * @returns
+   */
+  caclPositionByFollow(pitch = 30, yaw = 0, distance = 60) {
+    const axisX = new Vector3(1, 0, 0);
+    const axisY = new Vector3(0, 1, 0);
+    const axisZ = new Vector3(0, 0, -1);
+    const position = new Vector3(0, 0, 0);
+    const anglePitch = MathUtils.degToRad(pitch);
+    const angleYaw = MathUtils.degToRad(yaw);
+    const quaternionX = new Quaternion().setFromAxisAngle(axisX, anglePitch);
+    const quaternionY = new Quaternion().setFromAxisAngle(axisY, angleYaw);
+    position.addScaledVector(axisZ, distance);
+    position.applyQuaternion(quaternionX);
+    position.applyQuaternion(quaternionY);
+    return position;
+  }
 
-    /**
-     * follow 3d object, not only use in camera
-     * @param target
-     * @param camera
-     * @param option
-     * @returns
-     */
-  }, {
-    key: "follow",
-    value: function follow(target, camera, option) {
-      var _this5 = this;
-      var followId = this.followId++;
-      var _ref5 = option || {},
-        _ref5$relativeRotatio = _ref5.relativeRotation,
-        relativeRotation = _ref5$relativeRotatio === void 0 ? false : _ref5$relativeRotatio,
-        _ref5$pitch = _ref5.pitch,
-        pitch = _ref5$pitch === void 0 ? 30 : _ref5$pitch,
-        _ref5$yaw = _ref5.yaw,
-        yaw = _ref5$yaw === void 0 ? 0 : _ref5$yaw,
-        _ref5$distance = _ref5.distance,
-        distance = _ref5$distance === void 0 ? 10 : _ref5$distance;
-      var container = new Group();
-      container.rotation.copy(target.rotation);
+  /**
+   * follow 3d object, not only use in camera
+   * @param target
+   * @param camera
+   * @param option
+   * @returns
+   */
+  follow(target, camera, option) {
+    const followId = this.followId++;
+    const {
+      relativeRotation = false,
+      pitch = 30,
+      yaw = 0,
+      distance = 10
+    } = option || {};
+    const container = new Group();
+    container.rotation.copy(target.rotation);
+    container.scale.copy(target.scale);
+    const oldCameraParent = camera.parent;
+    let needUpdateRotation = true;
+    container.add(camera);
+    target.parent.add(container);
+    this.controls.enabled = false;
+    const followControls = new FollowControls(this.camera, this.sceneControl.renderer.domElement);
+    const curPosition = this.caclPositionByFollow(pitch, yaw, distance);
+    camera.position.copy(curPosition);
+    followControls.radius = camera.position.distanceTo(target.position);
+    followControls.addEventListener('start', () => {
+      relativeRotation && (needUpdateRotation = false);
+    });
+    this.controls.target.copy(target.position);
+    followControls.target = target.position;
+    const cancelMotion = use.useframe(() => {
+      container.position.copy(target.position);
       container.scale.copy(target.scale);
-      var oldCameraParent = camera.parent;
-      var needUpdateRotation = true;
-      container.add(camera);
-      target.parent.add(container);
-      this.controls.enabled = false;
-      var followControls = new FollowControls(this.camera, this.sceneControl.renderer.domElement);
-      var curPosition = this.caclPositionByFollow(pitch, yaw, distance);
-      camera.position.copy(curPosition);
-      followControls.radius = camera.position.distanceTo(target.position);
-      followControls.addEventListener('start', function () {
-        relativeRotation && (needUpdateRotation = false);
-      });
+      needUpdateRotation && container.rotation.copy(target.rotation);
       this.controls.target.copy(target.position);
       followControls.target = target.position;
-      var cancelMotion = use.useframe(function () {
-        container.position.copy(target.position);
-        container.scale.copy(target.scale);
-        needUpdateRotation && container.rotation.copy(target.rotation);
-        _this5.controls.target.copy(target.position);
-        followControls.target = target.position;
-        followControls.update();
-      });
-      var cancel = function cancel() {
-        _this5.controls.enabled = true;
-        oldCameraParent.add(camera);
-        target.parent.remove(container);
-        cancelMotion();
-        followControls.dispose();
-      };
-      this.followCancelMap.set(followId, cancel);
-      return followId;
-    }
+      followControls.update();
+    });
+    const cancel = () => {
+      this.controls.enabled = true;
+      oldCameraParent.add(camera);
+      target.parent.remove(container);
+      cancelMotion();
+      followControls.dispose();
+    };
+    this.followCancelMap.set(followId, cancel);
+    return followId;
+  }
 
-    /**
-     * cancel follow
-     * @param followId
-     */
-  }, {
-    key: "cancelFollow",
-    value: function cancelFollow(followId) {
-      var cancel = this.followCancelMap.get(followId);
-      cancel && cancel();
-    }
+  /**
+   * cancel follow
+   * @param followId
+   */
+  cancelFollow(followId) {
+    const cancel = this.followCancelMap.get(followId);
+    cancel && cancel();
+  }
 
-    /**
-     * cancel all follow
-     */
-  }, {
-    key: "cancelAllFollow",
-    value: function cancelAllFollow() {
-      this.followCancelMap.forEach(function (cancel) {
-        cancel();
-      });
-    }
+  /**
+   * cancel all follow
+   */
+  cancelAllFollow() {
+    this.followCancelMap.forEach(cancel => {
+      cancel();
+    });
+  }
 
-    /**
-     * interpolation move camera
-     * @param position
-     * @param target
-     * @param pitch
-     * @param yaw
-     * @param options
-     * @returns
-     */
-  }, {
-    key: "motion",
-    value: function motion(position, target) {
-      var _this6 = this;
-      var pitch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-      var yaw = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-      var options = arguments.length > 4 ? arguments[4] : undefined;
-      var currentPoition = this.camera.position.clone();
-      var currentPositionInterpolation = new Vector3();
-      if ((options === null || options === void 0 ? void 0 : options.duration) === 0) {
-        this.camera.position.copy(position);
-        this.controls.target.copy(target);
-        if (pitch) {
-          // @ts-ignore
-          this.camera.rotationParent.x = MathUtils.degToRad(pitch);
-        }
-        if (yaw) {
-          // @ts-ignore
-          this.camera.rotationParent.y = MathUtils.degToRad(yaw);
-        }
-        requestAnimationFrame(function () {
-          (options === null || options === void 0 ? void 0 : options.onComplate) && options.onComplate();
-          _this6.sceneControl.renderer.render(_this6.sceneControl.scene, _this6.sceneControl.camera);
-        });
-        return;
+  /**
+   * interpolation move camera
+   * @param position
+   * @param target
+   * @param pitch
+   * @param yaw
+   * @param options
+   * @returns
+   */
+  motion(position, target, pitch = 0, yaw = 0, options) {
+    const currentPoition = this.camera.position.clone();
+    const currentPositionInterpolation = new Vector3();
+    if ((options === null || options === void 0 ? void 0 : options.duration) === 0) {
+      this.camera.position.copy(position);
+      this.controls.target.copy(target);
+      if (pitch) {
+        // @ts-ignore
+        this.camera.rotationParent.x = MathUtils.degToRad(pitch);
       }
-      if (this.tween) this.tween.stop();
-      this.tween = new TWEEN.Tween(
-      // @ts-ignore
-      {
-        t: 0,
-        lookat: this.controls.target.clone(),
-        p: this.camera.rotationParent.x,
-        yaw: this.camera.rotationParent.y
-      })
-      // @ts-ignore
-      .to({
-        t: 1,
-        lookat: target,
-        p: MathUtils.degToRad(pitch),
-        y: MathUtils.degToRad(yaw)
-      }, (options === null || options === void 0 ? void 0 : options.duration) || 1000).onStart(function () {
-        (options === null || options === void 0 ? void 0 : options.onStart) && options.onStart();
-        _this6.controls.enabled = false;
-        _this6._isTransitionPeriod = true;
-      }).easing(TWEEN.Easing.Quadratic.InOut).onUpdate(function (_ref6) {
-        var t = _ref6.t,
-          lookat = _ref6.lookat,
-          p = _ref6.p;
-        _this6.controls.target.copy(lookat);
-        if (pitch)
-          // @ts-ignore
-          _this6.camera.rotationParent.x = p;
-        if (yaw)
-          // @ts-ignore
-          _this6.camera.rotationParent.y = p;
-        var currentPosition = currentPositionInterpolation.lerpVectors(currentPoition, position, t);
-        _this6.camera.position.copy(currentPosition);
-        (options === null || options === void 0 ? void 0 : options.onUpdate) && options.onUpdate({
-          position: currentPosition,
-          lookat: lookat
-        });
-      }).onComplete(function () {
-        requestAnimationFrame(function () {
-          (options === null || options === void 0 ? void 0 : options.onComplate) && options.onComplate();
-        });
-        _this6.controls.enabled = true;
-        setTimeout(function () {
-          _this6._isTransitionPeriod = false;
-        });
-      }).start();
+      if (yaw) {
+        // @ts-ignore
+        this.camera.rotationParent.y = MathUtils.degToRad(yaw);
+      }
+      requestAnimationFrame(() => {
+        (options === null || options === void 0 ? void 0 : options.onComplate) && options.onComplate();
+        this.sceneControl.renderer.render(this.sceneControl.scene, this.sceneControl.camera);
+      });
+      return;
     }
-  }]);
-  return PerspectiveCameraExpand;
-}(EventDispatcher);
+    if (this.tween) this.tween.stop();
+    this.tween = new TWEEN.Tween(
+    // @ts-ignore
+    {
+      t: 0,
+      lookat: this.controls.target.clone(),
+      p: this.camera.rotationParent.x,
+      yaw: this.camera.rotationParent.y
+    })
+    // @ts-ignore
+    .to({
+      t: 1,
+      lookat: target,
+      p: MathUtils.degToRad(pitch),
+      y: MathUtils.degToRad(yaw)
+    }, (options === null || options === void 0 ? void 0 : options.duration) || 1000).onStart(() => {
+      (options === null || options === void 0 ? void 0 : options.onStart) && options.onStart();
+      this.controls.enabled = false;
+      this._isTransitionPeriod = true;
+    }).easing(TWEEN.Easing.Quadratic.InOut).onUpdate(({
+      t,
+      lookat,
+      p
+    }) => {
+      this.controls.target.copy(lookat);
+      if (pitch)
+        // @ts-ignore
+        this.camera.rotationParent.x = p;
+      if (yaw)
+        // @ts-ignore
+        this.camera.rotationParent.y = p;
+      const currentPosition = currentPositionInterpolation.lerpVectors(currentPoition, position, t);
+      this.camera.position.copy(currentPosition);
+      (options === null || options === void 0 ? void 0 : options.onUpdate) && options.onUpdate({
+        position: currentPosition,
+        lookat
+      });
+    }).onComplete(() => {
+      requestAnimationFrame(() => {
+        (options === null || options === void 0 ? void 0 : options.onComplate) && options.onComplate();
+      });
+      this.controls.enabled = true;
+      setTimeout(() => {
+        this._isTransitionPeriod = false;
+      });
+    }).start();
+  }
+}
 //# sourceMappingURL=CameraExpand.js.map