@realsee/dnalogel 0.1.7 → 2.0.0-alpha.11

package/plugins/TreasurePlugin/Controller.js

@@ -1,250 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.weak-map.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.TreasurePluginController = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.values.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.array.find.js");
-
-require("core-js/modules/es.array.find-index.js");
-
-require("core-js/modules/es.array.slice.js");
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var THREE = _interopRequireWildcard(require("three"));
-
-var _five = require("@realsee/five");
-
-var _isNil = require("../../shared-utils/isNil");
-
-var _constants = require("./constants");
-
-var _TreasureObject = require("./TreasureObject");
-
-var _getTextureLoader = require("../../shared-utils/three/getTextureLoader");
-
-var _getExtraModelLoader = require("../../shared-utils/three/getExtraModelLoader");
-
-var _to = _interopRequireDefault(require("../../shared-utils/to"));
-
-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 TreasurePluginController = /*#__PURE__*/function () {
-  function TreasurePluginController(five) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, TreasurePluginController);
-    (0, _defineProperty2["default"])(this, "hooks", new _five.Subscribe());
-    (0, _defineProperty2["default"])(this, "treasures", []);
-    (0, _defineProperty2["default"])(this, "textureLoader", (0, _getTextureLoader.getTextureLoader)());
-    (0, _defineProperty2["default"])(this, "modelLoader", (0, _getExtraModelLoader.getExtraModelLoader)());
-    (0, _defineProperty2["default"])(this, "dispose", function () {
-      _this.modelLoader.dispose();
-
-      _this.textureLoader.dispose();
-
-      _this.five.scene.remove(_this.selfGroup);
-
-      _this.treasures.forEach(function (treasure) {
-        return treasure.dispose();
-      });
-    });
-    (0, _defineProperty2["default"])(this, "onTreasureClick", function (id) {
-      _this.hooks.emit('tap', {
-        id: id
-      });
-    });
-    (0, _defineProperty2["default"])(this, "getTreasureObjectParams", function (data) {
-      var config = _this.getConfig(data);
-
-      var position = new THREE.Vector3().fromArray(Object.values(data.position));
-      return {
-        config: config,
-        position: position,
-        id: data.id,
-        five: _this.five,
-        loadTexture: _this.textureLoader.load,
-        loadModelGroup: _this.modelLoader.load,
-        clickCallback: _this.onTreasureClick,
-        onOpenAnimationEnded: _this.onTreasureOpenAnimationEnded
-      };
-    });
-    (0, _defineProperty2["default"])(this, "onTreasureOpenAnimationEnded", function (id) {
-      _this.hooks.emit('openAnimationEnded', {
-        id: id
-      });
-    });
-    this.five = five; // ========== self group ==========
-
-    this.selfGroup = new THREE.Group();
-    this.selfGroup.name = 'treasure-plugin-group';
-    this.five.scene.add(this.selfGroup);
-    this.five.once('dispose', this.dispose);
-  }
-
-  (0, _createClass2["default"])(TreasurePluginController, [{
-    key: "load",
-    value: function () {
-      var _load = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data, options) {
-        var _this$treasures;
-
-        var _yield$to, _yield$to2, error, treasures, appendTreasuresAfterLoaded, _this$selfGroup;
-
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return (0, _to["default"])(Promise.all(data.treasures.map(this.getTreasureObjectParams).filter(_isNil.notNil).map(function (params) {
-                  return new _TreasureObject.TreasureObject(params).load();
-                })));
-
-              case 2:
-                _yield$to = _context.sent;
-                _yield$to2 = (0, _slicedToArray2["default"])(_yield$to, 2);
-                error = _yield$to2[0];
-                treasures = _yield$to2[1];
-
-                if (!(error || !treasures)) {
-                  _context.next = 8;
-                  break;
-                }
-
-                throw error;
-
-              case 8:
-                (_this$treasures = this.treasures).push.apply(_this$treasures, (0, _toConsumableArray2["default"])(treasures));
-
-                appendTreasuresAfterLoaded = (options === null || options === void 0 ? void 0 : options.appendTreasuresAfterLoaded) || true;
-
-                if (appendTreasuresAfterLoaded) {
-                  (_this$selfGroup = this.selfGroup).add.apply(_this$selfGroup, (0, _toConsumableArray2["default"])(treasures));
-
-                  this.five.needsRender = true;
-                }
-
-                return _context.abrupt("return", treasures);
-
-              case 12:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function load(_x, _x2) {
-        return _load.apply(this, arguments);
-      }
-
-      return load;
-    }()
-  }, {
-    key: "appendChild",
-    value: function appendChild(child) {
-      this.selfGroup.add(child);
-      this.five.needsRender = true;
-      return this;
-    }
-  }, {
-    key: "appendChildByID",
-    value: function appendChildByID(childID) {
-      var treasure = this.getTreasureByID(childID);
-      if (!treasure) throw new Error('can not find treasure which has ID ' + childID);
-      this.appendChild(treasure);
-      return this;
-    }
-  }, {
-    key: "getTreasureByID",
-    value: function getTreasureByID(id) {
-      return this.treasures.find(function (treasure) {
-        return treasure.treasureID === id;
-      });
-    }
-  }, {
-    key: "removeTreasureByID",
-    value: function removeTreasureByID(id) {
-      var treasureIndex = this.treasures.findIndex(function (treasure) {
-        return treasure.treasureID === id;
-      });
-      if (typeof treasureIndex !== 'number') return false;
-      var treasure = this.treasures[treasureIndex];
-      treasure.dispose();
-      this.selfGroup.remove(treasure);
-      this.treasures.slice(treasureIndex, 1);
-      return true;
-    }
-  }, {
-    key: "getConfig",
-    value: function getConfig(data) {
-      var _DEFAULT_TREASURE_CON, _ref2, _data$config$scale, _data$config, _data$config2, _data$config3, _data$config4;
-
-      var typeConfig = (_DEFAULT_TREASURE_CON = _constants.DEFAULT_TREASURE_CONFIGS.find(function (_ref) {
-        var type = _ref.type;
-        return type === data.type;
-      })) === null || _DEFAULT_TREASURE_CON === void 0 ? void 0 : _DEFAULT_TREASURE_CON.config;
-      var defaultConfig = _constants.DEFAULT_TREASURE_CONFIG;
-      var scale = (_ref2 = (_data$config$scale = data === null || data === void 0 ? void 0 : (_data$config = data.config) === null || _data$config === void 0 ? void 0 : _data$config.scale) !== null && _data$config$scale !== void 0 ? _data$config$scale : typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig.scale) !== null && _ref2 !== void 0 ? _ref2 : defaultConfig.scale;
-      var objectUrl = (data === null || data === void 0 ? void 0 : (_data$config2 = data.config) === null || _data$config2 === void 0 ? void 0 : _data$config2.object_url) || (typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig.objectUrl) || defaultConfig.objectUrl;
-      var boxTextureUrl = (data === null || data === void 0 ? void 0 : (_data$config3 = data.config) === null || _data$config3 === void 0 ? void 0 : _data$config3.box_texture_url) || (typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig.boxTextureUrl) || defaultConfig.boxTextureUrl;
-      var faceAnimeTextureUrls = (data === null || data === void 0 ? void 0 : (_data$config4 = data.config) === null || _data$config4 === void 0 ? void 0 : _data$config4.face_anime_texture_urls) || (typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig.faceAnimeTextureUrls) || defaultConfig.faceAnimeTextureUrls;
-      return {
-        scale: scale,
-        objectUrl: objectUrl,
-        boxTextureUrl: boxTextureUrl,
-        faceAnimeTextureUrls: faceAnimeTextureUrls
-      };
-    }
-  }]);
-  return TreasurePluginController;
-}();
-
-exports.TreasurePluginController = TreasurePluginController;

