@realsee/dnalogel 0.1.7-alpha.8 → 2.0.0-alpha.10

package/plugins/PanoMaskSelectorPlugin/fragmentShader.js

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

package/plugins/PanoMaskSelectorPlugin/index.d.ts

@@ -1,49 +0,0 @@
-import * as THREE from 'three';
-import { FivePlugin, WorkImage } from '@realsee/five';
-export interface PanoMaskObject {
-    color: {
-        r: number;
-        g: number;
-        b: number;
-    };
-    name?: string;
-    id: string;
-}
-export interface PanoMaskSelectorPluginData {
-    panoramaImgs: Omit<WorkImage, 'depth' | 'tiles'>[];
-    colorMaps: PanoMaskObject[];
-    config?: {
-        maskColor?: THREE.Color;
-        thickness?: number;
-    };
-}
-export interface PanoMaskSelectorPluginParameterType {
-    data?: PanoMaskSelectorPluginData;
-}
-export interface PanoMaskSelectorPluginReturnType {
-    /**
-     * 加载数据
-     */
-    load: (data: PanoMaskSelectorPluginData) => Promise<boolean>;
-    /**
-     * @returns 返回值为 选中的 物体信息；如果选中失败 则 返回 false。
-     */
-    select: (x: number, y: number) => Promise<false | PanoMaskObject>;
-    /**
-     * 擦除选中物体的 Mask（不可还原）。
-     */
-    erase: () => void;
-    /**
-     * 隐藏 选中物体的 Mask。
-     */
-    hide: () => void;
-    /**
-     * 展示 选中物体的 Mask。
-     */
-    show: () => void;
-    /**
-     * 销毁函数。
-     */
-    dispose: () => void;
-}
-export declare const PanoMaskSelectorPlugin: FivePlugin<PanoMaskSelectorPluginParameterType, PanoMaskSelectorPluginReturnType>;

package/plugins/PanoMaskSelectorPlugin/index.js

