@realsee/dnalogel 0.1.5 → 0.1.7-alpha.1

package/libs/gltf-viewer/requestAnimationFrame.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.requestAnimationFrame = void 0;
+
+require("core-js/modules/web.timers.js");
+
+var _window = window;
+
+var requestAnimationFrame = window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || _window.msRequestAnimationFrame || function (fn) {
+  return setTimeout(fn, 16);
+};
+
+exports.requestAnimationFrame = requestAnimationFrame;

package/libs/gltf-viewer/requestAnimationFrameInterval.d.ts

@@ -0,0 +1 @@
+export declare function requestAnimationFrameInterval(fn: any, context?: any, args?: any[]): () => void;

package/libs/gltf-viewer/requestAnimationFrameInterval.js

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.requestAnimationFrameInterval = requestAnimationFrameInterval;
+
+require("core-js/modules/es.array.concat.js");
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _requestAnimationFrame = require("./requestAnimationFrame");
+
+function requestAnimationFrameInterval(fn, context) {
+  var args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var stoped = false;
+
+  var _loop = function loop(time) {
+    if (fn) fn.call.apply(fn, [context, time].concat((0, _toConsumableArray2["default"])(args)));
+    if (!stoped && _loop) (0, _requestAnimationFrame.requestAnimationFrame)(_loop);
+  };
+
+  (0, _requestAnimationFrame.requestAnimationFrame)(_loop);
+  return function () {
+    _loop = null, stoped = true;
+  };
+}

package/libs/gltf-viewer/uuid.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 随机生成一个uuid值
+ */
+export default function uuid(): string;

package/libs/gltf-viewer/uuid.js

@@ -0,0 +1,28 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = uuid;
+
+require("core-js/modules/es.date.to-string.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+// uuid
+function S4() {
+  return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
+}
+/**
+ * 随机生成一个uuid值
+ */
+
+
+function uuid() {
+  // then to call it, plus stitch in '4' in the third group
+  return (S4() + S4() + '-' + S4() + '-4' + S4().substr(0, 3) + '-' + S4() + '-' + S4() + S4() + S4()).toLowerCase();
+}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "0.1.5",
+  "version": "0.1.7-alpha.1",
   "description": "如视前端 Componets、Plugins 兼部分 SDKs \"Dnalogel\" 库。",
   "author": "BEIKE REALSEE TECHNOLOGY (HK) LIMITED",
   "peerDependencies": {
     "@realsee/five": "^5.0.0-alpha.52",
     "@tweenjs/tween.js": "^18.6.4",
     "@types/styled-jsx": "^2.2.9",
+    "hammerjs": "^2.0.8",
     "react": "^16.14.0",
     "styled-jsx": "^3.4.6",
     "three": "0.117.1",
@@ -19,4 +20,4 @@
   "dependencies": {
     "core-js": "^3.20.0"
   }
-}
+}

package/plugins/ModelEntryDoorGuidePlugin/index.d.ts

