@realsee/dnalogel 0.1.7 → 2.0.0-alpha.3

package/plugins/CameraMovementPlugin/index.js

@@ -1,362 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.CameraMovementPlugin = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.string.repeat.js");
-
-require("core-js/modules/web.timers.js");
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-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; }
-
-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 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(args, duration) {
-      var opts,
-          _args = arguments;
-      return _regenerator["default"].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 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(args, duration) {
-      var opts,
-          _getAnimeParams,
-          from,
-          to,
-          _args2 = arguments;
-
-      return _regenerator["default"].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.js

@@ -1,37 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-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.js

@@ -1,157 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var THREE = _interopRequireWildcard(require("three"));
-
-var _FBXLoader = require("three/examples/jsm/loaders/FBXLoader");
-
-var _object3d2LocalMatrix = _interopRequireDefault(require("../../shared-utils/object3d2LocalMatrix"));
-
-var _transfromToMeshBasicMaterial = _interopRequireDefault(require("../../shared-utils/three/transfromToMeshBasicMaterial"));
-
-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; }
-
-/**
- * 模型底盘指南针插件
- */
-var ModelChassisCompassPlugin = function ModelChassisCompassPlugin(five, params) {
-  var defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
-  var defaultNorthRad = params.north_rad || undefined; // 局部状态
-
-  var state = {};
-
-  var load = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
-      var fbxUrl, northRad, bounding, xOffset, zOffset, maxOffset, fbxLoader, object, rotation, _five$model$bounding, _five$model$bounding$, xMax, zMax, _five$model$bounding$2, xMin, yMin, zMin, position, scale;
-
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
-              northRad = (data === null || data === void 0 ? void 0 : data.north_rad) || defaultNorthRad;
-
-              if (northRad) {
-                _context.next = 4;
-                break;
-              }
-
-              throw new Error('"northRad"配置参数缺失：未配置指南针指向！');
-
-            case 4:
-              bounding = five.model.bounding;
-              xOffset = bounding.max.x - bounding.min.x;
-              zOffset = bounding.max.z - bounding.min.z;
-              maxOffset = Math.max(xOffset, zOffset);
-              fbxLoader = new _FBXLoader.FBXLoader();
-              _context.next = 11;
-              return fbxLoader.loadAsync(fbxUrl);
-
-            case 11:
-              object = _context.sent;
-              (0, _transfromToMeshBasicMaterial["default"])(object, {
-                transparent: true,
-                side: THREE.DoubleSide,
-                blending: THREE.AdditiveBlending
-              });
-              rotation = [0, northRad - Math.PI / 2, 0];
-              _five$model$bounding = five.model.bounding, _five$model$bounding$ = _five$model$bounding.max, xMax = _five$model$bounding$.x, zMax = _five$model$bounding$.z, _five$model$bounding$2 = _five$model$bounding.min, xMin = _five$model$bounding$2.x, yMin = _five$model$bounding$2.y, zMin = _five$model$bounding$2.z;
-              state.yBase = yMin;
-              position = {
-                x: (xMax + xMin) / 2,
-                y: yMin - 1.6,
-                z: (zMax + zMin) / 2
-              };
-              scale = 0.0045 * maxOffset;
-              (0, _object3d2LocalMatrix["default"])(object, {
-                position: position,
-                rotation: rotation,
-                scale: scale
-              });
-              state.object = object;
-              return _context.abrupt("return", true);
-
-            case 21:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function load(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var onCameraUpdate = function onCameraUpdate(_ref2) {
-    var latitude = _ref2.latitude;
-    if (!state.object) return;
-    var y = getPositionY(latitude);
-
-    if (y) {
-      state.object.position.y = y;
-    }
-  };
-
-  var getPositionY = function getPositionY(latitude) {
-    if (state.yBase === undefined) return;
-    var difference = 0.6;
-    if (latitude >= Math.PI / 4) return state.yBase - (difference + 1.6);
-    var ratio = latitude * (4 / Math.PI);
-    return state.yBase - (difference * ratio + 1.6);
-  };
-
-  var enable = function enable() {
-    if (!state.object) return;
-    var y = getPositionY(five.getPose().latitude);
-    if (y) state.object.position.y = y;
-    five.scene.add(state.object);
-    five.needsRender = true;
-    five.on('cameraDirectionUpdate', onCameraUpdate);
-  };
-
-  var disable = function disable() {
-    if (!state.object) return;
-    five.scene.remove(state.object);
-    five.needsRender = true;
-    five.off('cameraDirectionUpdate', onCameraUpdate);
-  };
-
-  return {
-    load: load,
-    disable: disable,
-    enable: enable
-  };
-};
-
-var _default = ModelChassisCompassPlugin;
-exports["default"] = _default;