@realsee/dnalogel 0.1.0

package/plugins/CSS3DRenderPlugin/index.js

@@ -0,0 +1,220 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CSS3DRenderPlugin = void 0;
+
+var THREE = _interopRequireWildcard(require("three"));
+
+var _CSS3DRenderer = require("three/examples/jsm/renderers/CSS3DRenderer");
+
+var _evenNumber = _interopRequireDefault(require("../../shared-utils/math/evenNumber"));
+
+var _centerPoint = _interopRequireDefault(require("../../shared-utils/three/centerPoint"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
+/**
+ * **CSS3DRenderPlugin** 提供矩形区域（三维空间四个坐标点），你可以在此矩形区域中渲染 DOM 内容。
+ * 实现原理参考[CSS3DRenderer](https://threejs.org/docs/index.html?q=CSS3D#examples/en/renderers/CSS3DRenderer)。
+ *
+ * @returns
+ */
+var CSS3DRenderPlugin = function CSS3DRenderPlugin(five, _ref) {
+  _objectDestructuringEmpty(_ref);
+
+  var state = {
+    disposeCallbacks: []
+  };
+
+  var create3DDomContainer = function create3DDomContainer(points, container, config) {
+    var _five$model;
+
+    if ((points === null || points === void 0 ? void 0 : points.length) < 3) {
+      return console.error('points must be equal or greater than than 3');
+    }
+
+    if (!(five !== null && five !== void 0 && (_five$model = five.model) !== null && _five$model !== void 0 && _five$model.loaded)) {
+      var _five$model2;
+
+      return console.error('five.model.loaded is: ', five === null || five === void 0 ? void 0 : (_five$model2 = five.model) === null || _five$model2 === void 0 ? void 0 : _five$model2.loaded);
+    }
+
+    var fiveElement = five.getElement();
+
+    if (!fiveElement) {
+      return console.error('five.getElement() is ' + fiveElement);
+    }
+
+    var disposers = [];
+    var ratio = (config === null || config === void 0 ? void 0 : config.ratio) || 0.002; // 0.72 / 354   0.72m宽的窗户，UI稿上是354像素
+
+    var dpr = (config === null || config === void 0 ? void 0 : config.dpr) || 1;
+    var mode = (config === null || config === void 0 ? void 0 : config.mode) || 'front';
+    var autoRender = (config === null || config === void 0 ? void 0 : config.autoRender) || true;
+    var behindFiveContainer = (config === null || config === void 0 ? void 0 : config.behindFiveContainer) || fiveElement.parentElement || document.body;
+    var planeWidth = points[0].distanceTo(points[1]);
+    var planeHeight = points[1].distanceTo(points[2]);
+    var domWidthPx = (0, _evenNumber["default"])(planeWidth / ratio * dpr);
+    var domHeightPx = (0, _evenNumber["default"])(planeHeight / ratio * dpr);
+    var css3DScene = new THREE.Scene();
+    var element = container || document.createElement('div');
+    var object = new _CSS3DRenderer.CSS3DObject(element);
+    object.scale.set(ratio, ratio, ratio);
+    element.style.width = domWidthPx + 'px';
+    element.style.height = domHeightPx + 'px';
+    element.style.pointerEvents = 'none';
+    var centerPosition = (0, _centerPoint["default"])(points[0], points[2]);
+    var vector01 = points[1].clone().sub(points[0]); // 点0 -> 点1 的向量
+
+    var vector12 = points[2].clone().sub(points[1]); // 点1 -> 点2 的向量
+    // 旋转
+
+    var rotateXAngle = new THREE.Vector3(0, 1, 0).angleTo(new THREE.Vector3(0, vector12.y, vector12.z));
+    var rotateYAngle = new THREE.Vector3(1, 0, 0).angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
+    var rotateZAngle = vector01.angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
+    /**
+     * [0,1,0] => [0,0,1]  为rolate Worldx正方向
+     * [0,0,1] => [0,1,0]  为rolate Worldy正方向
+     * [0,1,1] => [-1,0,0] 为rolate Worldz正方向
+     */
+
+    var rolateX = (vector12.z > 0 ? 1 : -1) * rotateXAngle;
+    var rolateY = (vector01.z < 0 ? 1 : -1) * rotateYAngle;
+    var rolateZ = (vector01.x > 0 && vector01.y < 0 || vector01.x < 0 && vector01.y > 0 ? -1 : 1) * rotateZAngle;
+    object.rotateOnWorldAxis(new THREE.Vector3(1, 0, 0), rolateX); // x
+
+    object.rotateOnWorldAxis(new THREE.Vector3(0, 1, 0), rolateY); // y
+
+    object.rotateOnWorldAxis(new THREE.Vector3(0, 0, 1), rolateZ); // z
+
+    object.position.set(centerPosition.x, centerPosition.y, centerPosition.z);
+    css3DScene.add(object);
+    var mesh;
+
+    if (mode === 'behind') {
+      var material = new THREE.MeshBasicMaterial({
+        opacity: 0,
+        transparent: false,
+        side: THREE.DoubleSide
+      });
+      var geometry = new THREE.PlaneGeometry(domWidthPx, domHeightPx);
+      mesh = new THREE.Mesh(geometry, material);
+      mesh.name = 'CSS3DRenderPlugin-mesh';
+      mesh.position.copy(object.position);
+      mesh.rotation.copy(object.rotation);
+      mesh.scale.copy(object.scale);
+    }
+
+    var css3DRenderer = new _CSS3DRenderer.CSS3DRenderer();
+
+    var css3DRendererSetSize = function css3DRendererSetSize() {
+      var rendererWidth = (0, _evenNumber["default"])(fiveElement.clientWidth);
+      var rendererHeight = (0, _evenNumber["default"])(fiveElement.clientHeight);
+      css3DRenderer.setSize(rendererWidth, rendererHeight);
+    };
+
+    css3DRendererSetSize();
+    var resizeObserver = new ResizeObserver(css3DRendererSetSize);
+    css3DRenderer.domElement.style.position = 'absolute';
+    css3DRenderer.domElement.style.top = '0';
+    css3DRenderer.domElement.style.userSelect = 'none';
+    css3DRenderer.domElement.style.pointerEvents = 'none';
+
+    if (mode === 'front') {
+      var wrapper = fiveElement.parentElement || document.body;
+      wrapper.appendChild(css3DRenderer.domElement);
+    } else {
+      var _wrapper = behindFiveContainer;
+
+      _wrapper.appendChild(css3DRenderer.domElement);
+    }
+
+    var stopRenderFlag = false;
+    var requestAnimationFrameId = null;
+
+    var dispose = function dispose() {
+      stopRenderFlag = true;
+
+      try {
+        disposers.forEach(function (d) {
+          return d === null || d === void 0 ? void 0 : d();
+        });
+        element.remove();
+
+        if (typeof requestAnimationFrameId === 'number') {
+          cancelAnimationFrame(requestAnimationFrameId);
+        }
+
+        css3DScene.remove(object);
+        css3DScene.dispose();
+        css3DRenderer.domElement.remove();
+        resizeObserver.unobserve(fiveElement);
+        return true;
+      } catch (e) {
+        console.warn('error:', e);
+      }
+
+      return false;
+    };
+
+    var idx = state.disposeCallbacks.findIndex(function (item) {
+      return item === dispose;
+    });
+
+    if (idx !== -1) {
+      state.disposeCallbacks.splice(idx, 1);
+    } else {
+      state.disposeCallbacks.push(dispose);
+    }
+
+    var renderEveryFrame = function renderEveryFrame() {
+      if (stopRenderFlag) return;
+      requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
+      css3DRenderer.render(css3DScene, five.camera);
+    };
+
+    var render = function render() {
+      resizeObserver.observe(fiveElement);
+      renderEveryFrame();
+
+      if (mode === 'behind' && mesh) {
+        five.scene.add(mesh);
+        disposers.push(function () {
+          return mesh && five.scene.remove(mesh);
+        });
+      }
+    };
+
+    if (autoRender) render();
+    return {
+      container: element,
+      dispose: dispose,
+      object: object,
+      render: autoRender ? undefined : render
+    };
+  };
+
+  return {
+    create3DDomContainer: create3DDomContainer,
+    disposeAll: function disposeAll() {
+      state.disposeCallbacks.forEach(function (dispose) {
+        return dispose === null || dispose === void 0 ? void 0 : dispose();
+      });
+      state.disposeCallbacks = [];
+    }
+  };
+};
+
+exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
+var _default = CSS3DRenderPlugin;
+exports["default"] = _default;

package/plugins/CameraMovementPlugin/index.d.ts

@@ -0,0 +1,7 @@
+import type { FivePlugin } from '@realsee/five';
+import { CameraMovementPluginExportType, CameraMovementPluginParameterType } from './typing';
+/**
+ * **运镜插件** 模拟类似于电影运镜效果。
+ */
+export declare const CameraMovementPlugin: FivePlugin<CameraMovementPluginParameterType, CameraMovementPluginExportType>;
+export default CameraMovementPlugin;

package/plugins/CameraMovementPlugin/index.js

@@ -0,0 +1,338 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CameraMovementPlugin = void 0;
+
+var _five = require("@realsee/five");
+
+var TWEEN = _interopRequireWildcard(require("@tweenjs/tween.js"));
+
+var _tween2 = require("../../shared-utils/animationFrame/tween");
+
+var _typing = require("./typing");
+
+var _formatRad = require("../../shared-utils/animationFrame/formatRad");
+
+var _calculateProgress = require("../../shared-utils/animationFrame/calculateProgress");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var getLongitudeParams = function getLongitudeParams(from, to, rotation) {
+  var PI = Math.PI;
+  var PI_2 = PI * 2;
+  from = (0, _formatRad.formatLongitude)(from);
+  to = (0, _formatRad.formatLongitude)(to); // 逆时针旋转，初始值必须是较大的值
+
+  if (rotation === _typing.Rotation.Anticlockwise && from < to) from += PI_2; // 顺时针旋转，结束值必须是较大值
+
+  if (rotation === _typing.Rotation.Clockwise && to < from) to += PI_2; // Loop 旋转，找锐角旋转
+  // 如果 to 比 from 大 180°，逆时针转
+  // 如果 from 比 to 大 180°，顺时针转
+
+  if (rotation === _typing.Rotation.Loop && to - from > PI) return getLongitudeParams(from, to, _typing.Rotation.Anticlockwise);
+  if (rotation === _typing.Rotation.Loop && from - to > PI) return getLongitudeParams(from, to, _typing.Rotation.Clockwise);
+  return {
+    from: from,
+    to: to
+  };
+};
+/**
+ * **运镜插件** 模拟类似于电影运镜效果。
+ */
+
+
+var CameraMovementPlugin = function CameraMovementPlugin(five) {
+  var state = {};
+
+  var move = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(args, duration) {
+      var opts,
+          _args = arguments;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              opts = _args.length > 2 && _args[2] !== undefined ? _args[2] : {
+                preload: true
+              };
+
+              if (state.interruptCallback) {
+                state.interruptCallback(false);
+              }
+
+              if (!opts.asyncStartCallback) {
+                _context.next = 5;
+                break;
+              }
+
+              _context.next = 5;
+              return opts.asyncStartCallback();
+
+            case 5:
+              if (!(args.mode && args.mode !== five.currentMode)) {
+                _context.next = 8;
+                break;
+              }
+
+              _context.next = 8;
+              return five.changeMode(args.mode);
+
+            case 8:
+              if (!(opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
+                _context.next = 11;
+                break;
+              }
+
+              _context.next = 11;
+              return five.preloadPano(args.panoIndex);
+
+            case 11:
+              if (!opts.asyncEndCallback) {
+                _context.next = 14;
+                break;
+              }
+
+              _context.next = 14;
+              return opts.asyncEndCallback();
+
+            case 14:
+              if (!(args.panoIndex === undefined && args.fov === undefined && args.latitude === undefined && args.longitude === undefined)) {
+                _context.next = 16;
+                break;
+              }
+
+              return _context.abrupt("return", true);
+
+            case 16:
+              _context.next = 18;
+              return new Promise(function (resolve, reject) {
+                var panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
+
+                if (panoIndex !== undefined) {
+                  five.moveToPano(panoIndex, Object.assign({
+                    duration: duration,
+                    // 移动耗时
+                    moveEndCallback: function moveEndCallback() {
+                      return resolve(true);
+                    },
+                    // 移动结束
+                    moveCancelCallback: function moveCancelCallback() {
+                      return reject(false);
+                    } // 移动开始
+
+                  }, args));
+                } else {
+                  reject(false);
+                }
+              });
+
+            case 18:
+              return _context.abrupt("return", _context.sent);
+
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function move(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var getAnimeParams = function getAnimeParams(args) {
+    var currentFiveState = five.state; // latitude
+
+    var fromLatitude = (0, _formatRad.formatLatitude)(currentFiveState.latitude);
+    var toLatitude = (0, _formatRad.formatLatitude)(args.latitude); // longitude
+
+    var _getLongitudeParams = getLongitudeParams(currentFiveState.longitude, args.longitude, args.rotation || _typing.Rotation.Loop),
+        fromLongitude = _getLongitudeParams.from,
+        toLongitude = _getLongitudeParams.to; // fov
+
+
+    var fromFov = currentFiveState.fov;
+    var toFov = args.fov;
+    return {
+      from: {
+        latitude: fromLatitude,
+        longitude: fromLongitude,
+        fov: fromFov
+      },
+      to: {
+        latitude: toLatitude,
+        longitude: toLongitude,
+        fov: toFov
+      }
+    };
+  };
+
+  var rotate = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(args, duration) {
+      var opts,
+          _getAnimeParams,
+          from,
+          to,
+          _args2 = arguments;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              opts = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};
+
+              if (state.interruptCallback) {
+                state.interruptCallback(false);
+              }
+
+              if (!opts.asyncStartCallback) {
+                _context2.next = 5;
+                break;
+              }
+
+              _context2.next = 5;
+              return opts.asyncStartCallback();
+
+            case 5:
+              if (!(five.currentMode !== _five.Five.Mode.Panorama)) {
+                _context2.next = 8;
+                break;
+              }
+
+              _context2.next = 8;
+              return five.changeMode(_five.Five.Mode.Panorama);
+
+            case 8:
+              if (!(args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
+                _context2.next = 14;
+                break;
+              }
+
+              if (!opts.preload) {
+                _context2.next = 12;
+                break;
+              }
+
+              _context2.next = 12;
+              return five.preloadPano(args.panoIndex);
+
+            case 12:
+              _context2.next = 14;
+              return new Promise(function (resolve, reject) {
+                if (!args.panoIndex) {
+                  resolve(true);
+                  return;
+                }
+
+                five.moveToPano(args.panoIndex, {
+                  moveEndCallback: function moveEndCallback() {
+                    return resolve(true);
+                  },
+                  // 移动结束
+                  moveCancelCallback: function moveCancelCallback() {
+                    return reject(false);
+                  } // 移动开始
+
+                });
+              });
+
+            case 14:
+              if (!opts.asyncEndCallback) {
+                _context2.next = 17;
+                break;
+              }
+
+              _context2.next = 17;
+              return opts.asyncEndCallback();
+
+            case 17:
+              _getAnimeParams = getAnimeParams(args), from = _getAnimeParams.from, to = _getAnimeParams.to;
+              _context2.next = 20;
+              return new Promise(function (resolve) {
+                var onUpdate = function onUpdate(_ref3) {
+                  var progress = _ref3.progress;
+                  var state = {};
+                  state.longitude = (0, _calculateProgress.progressNumber)(from.longitude, to.longitude, progress);
+                  state.latitude = (0, _calculateProgress.progressNumber)(from.latitude, to.latitude, progress);
+                  state.fov = (0, _calculateProgress.progressNumber)(from.fov, to.fov, progress);
+                  five.setState(state, true);
+                };
+
+                var onComplete = function onComplete() {
+                  resolve(true);
+                };
+
+                var onDestroy = function onDestroy() {
+                  resolve(false);
+                };
+
+                var animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
+                var tween = (0, _tween2.tweenProgress)(animeDuration, TWEEN.Easing.Linear.None).onUpdate(onUpdate).onComplete(onComplete).onDestroy(onDestroy);
+
+                if (args.rotation === _typing.Rotation.Loop) {
+                  tween.repeat(Infinity).yoyo(true);
+                }
+                /**
+                 * 中断回调：可能会被其他动画中断。
+                 */
+
+
+                /**
+                 * 中断回调：可能会被其他动画中断。
+                 */
+                state.interruptCallback = function () {
+                  var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+                  tween.destroy();
+                  state.interruptCallback = undefined;
+
+                  if (state.timeoutId) {
+                    clearTimeout(state.timeoutId);
+                    state.timeoutId = undefined;
+                  }
+
+                  resolve(flag);
+                };
+
+                state.timeoutId = setTimeout(function () {
+                  // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式
+                  if (state.interruptCallback) state.interruptCallback(true);
+                }, duration);
+              });
+
+            case 20:
+              return _context2.abrupt("return", _context2.sent);
+
+            case 21:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function rotate(_x3, _x4) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return {
+    move: move,
+    rotate: rotate
+  };
+};
+
+exports.CameraMovementPlugin = CameraMovementPlugin;
+var _default = CameraMovementPlugin;
+exports["default"] = _default;

package/plugins/CameraMovementPlugin/typing.d.ts

@@ -0,0 +1,68 @@
+import { Mode, Pose } from '@realsee/five';
+export interface CameraMovementPluginParameterType {
+}
+export interface CameraMovementPluginExportType {
+    /**
+     * 运镜：移动
+     * @param moveArgs 移动参数
+     * @param duration 移动耗时
+     * @param opts 额外配置
+     */
+    move(moveArgs: Partial<MoveArgs>, duration: number, opts?: MoveOpts): Promise<boolean>;
+    /**
+     * 运镜：旋转
+     * @param rotateArgs 旋转参数
+     * @param duration 旋转耗时
+     * @param opts 额外配置
+     */
+    rotate(rotateArgs: Partial<RotateArgs>, duration: number, opts?: RotateOpts): Promise<boolean>;
+}
+/**
+ * 运镜效果
+ */
+export declare enum CameraMovementEffect {
+    Move = "Move",
+    Rotate = "Rotate"
+}
+/**
+ * 旋转类型
+ */
+export declare enum Rotation {
+    Clockwise = "Clockwise",
+    Anticlockwise = "Anticlockwise",
+    Loop = "Loop"
+}
+/**
+ * 回调配置
+ */
+export interface CameraMovementOptsCallback {
+    asyncStartCallback?: () => void;
+    asyncEndCallback?: () => void;
+}
+/**
+ * 移动运镜参数
+ */
+export declare type MoveArgs = {
+    mode: Mode;
+    panoIndex: number;
+} & Pose;
+/**
+ * 移动运镜配置
+ */
+export declare type MoveOpts = {
+    preload?: boolean;
+} & CameraMovementOptsCallback;
+/**
+ * 旋转运镜参数
+ */
+export declare type RotateArgs = {
+    panoIndex?: number;
+    rotateSpeed?: number;
+    rotation?: Rotation;
+} & Pose;
+/**
+ * 旋转运镜配置
+ */
+export declare type RotateOpts = {
+    preload?: boolean;
+} & CameraMovementOptsCallback;

package/plugins/CameraMovementPlugin/typing.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Rotation = exports.CameraMovementEffect = void 0;
+// eslint-disable-next-line prettier/prettier
+
+/**
+ * 运镜效果
+ */
+var CameraMovementEffect;
+/**
+ * 旋转类型
+ */
+
+exports.CameraMovementEffect = CameraMovementEffect;
+
+(function (CameraMovementEffect) {
+  CameraMovementEffect["Move"] = "Move";
+  CameraMovementEffect["Rotate"] = "Rotate";
+})(CameraMovementEffect || (exports.CameraMovementEffect = CameraMovementEffect = {}));
+
+var Rotation;
+/**
+ * 回调配置
+ */
+
+exports.Rotation = Rotation;
+
+(function (Rotation) {
+  Rotation["Clockwise"] = "Clockwise";
+  Rotation["Anticlockwise"] = "Anticlockwise";
+  Rotation["Loop"] = "Loop";
+})(Rotation || (exports.Rotation = Rotation = {}));

package/plugins/ModelChassisCompassPlugin/index.d.ts

@@ -0,0 +1,15 @@
+import type { FivePlugin } from '@realsee/five';
+export interface ModelChassisCompassPluginParameterType {
+    northRad?: number;
+    fbxUrl?: string;
+}
+export interface ModelChassisCompassPluginExportType {
+    enable: () => void;
+    disable: () => void;
+    load: (northRad?: number, fbxUrl?: string) => Promise<boolean>;
+}
+/**
+ * 模型底盘指南针插件
+ */
+declare const ModelChassisCompassPlugin: FivePlugin<ModelChassisCompassPluginParameterType, ModelChassisCompassPluginExportType>;
+export default ModelChassisCompassPlugin;