angular 2 threejs FirstPersonControls

Question

如何在Angular 2应用程序中导入和使用threeJS FirstPersonControl的任何想法。

我的目标是可以将内部和外部几何体加载到场景中。

我的应用程序已经实现了OrbitControls所以我假设我需要禁用所有鼠标功能。

非常感谢任何简单的代码。

谢谢，

恐龙

更新

这是我在角度2应用中导入和使用 OrbitControls 的代码：

import * as THREE from 'three';

declare const require: (moduleId: string) => any;

const OrbitControls = require('three-orbit-controls')(THREE);

//in component implementation
this.controls = new OrbitControls(this.aCamera, this.aRenderer.domElement);

从这里开始我真的很困惑。如果我不导入任何其他内容，我的编辑允许我写：

this.flyControls = new THREE.FlyControls(this.aCamera, this.aRenderer.domElement);

代码编译没有错误因此我假设FlyControls嵌入到三个库中但是我必须错误，因为我收到以下错误：

  

WEBPACK_IMPORTED_MODULE_1_three .FlyControls不是构造函数;区域：;任务：Promise.then;值：

所以我已经将npm库下载到我的角度应用程序中，如下所示：

npm install three-fly-controls

现在我的package.json看起来像：

  

“三”：“0.85.0”，
  “三飞控制”：“1.1.0”，   “三轨控制”：“82.1.0”，

并编写了与为我的OrbitControls编写的代码相同的代码：

const MyFlyControls = require('three-fly-controls')(THREE);

//in component implementation
this.controls2 = new MyFlyControls(this.aCamera, this.aRenderer.domElement);

再次出现错误：

  

EXCEPTION：./AppComponent类AppComponent中的错误 - 内联   模板：6：0引起：MyFlyControls不是构造函数

我错过了什么？我怎么想将FlyControls或FirstPersonControls导入角度2项目？