@realsee/dnalogel 0.1.7 → 2.0.0-alpha.3

package/plugins/PanoTVVideoPlugin/index.d.ts

@@ -1,26 +0,0 @@
-import * as THREE from 'three';
-import { FivePlugin } from '@realsee/five';
-export declare type PanoTVVideoPluginPoints = Record<string, {
-    position: {
-        y: number;
-        x: number;
-        z: number;
-    };
-    name: 'p0' | 'p1' | 'p2' | 'p3';
-}[][]>;
-export interface PanoTVVideoPluginData {
-    video_src: string;
-    video_poster_src: string;
-    points: PanoTVVideoPluginPoints;
-}
-export interface PanoTVVideoPluginParameterType {
-    videoElement?: HTMLVideoElement;
-}
-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

@@ -1,433 +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["default"] = exports.PanoTVVideoPlugin = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/web.url.js");
-
-require("core-js/modules/web.url-search-params.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.array-buffer.slice.js");
-
-require("core-js/modules/es.typed-array.float32-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.typed-array.uint32-array.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var THREE = _interopRequireWildcard(require("three"));
-
-var _five = require("@realsee/five");
-
-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 PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
-  var state = {
-    enabled: true,
-    rectPoints: undefined,
-    videoTextureEnabled: false,
-    videoSource: '',
-    videoTexture: undefined,
-    imageTexture: undefined,
-    videoElement: parameters.videoElement
-  };
-  var videoMeshes = [];
-
-  var createImageTexture = function createImageTexture(source) {
-    var texture = new THREE.TextureLoader().load(source);
-    texture.minFilter = THREE.LinearFilter;
-    texture.magFilter = THREE.LinearFilter;
-    texture.format = THREE.RGBFormat;
-    return texture;
-  };
-
-  var createVideoTexture = function createVideoTexture(source, video) {
-    return new Promise(function (resolve, reject) {
-      var xhr = new XMLHttpRequest();
-
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState == 4) {
-          if (xhr.status == 200) {
-            var url = window.URL || window.webkitURL;
-            video = video || document.createElement('video');
-            video.crossOrigin = 'anonymous';
-            video.autoplay = true;
-            video.muted = true;
-            video.loop = true;
-            video.playsInline = true;
-            video.src = url.createObjectURL(xhr.response);
-            var texture = new THREE.VideoTexture(video);
-            texture.minFilter = THREE.LinearFilter;
-            texture.magFilter = THREE.LinearFilter;
-            texture.format = THREE.RGBFormat;
-            resolve(Object.assign(texture, {
-              videoSource: source
-            }));
-          } else {
-            reject(new Error('Video download Error: ' + xhr.status));
-          }
-        }
-      };
-
-      xhr.onerror = function (error) {
-        return reject(error);
-      };
-
-      xhr.open('GET', source);
-      xhr.responseType = 'blob';
-      xhr.send();
-    });
-  };
-
-  var getVideoTexture = function getVideoTexture() {
-    return state.videoTexture;
-  };
-
-  var getPoints = function getPoints(panoIndex) {
-    if (!state.rectPoints) return [];
-    var rectPoints_ = state.rectPoints[panoIndex];
-    if (!rectPoints_) return [];
-    return rectPoints_.map(function (rectPoints) {
-      var quaternion = five.work.observers[panoIndex].quaternion;
-      var position = five.work.observers[panoIndex].position;
-      var points = [new THREE.Vector3(rectPoints[1].position.x, rectPoints[1].position.y, rectPoints[1].position.z), new THREE.Vector3(rectPoints[2].position.x, rectPoints[2].position.y, rectPoints[2].position.z), new THREE.Vector3(rectPoints[3].position.x, rectPoints[3].position.y, rectPoints[3].position.z), new THREE.Vector3(rectPoints[0].position.x, rectPoints[0].position.y, rectPoints[0].position.z)];
-      points.forEach(function (point) {
-        return point.applyQuaternion(quaternion).add(position);
-      });
-      return points;
-    });
-  };
-
-  var createPanoVideoMeshes = function createPanoVideoMeshes(panoIndex) {
-    return getPoints(panoIndex).map(function (points, index) {
-      var geometry = new THREE.BufferGeometry();
-      var segments = 128;
-      var verticesArray = [];
-      verticesArray.push(points[0].x, points[0].y, points[0].z);
-
-      for (var i = 1; i < segments; i++) {
-        verticesArray.push(points[0].x + (points[1].x - points[0].x) * i / segments, points[0].y + (points[1].y - points[0].y) * i / segments, points[0].z + (points[1].z - points[0].z) * i / segments);
-      }
-
-      verticesArray.push(points[1].x, points[1].y, points[1].z);
-      verticesArray.push(points[2].x, points[2].y, points[2].z);
-
-      for (var _i = 1; _i < segments; _i++) {
-        verticesArray.push(points[2].x + (points[3].x - points[2].x) * _i / segments, points[2].y + (points[3].y - points[2].y) * _i / segments, points[2].z + (points[3].z - points[2].z) * _i / segments);
-      }
-
-      verticesArray.push(points[3].x, points[3].y, points[3].z);
-      var uvArray = [];
-      uvArray.push(0, 0);
-
-      for (var _i2 = 1; _i2 < segments; _i2++) {
-        uvArray.push(_i2 / segments, 0);
-      }
-
-      uvArray.push(1, 0);
-      uvArray.push(1, 1);
-
-      for (var _i3 = 1; _i3 < segments; _i3++) {
-        uvArray.push(1 - _i3 / segments, 1);
-      }
-
-      uvArray.push(0, 1);
-      var indicesArray = [];
-
-      for (var _i4 = 0; _i4 < segments; _i4++) {
-        indicesArray.push(_i4, _i4 + 1, segments * 2 - _i4, _i4, segments * 2 - _i4, segments * 2 + 1 - _i4);
-      }
-
-      geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3));
-      geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2));
-      geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1));
-      var material = new THREE.MeshBasicMaterial({
-        map: state.videoTextureEnabled ? state.videoTexture : state.imageTexture,
-        depthTest: false,
-        transparent: true,
-        side: THREE.DoubleSide
-      });
-      var mesh = new THREE.Mesh(geometry, material);
-      mesh.renderOrder = 1;
-      mesh.name = "video-".concat(panoIndex, "-").concat(index);
-      return mesh;
-    });
-  };
-
-  var enable = function enable() {
-    if (state.enabled) return;
-    state.enabled = true;
-    var panoIndex = five.panoIndex;
-
-    if (typeof panoIndex === 'number') {
-      var meshes = videoMeshes[panoIndex] = createPanoVideoMeshes(panoIndex);
-      meshes.forEach(function (mesh) {
-        return five.scene.add(mesh);
-      });
-
-      if (state.videoTexture && videoMeshes.length) {
-        state.videoTexture.image.play();
-      }
-
-      five.needsRender = true;
-    }
-  };
-
-  var disable = function disable() {
-    if (!state.enabled) return;
-    state.enabled = false;
-    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.needsRender = true;
-  };
-
-  var load = function load(data, videoElement) {
-    var video_src = data.video_src,
-        video_poster_src = data.video_poster_src,
-        points = data.points;
-    state.videoSource = video_src;
-    state.rectPoints = points;
-    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);
-    });
-    createVideoTexture(state.videoSource, state.videoElement).then(function (videoTexture_) {
-      if (videoTexture_.videoSource !== state.videoSource) return;
-      state.videoTexture = videoTexture_;
-
-      var timeupdate = function timeupdate() {
-        videoTexture_.image.removeEventListener('timeupdate', timeupdate);
-        state.videoTextureEnabled = true;
-        videoMeshes.forEach(function (meshes) {
-          if (!meshes) return;
-          meshes.forEach(function (mesh) {
-            if (mesh.material.map !== state.videoTexture) {
-              mesh.material.map = videoTexture_;
-            }
-          });
-        });
-      };
-
-      state.videoTexture.image.addEventListener('timeupdate', timeupdate);
-      if (state.enabled) state.videoTexture.image.play();
-    });
-  };
-
-  five.on('renderFrame', function () {
-    videoMeshes.forEach(function (meshes) {
-      if (meshes) meshes.forEach(function (mesh) {
-        //@ts-ignore
-        mesh.needsRender = true;
-      });
-    });
-  });
-  five.on('panoWillArrive', function (panoIndex) {
-    if (!state.enabled) return;
-    if (five.panoIndex === panoIndex) return;
-
-    if (!videoMeshes[panoIndex]) {
-      var meshes = videoMeshes[panoIndex] = createPanoVideoMeshes(panoIndex);
-      meshes.forEach(function (mesh) {
-        mesh.material.opacity = 0;
-        five.scene.add(mesh);
-      });
-    }
-
-    if (videoMeshes[panoIndex].length) {
-      if (state.videoTexture) state.videoTexture.image.play();
-    } else {
-      if (state.videoTexture) state.videoTexture.image.pause();
-    }
-  });
-  five.on('movingToPano', function (panoIndex, prevPanoIndex, progress) {
-    if (!state.enabled) return;
-    if (prevPanoIndex === panoIndex) return;
-    videoMeshes.forEach(function (meshes, index) {
-      var _progress = index === panoIndex ? progress : 1 - progress;
-
-      var opacity = Math.max(0, _progress * 21 - 20);
-
-      if (videoMeshes[index]) {
-        videoMeshes[index].forEach(function (mesh) {
-          return mesh.material.opacity = opacity;
-        });
-      }
-    });
-  });
-  five.on('panoArrived', function (panoIndex) {
-    if (!state.enabled) return;
-    videoMeshes.forEach(function (meshes, index) {
-      if (index === panoIndex) {
-        if (!videoMeshes[index]) {
-          var _meshes = videoMeshes[index] = createPanoVideoMeshes(index);
-
-          _meshes.forEach(function (mesh) {
-            return five.scene.add(mesh);
-          });
-        }
-      } else {
-        if (videoMeshes[index]) {
-          videoMeshes[index].forEach(function (mesh) {
-            mesh.geometry.dispose();
-            mesh.material.dispose();
-            five.scene.remove(mesh);
-          });
-          videoMeshes[index] = undefined;
-        }
-      }
-    });
-  });
-  five.on('modeChange', function (mode) {
-    if (!state.enabled) return;
-    if (mode === _five.Five.Mode.Panorama) return;
-    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) {
-    if (!state.enabled) return;
-    var meshArray = [];
-    videoMeshes.forEach(function (meshes) {
-      if (meshes) meshArray.push.apply(meshArray, (0, _toConsumableArray2["default"])(meshes));
-    });
-
-    if (raycaster.intersectObjects(meshArray).length) {
-      if (state.videoTexture) {
-        state.videoTexture.image.muted = !state.videoTexture.image.muted;
-        state.videoTexture.image.play();
-      }
-
-      return false;
-    }
-  });
-  five.on('dispose', function () {
-    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('load', function (input) {
-    if (input.panoTVVideoData) {
-      load(input.panoTVVideoData);
-    }
-  });
-  return {
-    enable: enable,
-    disable: disable,
-    load: load,
-    getVideoTexture: getVideoTexture
-  };
-};
-
-exports.PanoTVVideoPlugin = PanoTVVideoPlugin;
-var _default = PanoTVVideoPlugin;
-exports["default"] = _default;

package/plugins/TreasurePlugin/Controller.d.ts

@@ -1,73 +0,0 @@
-import * as THREE from 'three';
-import { Five, Subscribe } from '@realsee/five';
-import { TREASURE_TYPE } from './constants';
-import { TreasureObject } from './TreasureObject';
-export declare type TreasureObjectAssetMap = Map<string, Promise<THREE.Group>>;
-/** 对每个宝箱实例的配置 */
-export interface TreasurePluginItemConfigData {
-    scale?: number;
-    /** 宝箱模型地址 */
-    object_url?: string;
-    /** 宝箱盒子使用的贴图
-     * @description
-     * * 默认使用 object_url 文件中的盒子贴图
-     * * 如果传了 box_texture_url 会替换默认贴图
-     */
-    box_texture_url?: string;
-    /** 宝箱表情动画使用的贴图列表 */
-    face_anime_texture_urls?: string[];
-}
-/** 宝箱数据 */
-export interface TreasurePluginItemData {
-    /** 宝箱 ID */
-    id: string;
-    /** 宝箱位置 */
-    position: {
-        x: number;
-        y: number;
-        z: number;
-    };
-    /** 使用预设的宝箱类型 */
-    type?: TREASURE_TYPE;
-    /** 如果不想使用预设的宝箱，可以传入自定义的宝箱配置 */
-    config?: TreasurePluginItemConfigData;
-}
-export interface TreasurePluginData {
-    treasures: TreasurePluginItemData[];
-}
-export declare type TreasurePluginParameterType = undefined;
-export declare type TreasurePluginEvents = {
-    /** 点击宝箱事件
-     * @param params.id: 宝箱 ID
-     */
-    tap: (params: {
-        id: string;
-    }) => void;
-    /** 宝箱打开的动画执行完毕
-     * @param params.id: 宝箱 ID
-     */
-    openAnimationEnded: (params: {
-        id: string;
-    }) => void;
-};
-export declare class TreasurePluginController {
-    readonly hooks: Subscribe<TreasurePluginEvents>;
-    readonly treasures: TreasureObject[];
-    private five;
-    private selfGroup;
-    private textureLoader;
-    private modelLoader;
-    constructor(five: Five);
-    load(data: TreasurePluginData, options?: {
-        appendTreasuresAfterLoaded?: boolean;
-    }): Promise<TreasureObject[]>;
-    dispose: () => void;
-    appendChild(child: TreasureObject): TreasurePluginController;
-    appendChildByID(childID: string): TreasurePluginController;
-    getTreasureByID(id: string): TreasureObject | undefined;
-    removeTreasureByID(id: string): boolean;
-    private onTreasureClick;
-    private getTreasureObjectParams;
-    private onTreasureOpenAnimationEnded;
-    private getConfig;
-}