@realsee/dnalogel 0.1.7-alpha.7 → 2.0.0-alpha.1

package/plugins/ModelRoomLabelPlugin/typings.js

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

package/plugins/ModelRoomLabelPlugin/utils/parseData.js

@@ -1,35 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parseModelRoomLabelPluginData = parseModelRoomLabelPluginData;
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.function.name.js");
-
-/** @description 下划线转驼峰 */
-function parseModelRoomLabelPluginData(data) {
-  return data.model_room_labels.map(function (_ref) {
-    var id = _ref.id,
-        pano_index = _ref.pano_index,
-        floor_index = _ref.floor_index,
-        name = _ref.name,
-        position = _ref.position,
-        longitude = _ref.longitude;
-    return {
-      id: id,
-      name: name,
-      position: position,
-      longitude: longitude,
-      panoIndex: pano_index,
-      floorIndex: floor_index,
-      zIndex: 0,
-      visible: false,
-      transform: ''
-    };
-  });
-}

package/plugins/ModelTVVideoPlugin/index.d.ts

@@ -1,21 +0,0 @@
-import type { FivePlugin } from '@realsee/five';
-export interface ModelTVVideoPluginData {
-    enable?: boolean;
-    video_src: string;
-    video_poster_src: string;
-    points: {
-        x: number;
-        y: number;
-        z: number;
-    }[][];
-}
-export interface ModelTVVideoPluginParameterType {
-    videoElement?: HTMLVideoElement;
-}
-export interface ModelTVVideoPluginExportType {
-    enable: () => void;
-    disable: () => void;
-    load: (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => Promise<void>;
-}
-export declare const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType>;
-export default ModelTVVideoPlugin;

package/plugins/ModelTVVideoPlugin/index.js

@@ -1,399 +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.ModelTVVideoPlugin = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.iterator.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");
-
-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/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.regexp.exec.js");
-
-require("core-js/modules/es.array.find.js");
-
-require("core-js/modules/es.array.reduce.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.string.sub.js");
-
-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 ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
-  var videoElement = _ref.videoElement;
-  var state = {
-    videoMeshes: [],
-    videoTextureEnabled: false,
-    videoSource: '',
-    rectPoints: [],
-    enabled: false,
-    videoElement: videoElement
-  };
-
-  var setMuted = function setMuted(muted) {
-    if (state.videoTexture) {
-      state.videoTexture.image.muted = muted;
-      state.videoTexture.image.play();
-    }
-  };
-
-  var getMuted = function getMuted() {
-    if (state.videoTexture) return state.videoTexture.image.muted;else return true;
-  };
-
-  var enable = function enable() {
-    if (state.enabled) return;
-    if (!state.videoTexture) return;
-    state.enabled = true;
-    state.videoMeshes = createPanoVideoMeshes();
-    console.log('state.videoMeshes', state.videoMeshes);
-    state.videoMeshes.forEach(function (mesh) {
-      return five.scene.add(mesh);
-    });
-
-    var play = function play() {
-      console.log('play', state.videoTexture);
-      if (!state.videoTexture) return;
-
-      var timeupdate = function timeupdate() {
-        var _state$videoTexture;
-
-        if (!state.videoTexture) return;
-        (_state$videoTexture = state.videoTexture) === null || _state$videoTexture === void 0 ? void 0 : _state$videoTexture.image.removeEventListener('timeupdate', timeupdate);
-        state.videoTextureEnabled = true;
-        state.videoMeshes.forEach(function (mesh) {
-          if (mesh.material.map !== state.videoTexture) mesh.material.map = state.videoTexture;
-        });
-        five.needsRender = true;
-      };
-
-      state.videoTexture.image.addEventListener('timeupdate', timeupdate);
-
-      if (state.videoTexture && state.videoMeshes.length) {
-        state.videoTexture.image.play();
-      }
-    };
-
-    if (five.model.loaded) play();else {
-      return five.once('modelLoaded', function () {
-        return play();
-      });
-    }
-  };
-
-  var disable = function disable() {
-    if (!state.enabled) return;
-    state.enabled = false;
-    state.videoMeshes.forEach(function (mesh) {
-      mesh.geometry.dispose();
-      mesh.material.dispose();
-      five.scene.remove(mesh);
-      if (state.videoTexture) state.videoTexture.image.pause();
-    });
-    state.videoMeshes = [];
-    five.needsRender = true;
-  };
-
-  var createPanoVideoMeshes = function createPanoVideoMeshes() {
-    return state.rectPoints.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, 1);
-
-      for (var _i2 = 1; _i2 < segments; _i2++) {
-        uvArray.push(0, 1 - _i2 / segments);
-      }
-
-      uvArray.push(0, 0);
-      uvArray.push(1, 0);
-
-      for (var _i3 = 1; _i3 < segments; _i3++) {
-        uvArray.push(1, _i3 / segments);
-      }
-
-      uvArray.push(1, 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,
-        side: THREE.DoubleSide
-      });
-      var mesh = new THREE.Mesh(geometry, material);
-      mesh.renderOrder = 1;
-      mesh.name = "video-".concat(index, "-").concat(performance.now());
-      return mesh;
-    });
-  };
-
-  var getImageTexture = function getImageTexture(source) {
-    var texture = new THREE.TextureLoader().load(source);
-    texture.minFilter = THREE.LinearFilter;
-    texture.magFilter = THREE.LinearFilter;
-    texture.format = THREE.RGBFormat;
-    return texture;
-  };
-
-  var getVideoTexture = function getVideoTexture(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 load = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data, videoElement) {
-      var video_src, video_poster_src, points;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              video_src = data.video_src, video_poster_src = data.video_poster_src, points = data.points;
-              state.videoSource = video_src;
-              state.rectPoints = points.map(function (items) {
-                return items.map(function (_ref3) {
-                  var x = _ref3.x,
-                      y = _ref3.y,
-                      z = _ref3.z;
-                  return new THREE.Vector3(x, y, z);
-                });
-              });
-              state.imageTexture = getImageTexture(video_poster_src);
-
-              if (videoElement) {
-                state.videoElement = videoElement;
-              }
-
-              _context.next = 7;
-              return getVideoTexture(state.videoSource, state.videoElement);
-
-            case 7:
-              state.videoTexture = _context.sent;
-              state.enabled = !!data.enable;
-              if (state.enabled) enable();
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function load(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  five.on('modeChange', function () {
-    return setMuted(true);
-  });
-  five.on('wantsTapGesture', function (raycaster) {
-    if (!state.enabled) return;
-
-    var _raycaster$intersectO = raycaster.intersectObjects(five.scene.children, true),
-        _raycaster$intersectO2 = (0, _slicedToArray2["default"])(_raycaster$intersectO, 1),
-        intersect = _raycaster$intersectO2[0];
-
-    if (!!intersect && /^video/.test(intersect.object.name)) {
-      if (state.videoTexture) setMuted(!state.videoTexture.image.muted);
-      return false;
-    }
-  });
-  five.on('panoArrived', function () {
-    if (!state.enabled) return;
-    if (getMuted()) return;
-    var cameraPosition = five.camera.position;
-    var visible = state.rectPoints.find(function (points) {
-      var centerVector = points.reduce(function (total, curr) {
-        return new THREE.Vector3(total.x + curr.x / points.length, total.y + curr.y / points.length, total.z + curr.z / points.length);
-      }, new THREE.Vector3());
-      return points.map(function (point) {
-        return new THREE.Vector3((point.x + centerVector.x) / 2, (point.y + centerVector.y) / 2, (point.z + centerVector.z) / 2);
-      }).filter(function (vector) {
-        vector = vector.clone().sub(cameraPosition).normalize();
-        var raycaster = new THREE.Raycaster(cameraPosition, vector);
-
-        var _raycaster$intersectO3 = raycaster.intersectObjects(five.scene.children, true),
-            _raycaster$intersectO4 = (0, _slicedToArray2["default"])(_raycaster$intersectO3, 1),
-            intersect = _raycaster$intersectO4[0];
-
-        return !!intersect && /^video/.test(intersect.object.name);
-      }).length >= 2;
-    });
-    if (!visible) setMuted(true);
-  });
-  five.on('renderFrame', function () {
-    // console.log('renderFrame', state.videoMeshes)
-    state.videoMeshes.forEach(function (meshes) {
-      if (meshes) //@ts-ignore
-        meshes.needsRender = true;
-    });
-  });
-  five.on('load', function (input) {
-    if (input.modelTVVideoData) {
-      load(input.modelTVVideoData);
-    }
-  });
-  Object.assign(window, {
-    $state: state
-  });
-  return {
-    enable: enable,
-    disable: disable,
-    load: load
-  };
-};
-
-exports.ModelTVVideoPlugin = ModelTVVideoPlugin;
-var _default = ModelTVVideoPlugin;
-exports["default"] = _default;

package/plugins/ModelViewPlugin/index.js

@@ -1,223 +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 _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ModelViewPlugin = void 0;
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.is-array.js");
-
-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; }
-
-/**
- * Five 模型插件
- * @template ExportType 导出方法
- */
-var ModelViewPlugin = function ModelViewPlugin(five) {
-  var needsRender = true;
-  var scene = new THREE.Scene();
-  var camera = new THREE.PerspectiveCamera(60, 1, 0.1, 1000);
-  var model = new THREE.Object3D();
-  {
-    var light = new THREE.DirectionalLight(0xffffff, 0.5);
-    light.position.copy(new THREE.Vector3(1, 1, 1));
-    scene.add(light);
-  }
-  {
-    var _light = new THREE.DirectionalLight(0xffffff, 0.3);
-
-    scene.add(_light);
-  }
-  {
-    var _light2 = new THREE.AmbientLight(0xffffff, 0.3);
-
-    scene.add(_light2);
-  }
-  scene.add(model);
-  var renderer = null;
-
-  var initRendererIfNeeds = function initRendererIfNeeds() {
-    if (!five.renderer) return;
-
-    if (!renderer) {
-      renderer = new THREE.WebGLRenderer({
-        antialias: false,
-        alpha: true
-      });
-      renderer.setPixelRatio(five.renderer.getPixelRatio());
-      renderer.outputEncoding = THREE.sRGBEncoding;
-      renderer.setClearColor(0x181a1c, 0);
-      renderer.autoClear = true;
-    }
-
-    return renderer;
-  };
-
-  var modelWillLoad = function modelWillLoad() {
-    model.traverse(function (object) {
-      if (object instanceof THREE.Mesh) {
-        var materials = [].concat(object.material);
-        materials.forEach(function (material) {
-          return material.dispose();
-        });
-      }
-    });
-    scene.remove(model);
-    model = new THREE.Object3D();
-    scene.add(model);
-    update();
-  };
-
-  var modelLoaded = function modelLoaded() {
-    function cloneMaterial(material) {
-      material = material.clone();
-      material.uniforms.modelAlpha.value = 1;
-
-      if (material.uniforms.map.value) {
-        material.uniforms.map.value.needsUpdate = true;
-      }
-
-      return material;
-    }
-
-    function cloneModel(model) {
-      if (model instanceof THREE.Mesh) {
-        var geometry = model.geometry;
-        var material = Array.isArray(model.material) ? model.material.map(cloneMaterial) : cloneMaterial(model.material);
-        return new THREE.Mesh(geometry, material);
-      } else if (model instanceof THREE.Group) {
-        var group = new THREE.Group();
-        model.children.forEach(function (object) {
-          return group.add(cloneModel(object));
-        });
-        return group;
-      } else {
-        var object3D = new THREE.Object3D();
-        model.children.forEach(function (object) {
-          return object3D.add(cloneModel(object));
-        });
-        return object3D;
-      }
-    }
-
-    scene.remove(model);
-    model = cloneModel(five.model);
-    scene.add(model);
-    update();
-  };
-
-  var appendTo = function appendTo(element) {
-    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var renderer = initRendererIfNeeds();
-    if (!renderer) return;
-    element.appendChild(renderer.domElement);
-    refresh(size);
-    var positionType = window.getComputedStyle(element).position;
-    if (positionType !== 'relative' && positionType !== 'absolute' && positionType !== 'fixed' && positionType !== 'sticky') element.style.position = 'relative';
-  };
-
-  var refresh = function refresh() {
-    var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (!renderer) return;
-    var element = renderer.domElement;
-    var container = element.parentNode;
-
-    if (container && container.nodeName) {
-      var _size$width = size.width,
-          width = _size$width === void 0 ? container.offsetWidth : _size$width,
-          _size$height = size.height,
-          height = _size$height === void 0 ? container.offsetHeight : _size$height;
-      renderer.setSize(width, height); // 修改摄像机 aspect 比值
-
-      camera.aspect = width / height;
-      camera.updateProjectionMatrix();
-    }
-
-    needsRender = true;
-  };
-
-  var cameraDistance = function cameraDistance() {
-    var bounding = five.model.bounding;
-    var fov = camera.fov,
-        aspect = camera.aspect;
-    var radius = Math.sqrt(Math.pow(bounding.max.x - bounding.min.x + 2, 2) + Math.pow(bounding.max.y - bounding.min.y + 2, 2) + Math.pow(bounding.max.z - bounding.min.z + 2, 2)); // fit screen
-
-    var distance = radius / 2 / Math.tan(Math.PI * fov / 360);
-    if (aspect < 1) distance = distance / aspect;
-    return isNaN(distance) ? radius : distance;
-  };
-
-  var update = function update() {
-    var _five$getPose = five.getPose(),
-        longitude = _five$getPose.longitude,
-        latitude = _five$getPose.latitude;
-
-    var distance = cameraDistance();
-    var lookAt = five.model.bounding.getCenter(new THREE.Vector3());
-    var longitudeDistance = distance * Math.cos(latitude);
-    var cameraPosition = new THREE.Vector3();
-    cameraPosition.x = Math.sin(longitude) * longitudeDistance + lookAt.x;
-    cameraPosition.z = Math.cos(longitude) * longitudeDistance + lookAt.z;
-    cameraPosition.y = Math.sin(latitude) * distance + lookAt.y;
-    camera.position.copy(cameraPosition);
-    camera.lookAt(lookAt);
-    needsRender = true;
-  };
-
-  var render = function render() {
-    if (needsRender !== true) return;
-    if (!renderer) return;
-    if (!renderer.domElement.parentNode) return;
-    var parentNode = renderer.domElement.parentNode;
-    if (parentNode.offsetWidth === 0) return;
-    renderer.render(scene, camera);
-    needsRender = false;
-  };
-
-  var dispose = function dispose() {
-    if (renderer) renderer.dispose();
-    renderer = null;
-  };
-
-  five.on('modelLoaded', modelLoaded);
-  five.on('modelWillLoad', modelWillLoad);
-  five.on('cameraDirectionUpdate', update);
-  five.on('dispose', dispose);
-  five.on('renderFrame', render);
-  return {
-    appendTo: appendTo,
-    refresh: refresh
-  };
-};
-
-exports.ModelViewPlugin = ModelViewPlugin;
-var _default = ModelViewPlugin;
-exports["default"] = _default;