package/plugins/TreasurePlugin/TreasureFaceAnime.d.ts

@@ -1,25 +0,0 @@
-import * as THREE from 'three';
-import { Five } from '@realsee/five';
-import { Group } from 'three';
-export interface TreasureFaceAnimeParams {
-    five: Five;
-    treasureGroup: Group;
-    textureUrls: string[];
-    loadTexture: (url: string) => Promise<THREE.Texture>;
-}
-export declare class TreasureFaceAnime {
-    paused: boolean;
-    private five;
-    private faceAnimeStep;
-    private treasureGroup;
-    private initialFaceTexture;
-    private faceAnimeTimer?;
-    private faceTexturesPromise;
-    private faceMesh;
-    constructor(params: TreasureFaceAnimeParams);
-    play: () => Promise<boolean>;
-    pause(): boolean;
-    dispose(): void;
-    setToInitialState(): void;
-    private clearTimer;
-}

package/plugins/TreasurePlugin/TreasureFaceAnime.js

@@ -1,143 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.weak-map.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.TreasureFaceAnime = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-require("core-js/modules/web.timers.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var THREE = _interopRequireWildcard(require("three"));
-
-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 TreasureFaceAnime = /*#__PURE__*/function () {
-  function TreasureFaceAnime(params) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, TreasureFaceAnime);
-    (0, _defineProperty2["default"])(this, "paused", true);
-    (0, _defineProperty2["default"])(this, "faceAnimeStep", 0);
-    (0, _defineProperty2["default"])(this, "play", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var faceMaterial, faceTextures;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (_this.paused) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return", true);
-
-            case 2:
-              _this.paused = false;
-
-              _this.clearTimer();
-
-              faceMaterial = _this.faceMesh.material;
-              _context.next = 7;
-              return _this.faceTexturesPromise;
-
-            case 7:
-              faceTextures = _context.sent;
-
-              if (!_this.paused) {
-                _context.next = 10;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 10:
-              _this.faceAnimeTimer = setInterval(function () {
-                _this.faceAnimeStep = (_this.faceAnimeStep + 1) % faceTextures.length;
-                var texture = faceTextures[_this.faceAnimeStep];
-                texture.encoding = THREE.sRGBEncoding;
-                faceMaterial.map = texture;
-                _this.five.needsRender = true;
-              }, 300);
-              return _context.abrupt("return", true);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    this.five = params.five;
-    this.treasureGroup = params.treasureGroup;
-    this.faceTexturesPromise = Promise.all(params.textureUrls.map(params.loadTexture));
-    this.faceMesh = this.treasureGroup.getObjectByName('face');
-    var initialFaceTexture = this.faceMesh.material.map;
-    if (!initialFaceTexture) throw new Error('初始化失败，不能从模型文件中找到对应的动画贴图');
-    this.initialFaceTexture = initialFaceTexture;
-    this.initialFaceTexture.encoding = THREE.sRGBEncoding;
-  }
-
-  (0, _createClass2["default"])(TreasureFaceAnime, [{
-    key: "pause",
-    value: function pause() {
-      this.paused = true;
-      this.clearTimer();
-      return true;
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      this.pause();
-    }
-  }, {
-    key: "setToInitialState",
-    value: function setToInitialState() {
-      this.faceMesh.material.map = this.initialFaceTexture;
-      this.faceAnimeStep = 0;
-      this.five.needsRender = true;
-    }
-  }, {
-    key: "clearTimer",
-    value: function clearTimer() {
-      this.faceAnimeTimer && clearInterval(this.faceAnimeTimer);
-      this.faceAnimeTimer = void 0;
-    }
-  }]);
-  return TreasureFaceAnime;
-}();
-
-exports.TreasureFaceAnime = TreasureFaceAnime;

package/plugins/TreasurePlugin/TreasureObject.d.ts

@@ -1,53 +0,0 @@
-import * as THREE from 'three';
-import { Five } from '@realsee/five';
-export interface TreasureObjectConfig {
-    scale: number;
-    objectUrl: string;
-    boxTextureUrl?: string;
-    faceAnimeTextureUrls: string[];
-}
-/** 宝箱实例
- * @description
- * 点击宝箱可以打开宝箱
- * @description
- * 在宝箱未打开时，靠近宝箱或点击宝箱，宝箱会转动到朝向用户的方向
- */
-export interface TreasureObjectParams {
-    id: string;
-    five: Five;
-    position: THREE.Vector3;
-    config: TreasureObjectConfig;
-    clickCallback?: (id: string) => unknown;
-    onOpenAnimationEnded?: (id: string) => unknown;
-    loadTexture: (url: string) => Promise<THREE.Texture>;
-    loadModelGroup: (url: string) => Promise<THREE.Group>;
-}
-export declare class TreasureObject extends THREE.Object3D {
-    readonly treasureID: string;
-    readonly name = "treasureObject";
-    protected opened: boolean;
-    private five;
-    private params;
-    private faceAnime?;
-    private openAnime?;
-    private modelGroupPromise;
-    constructor(params: TreasureObjectParams);
-    load(): Promise<TreasureObject>;
-    show(params?: {
-        duration?: number;
-    }): Promise<boolean>;
-    hide(params?: {
-        duration?: number;
-    }): Promise<boolean>;
-    /** 销毁当前宝箱实例
-     * @description 注意 dispose 并不会销毁所使用的贴图，因为贴图会有共用关系，需要在最外层销毁
-     */
-    dispose(): void;
-    /** 旋转宝箱朝向用户 */
-    rotateToCamera(): void;
-    /** 打开宝箱 */
-    open(): boolean;
-    private getModelPromise;
-    private onFiveWantsTapGesture;
-    private onFivePanoArrived;
-}