@@ -1,8 +1,8 @@
 import type { FivePlugin } from '@realsee/five';
 import { Vector3Position } from '../../typings/math.type';
 export interface ModelEntryDoorGuidePluginData {
-    position: Vector3Position;
-    rad: number;
+    position?: Vector3Position;
+    rad?: number;
     fbx_url?: string;
 }
 export declare type ModelEntryDoorGuidePluginParameterType = {

package/plugins/ModelEntryDoorGuidePlugin/index.js

@@ -61,38 +61,40 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
 
   var load = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
-      var _data$position, _data$position2, _data$rad, _data$fbx_url, _object$children, _object$children$, _object$children$$chi, _object$children$$chi2;
+      var _data$position, _data$rad, _data$fbx_url, _object$children, _object$children$, _object$children$$chi, _object$children$$chi2;
 
-      var modelPosition, rad, fbxUrl, object, textMesh;
+      var position, modelPosition, rad, fbxUrl, object, textMesh;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (!(((_data$position = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position !== void 0 ? _data$position : defaultModelPosition) === undefined)) {
-                _context.next = 2;
+              position = (_data$position = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position !== void 0 ? _data$position : defaultModelPosition;
+
+              if (position) {
+                _context.next = 3;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): position is undefined"));
 
-            case 2:
-              modelPosition = (0, _transformPositionToVector["default"])((_data$position2 = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position2 !== void 0 ? _data$position2 : defaultModelPosition);
+            case 3:
+              modelPosition = (0, _transformPositionToVector["default"])(position);
               rad = (_data$rad = data === null || data === void 0 ? void 0 : data.rad) !== null && _data$rad !== void 0 ? _data$rad : defaultRad;
               fbxUrl = (_data$fbx_url = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _data$fbx_url !== void 0 ? _data$fbx_url : defaultFbxUrl;
               state.rad = rad;
 
               if (!(rad === undefined)) {
-                _context.next = 8;
+                _context.next = 9;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): rad is ".concat(rad)));
 
-            case 8:
-              _context.next = 10;
+            case 9:
+              _context.next = 11;
               return new _FBXLoader.FBXLoader().loadAsync(fbxUrl);
 
-            case 10:
+            case 11:
               object = _context.sent;
               // 设置位置
               object.position.copy(modelPosition);
@@ -105,13 +107,13 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
               textMesh = (_object$children = object.children) === null || _object$children === void 0 ? void 0 : (_object$children$ = _object$children[0]) === null || _object$children$ === void 0 ? void 0 : (_object$children$$chi = _object$children$.children) === null || _object$children$$chi === void 0 ? void 0 : (_object$children$$chi2 = _object$children$$chi[3]) === null || _object$children$$chi2 === void 0 ? void 0 : _object$children$$chi2.clone();
 
               if (textMesh) {
-                _context.next = 18;
+                _context.next = 19;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): textMesh is ".concat(textMesh)));
 
-            case 18:
+            case 19:
               textMesh.material = new THREE.MeshBasicMaterial({
                 transparent: true,
                 map: (0, _createCanvasTextTexture["default"])('入户门')
@@ -121,7 +123,7 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
               state.object = object;
               return _context.abrupt("return", true);
 
-            case 23:
+            case 24:
             case "end":
               return _context.stop();
           }
@@ -221,6 +223,7 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
   var enable = function enable(config) {
     if (state.enabled) return true;
     state.enabled = true;
+    modeChangeHandler(five.currentMode);
     five.on('modeChange', modeChangeHandler);
     show(config);
     return true;

package/plugins/PanoMaskSelectorPlugin/createBox.js

@@ -25,6 +25,8 @@ require("core-js/modules/es.object.assign.js");
 
 require("core-js/modules/es.array.map.js");
 
+require("core-js/modules/es.function.name.js");
+
 var THREE = _interopRequireWildcard(require("three"));
 
 var _vertexShader = require("./vertexShader");
@@ -75,5 +77,6 @@ function createBox(textures, observer, _config) {
   box.geometry.scale(-1, 1, 1);
   box.position.set(observer.position.x, observer.position.y, observer.position.z);
   box.quaternion.multiply(observer.quaternion);
+  box.name = 'PanoMaskSelectorPlugin';
   return box;
 }

package/plugins/PanoMaskSelectorPlugin/fragmentShader.d.ts

@@ -1 +1 @@
-export declare const fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, opacity);\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";
+export declare const fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, 1.0);\n  return;\n  // gl_FragColor = vec4(color, opacity);\n\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";

package/plugins/PanoMaskSelectorPlugin/fragmentShader.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fragmentShader = void 0;
-var fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, opacity);\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";
+var fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, 1.0);\n  return;\n  // gl_FragColor = vec4(color, opacity);\n\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";
 exports.fragmentShader = fragmentShader;

package/plugins/PanoMaskSelectorPlugin/index.js

@@ -133,9 +133,11 @@ var PanoMaskSelectorPlugin = function PanoMaskSelectorPlugin(five) {
 
     if (state.box) {
       five.scene.remove(state.box);
+      state.box = undefined;
     }
 
     var panoramaImgs = state.data.panoramaImgs[five.panoIndex];
+    state.currentLoadedIndex = five.panoIndex;
 
     if (!panoramaImgs) {
       state.textures = undefined;
@@ -149,7 +151,7 @@ var PanoMaskSelectorPlugin = function PanoMaskSelectorPlugin(five) {
       thickness: ((_state$data$config2 = state.data.config) === null || _state$data$config2 === void 0 ? void 0 : _state$data$config2.thickness) || 0.005
     });
     five.scene.add(state.box);
-    state.currentLoadedIndex = five.panoIndex;
+    five.needsRender = true;
     return true;
   };
 

package/plugins/PanoTVVideoPlugin/index.d.ts

@@ -1,3 +1,4 @@
+import * as THREE from 'three';
 import { FivePlugin } from '@realsee/five';
 export declare type PanoTVVideoPluginPoints = Record<string, {
     position: {
@@ -19,6 +20,7 @@ export interface PanoTVVideoPluginExportType {
     enable: () => void;
     disable: () => void;
     load: (data: PanoTVVideoPluginData, videoElement?: HTMLVideoElement) => void;
+    getVideoTexture: () => THREE.VideoTexture | undefined;
 }
 export declare const PanoTVVideoPlugin: FivePlugin<PanoTVVideoPluginParameterType, PanoTVVideoPluginExportType>;
 export default PanoTVVideoPlugin;

package/plugins/PanoTVVideoPlugin/index.js

@@ -115,7 +115,7 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
   };
   var videoMeshes = [];
 
-  var getImageTexture = function getImageTexture(source) {
+  var createImageTexture = function createImageTexture(source) {
     var texture = new THREE.TextureLoader().load(source);
     texture.minFilter = THREE.LinearFilter;
     texture.magFilter = THREE.LinearFilter;
@@ -123,7 +123,7 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
     return texture;
   };
 
-  var getVideoTexture = function getVideoTexture(source, video) {
+  var createVideoTexture = function createVideoTexture(source, video) {
     return new Promise(function (resolve, reject) {
       var xhr = new XMLHttpRequest();
 
@@ -161,6 +161,10 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
     });
   };
 
+  var getVideoTexture = function getVideoTexture() {
+    return state.videoTexture;
+  };
+
   var getPoints = function getPoints(panoIndex) {
     if (!state.rectPoints) return [];
     var rectPoints_ = state.rectPoints[panoIndex];
@@ -274,14 +278,14 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
         points = data.points;
     state.videoSource = video_src;
     state.rectPoints = points;
-    state.imageTexture = getImageTexture(video_poster_src);
+    state.imageTexture = createImageTexture(video_poster_src);
     if (videoElement) state.videoElement = videoElement;
     var panoIndex = five.state.panoIndex;
     var meshes = videoMeshes[panoIndex] = createPanoVideoMeshes(panoIndex);
     meshes.forEach(function (mesh) {
       return five.scene.add(mesh);
     });
-    getVideoTexture(state.videoSource, state.videoElement).then(function (videoTexture_) {
+    createVideoTexture(state.videoSource, state.videoElement).then(function (videoTexture_) {
       if (videoTexture_.videoSource !== state.videoSource) return;
       state.videoTexture = videoTexture_;
 
@@ -370,15 +374,16 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
   five.on('modeChange', function (mode) {
     if (!state.enabled) return;
     if (mode === _five.Five.Mode.Panorama) return;
-    videoMeshes.forEach(function () {// if (meshes) {
-      //   meshes.forEach((mesh) => {
-      //     mesh.geometry.dispose()
-      //     mesh.material.dispose()
-      //     five.scene.remove(mesh)
-      //   })
-      //   videoMeshes[index] = undefined
-      //   if (state.videoTexture) state.videoTexture.image.pause()
-      // }
+    videoMeshes.forEach(function (meshes, index) {
+      if (meshes) {
+        meshes.forEach(function (mesh) {
+          mesh.geometry.dispose();
+          mesh.material.dispose();
+          five.scene.remove(mesh);
+        });
+        videoMeshes[index] = undefined;
+        if (state.videoTexture) state.videoTexture.image.pause();
+      }
     });
   });
   five.on('wantsTapGesture', function (raycaster) {
@@ -418,7 +423,8 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
   return {
     enable: enable,
     disable: disable,
-    load: load
+    load: load,
+    getVideoTexture: getVideoTexture
   };
 };
 

package/typedoc/libs.d.ts

@@ -0,0 +1 @@
+export type { GLTFViewerSize, GLTFViewerConfig, GLTFViewerState, GLTFViewerEventMap, GLTFViewer, } from '../libs/gltf-viewer';

package/typedoc/libs.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/PBRView/index.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export interface PBRViewPropTypes {
-    hidden?: boolean;
-    className?: string;
-}
-/**
- * 查看 **PBR**模型
- *
- * @TODO 待排期
- *
- * > RD 小哥哥 正在 加班研发中 ...
- */
-declare const PBRView: React.FC<PBRViewPropTypes>;
-export default PBRView;