@@ -1,350 +0,0 @@
-"use strict";
-
-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.PanoMaskSelectorPlugin = void 0;
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.array-buffer.slice.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.typed-array.uint8-array.js");
-
-require("core-js/modules/es.typed-array.copy-within.js");
-
-require("core-js/modules/es.typed-array.every.js");
-
-require("core-js/modules/es.typed-array.fill.js");
-
-require("core-js/modules/es.typed-array.filter.js");
-
-require("core-js/modules/es.typed-array.find.js");
-
-require("core-js/modules/es.typed-array.find-index.js");
-
-require("core-js/modules/es.typed-array.for-each.js");
-
-require("core-js/modules/es.typed-array.includes.js");
-
-require("core-js/modules/es.typed-array.index-of.js");
-
-require("core-js/modules/es.typed-array.iterator.js");
-
-require("core-js/modules/es.typed-array.join.js");
-
-require("core-js/modules/es.typed-array.last-index-of.js");
-
-require("core-js/modules/es.typed-array.map.js");
-
-require("core-js/modules/es.typed-array.reduce.js");
-
-require("core-js/modules/es.typed-array.reduce-right.js");
-
-require("core-js/modules/es.typed-array.reverse.js");
-
-require("core-js/modules/es.typed-array.set.js");
-
-require("core-js/modules/es.typed-array.slice.js");
-
-require("core-js/modules/es.typed-array.some.js");
-
-require("core-js/modules/es.typed-array.sort.js");
-
-require("core-js/modules/es.typed-array.subarray.js");
-
-require("core-js/modules/es.typed-array.to-locale-string.js");
-
-require("core-js/modules/es.typed-array.to-string.js");
-
-require("core-js/modules/es.array.fill.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.find.js");
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var THREE = _interopRequireWildcard(require("three"));
-
-var _five = require("@realsee/five");
-
-var _createBox = require("./createBox");
-
-var _createTextures = require("./createTextures");
-
-var _compare = require("./compare");
-
-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 PanoMaskSelectorPlugin = function PanoMaskSelectorPlugin(five) {
-  var parameters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var state = {
-    data: parameters.data
-  };
-
-  var dispose = function dispose() {
-    if (state.box) {
-      five.scene.remove(state.box);
-    }
-
-    five.off('panoArrived', wrapper);
-    five.off('modeChange', modeChangeListener);
-  };
-
-  var wrapper = function wrapper() {
-    var _state$data$config, _state$data$config2;
-
-    if (five.panoIndex === undefined) {
-      return;
-    }
-
-    if (five.panoIndex === state.currentLoadedIndex) {
-      return;
-    }
-
-    if (!state.data) {
-      return;
-    }
-
-    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;
-      return false;
-    }
-
-    state.textures = (0, _createTextures.createTextures)(panoramaImgs);
-    state.box = (0, _createBox.createBox)(state.textures, five.work.observers[five.panoIndex], {
-      opacity: true,
-      maskColor: ((_state$data$config = state.data.config) === null || _state$data$config === void 0 ? void 0 : _state$data$config.maskColor) || new THREE.Color(1, 0, 0),
-      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);
-    five.needsRender = true;
-    return true;
-  };
-
-  var load = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              state.data = data;
-              wrapper();
-              return _context.abrupt("return", true);
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function load(_x2) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var select = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_x, _y) {
-      var _state$data;
-
-      var element, pixel, x, y, renderTarget, pickingBuffer, camera, renderer, newScence, observer, newBox, unit8ArrayGroup, i, selectedColor, colorMaps, object;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (state.textures) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 2:
-              if (state.box) {
-                _context2.next = 4;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 4:
-              if (!(five.panoIndex === undefined)) {
-                _context2.next = 6;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 6:
-              if (!(five.currentMode !== _five.Five.Mode.Panorama)) {
-                _context2.next = 8;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 8:
-              if (five.renderer) {
-                _context2.next = 10;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 10:
-              element = five.getElement();
-
-              if (element) {
-                _context2.next = 13;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 13:
-              pixel = 1;
-              x = _x * five.renderer.getPixelRatio();
-              y = _y * five.renderer.getPixelRatio();
-              renderTarget = new THREE.WebGLRenderTarget(pixel, pixel);
-              pickingBuffer = new Uint8Array(4 * pixel * pixel);
-              camera = five.camera.clone();
-              renderer = five.renderer;
-              newScence = new THREE.Scene();
-              observer = five.work.observers[five.panoIndex];
-              newBox = (0, _createBox.createBox)(state.textures, observer, {
-                opacity: false
-              });
-              newScence.add(newBox);
-              camera.setViewOffset(element.width, element.height, x, y, pixel, pixel);
-              renderer.setRenderTarget(renderTarget);
-              renderer.render(newScence, camera);
-              pickingBuffer.fill(0);
-              renderer.readRenderTargetPixels(renderTarget, 0, 0, pixel, pixel, pickingBuffer);
-              camera.clearViewOffset();
-              renderer.setRenderTarget(null);
-              unit8ArrayGroup = [];
-
-              for (i = 0; i < pickingBuffer.length; i += 4 * pixel) {
-                unit8ArrayGroup.push(pickingBuffer.slice(i, i + 4 * pixel));
-              }
-
-              selectedColor = new THREE.Color(pickingBuffer[0] / 255, pickingBuffer[1] / 255, pickingBuffer[2] / 255);
-              colorMaps = ((_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.colorMaps) || [];
-              object = colorMaps.find(function (item) {
-                var objectColor = new THREE.Color(item.color.r, item.color.g, item.color.b);
-                return (0, _compare.compare)(objectColor, selectedColor);
-              });
-
-              if (object) {
-                _context2.next = 38;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 38:
-              state.box.material.forEach(function (m) {
-                return m.uniforms.selectedColor.value = selectedColor;
-              });
-              five.needsRender = true;
-              return _context2.abrupt("return", object);
-
-            case 41:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function select(_x3, _x4) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var erase = function erase() {
-    if (!state.box) return;
-    state.box.material.forEach(function (m) {
-      return m.uniforms.selectedColor.value = new THREE.Color(0.0, 0.0, 0.0);
-    });
-    five.needsRender = true;
-  };
-
-  var hide = function hide() {
-    var _state$box, _state$box$material;
-
-    (_state$box = state.box) === null || _state$box === void 0 ? void 0 : (_state$box$material = _state$box.material) === null || _state$box$material === void 0 ? void 0 : _state$box$material.forEach(function (material) {
-      material.visible = false;
-    });
-    five.needsRender = true;
-  };
-
-  var show = function show() {
-    var _state$box2, _state$box2$material;
-
-    if (five.currentMode !== _five.Five.Mode.Panorama) {
-      return;
-    }
-
-    (_state$box2 = state.box) === null || _state$box2 === void 0 ? void 0 : (_state$box2$material = _state$box2.material) === null || _state$box2$material === void 0 ? void 0 : _state$box2$material.forEach(function (material) {
-      material.visible = true;
-    });
-    five.needsRender = true;
-  };
-
-  var modeChangeListener = function modeChangeListener(mode) {
-    if (mode !== _five.Five.Mode.Panorama) {
-      hide();
-    } else {
-      show();
-    }
-  };
-
-  five.on('panoArrived', wrapper);
-  five.on('modeChange', modeChangeListener);
-  return {
-    load: load,
-    select: select,
-    erase: erase,
-    dispose: dispose,
-    hide: hide,
-    show: show
-  };
-};
-
-exports.PanoMaskSelectorPlugin = PanoMaskSelectorPlugin;

package/plugins/PanoMaskSelectorPlugin/vertexShader.d.ts

@@ -1 +0,0 @@
-export declare const vertexShader = "\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = uv;\n\n  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);\n  gl_Position = projectionMatrix * mvPosition;\n}\n\n";

package/plugins/PanoMaskSelectorPlugin/vertexShader.js

@@ -1,10 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vertexShader = void 0;
-var vertexShader = "\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = uv;\n\n  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);\n  gl_Position = projectionMatrix * mvPosition;\n}\n\n";
-exports.vertexShader = vertexShader;

package/plugins/PanoMeasurePlugin/Controller/BaseController.js

@@ -1,103 +0,0 @@
-"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["default"] = void 0;
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-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 _ironbox = require("../utils/ironbox");
-
-var BaseController = /*#__PURE__*/function () {
-  function BaseController(params) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, BaseController);
-    (0, _defineProperty2["default"])(this, "disposed", false);
-    (0, _defineProperty2["default"])(this, "updateDistanceUI", function () {
-      _this.model.lines.forEach(function (line) {
-        return line.distanceItem.update(_this.five);
-      });
-    });
-    // ==================== Params ====================
-    this.five = params.five;
-    this.hook = params.hook;
-    this.model = params.model;
-    this.magnifier = params.magnifier;
-    this.container = params.container;
-    this.fiveHelper = params.fiveHelper;
-    this.userDistanceItemCreator = params.userDistanceItemCreator; // ==================== Groups ====================
-
-    this.group = params.group;
-    this.mouseGroup = params.mouseGroup;
-    var fiveElement = this.five.getElement();
-
-    if (fiveElement) {
-      fiveElement.addEventListener('touchstart', _ironbox.preventDefault);
-      fiveElement.addEventListener('contextmenu', _ironbox.preventDefault);
-    }
-  }
-
-  (0, _createClass2["default"])(BaseController, [{
-    key: "removeLine",
-    value: function removeLine(line) {
-      this.group.remove(line.mesh, line.lightMesh);
-      line.distanceItem.remove();
-      this.five.needsRender = true;
-    }
-  }, {
-    key: "updateMouseGroup",
-    value: function updateMouseGroup(intersection, mesh) {
-      if (!intersection) return this.mouseGroup; // ============ update mouseGroup position ============
-
-      var adsorbentPoint = this.fiveHelper.getAdsorbentPoint(intersection);
-      var viewPosition = adsorbentPoint ? adsorbentPoint : intersection.point;
-      this.mouseGroup.position.copy(viewPosition); // ============ update mouseGroup quaternion ============
-
-      if (mesh) {
-        this.mouseGroup.quaternion.copy(mesh.quaternion);
-      } else if (intersection.face) {
-        var normal = intersection.face.normal;
-        var positionVector = normal.clone().multiplyScalar(0.05);
-        var position = intersection.point.clone().add(positionVector);
-        var lookAtVector = position.clone().add(positionVector);
-        this.mouseGroup.lookAt(lookAtVector);
-      }
-
-      return this.mouseGroup;
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      var _this2 = this;
-
-      this.disposed = true;
-      this.magnifier.dispose();
-      this.model.lines.forEach(function (line) {
-        return _this2.removeLine(line);
-      });
-      var fiveElement = this.five.getElement();
-
-      if (fiveElement) {
-        fiveElement.removeEventListener('touchstart', _ironbox.preventDefault);
-        fiveElement.removeEventListener('contextmenu', _ironbox.preventDefault);
-      }
-    }
-  }]);
-  return BaseController;
-}();
-
-exports["default"] = BaseController;