@anov/3d-ability 0.0.141 → 0.0.143

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

@@ -1,418 +1,484 @@
+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 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();
+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;
   }
-  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
+  _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
+        });
+      });
+    }
 
-  /**
-   * 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
-    };
-  }
+    /**
+     * 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
-   */
-  caclSingleCoordinate(prevTarget, prevPosition, lastTarget, distance) {
-    const directionVector = prevPosition.clone().sub(prevTarget).normalize();
-    const lastPosition = directionVector.multiplyScalar(distance).add(lastTarget);
-    return lastPosition;
-  }
+    /**
+     * 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
+              });
+            }
+          };
+        };
+
+        // 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());
+        }
+      });
+    }
 
-  /**
-   * 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,
+    /**
+     * 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,
               target: lookat
             });
           },
-          onComplate: () => {
-            var _params$duration;
+          onComplate: function onComplate() {
+            var _params$duration2;
             res({
-              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
+              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
             });
           }
-        };
-      };
-
-      // 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
-   */
-  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
+     */
+  }, {
+    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 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 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 yaw
-   * @returns
-   */
-  get yaw() {
-    return this.camera.rotationParent.y;
-  }
+    /**
+     * get current yaw
+     * @returns
+     */
+  }, {
+    key: "yaw",
+    get: function get() {
+      return this.camera.rotationParent.y;
+    }
 
-  /**
-   * 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 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 yaw, similar to ue
-   * @param deg
-   */
-  setYaw(deg) {
-    if (deg > 180) deg = 180;
-    if (deg < -180) deg = -180;
+    /**
+     * set yaw, similar to ue
+     * @param deg
+     */
+  }, {
+    key: "setYaw",
+    value: function 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
-   */
-  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;
-  }
+    /**
+     * 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;
+    }
 
-  /**
-   * 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);
+    /**
+     * 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);
       container.scale.copy(target.scale);
-      needUpdateRotation && container.rotation.copy(target.rotation);
+      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);
+      });
       this.controls.target.copy(target.position);
       followControls.target = target.position;
-      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;
-  }
+      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;
+    }
 
-  /**
-   * cancel follow
-   * @param followId
-   */
-  cancelFollow(followId) {
-    const cancel = this.followCancelMap.get(followId);
-    cancel && cancel();
-  }
+    /**
+     * cancel follow
+     * @param followId
+     */
+  }, {
+    key: "cancelFollow",
+    value: function cancelFollow(followId) {
+      var cancel = this.followCancelMap.get(followId);
+      cancel && cancel();
+    }
 
-  /**
-   * cancel all follow
-   */
-  cancelAllFollow() {
-    this.followCancelMap.forEach(cancel => {
-      cancel();
-    });
-  }
+    /**
+     * cancel all follow
+     */
+  }, {
+    key: "cancelAllFollow",
+    value: function cancelAllFollow() {
+      this.followCancelMap.forEach(function (cancel) {
+        cancel();
+      });
+    }
 
-  /**
-   * 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 (yaw) {
-        // @ts-ignore
-        this.camera.rotationParent.y = MathUtils.degToRad(yaw);
+    /**
+     * 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;
       }
-      requestAnimationFrame(() => {
-        (options === null || options === void 0 ? void 0 : options.onComplate) && options.onComplate();
-        this.sceneControl.renderer.render(this.sceneControl.scene, this.sceneControl.camera);
-      });
-      return;
+      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 (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();
-  }
-}
+  }]);
+  return PerspectiveCameraExpand;
+}(EventDispatcher);
 //# sourceMappingURL=CameraExpand.js.map