Three.js OrthographicTrackballControls con Angular

¿Es posible utilizar los three.js OrthographicTrackballControls de three.js con Angular 4? Lo intenté con:

 npm install --save three-orthographic-trackball-controls 

Y en mi componente:

 import { OrthographicTrackballControls } from 'three-orthographic-trackball-controls'; 

No tuve éxito ni idea de cómo hacer esto. Encontré soluciones para OrbitControls , pero usando otro paquete RequireJS y RequireJS . Cualquier idea para resolver este problema será útil. Gracias por adelantado.

Vea el ejemplo de uso de Angular + Three.js, incluyendo OrbitControls y ColladaLoader: https://github.com/makimenko/angular-three-examples

Actualmente, los ejemplos de Three.js no están incluidos en un módulo y usarlos en el código de manuscrito Angular podría ser un poco complicado. Una de solución / solución podría ser:

En primer lugar, incluir dependencias:

 three @types/three 

En segundo lugar, importar en componente:

 import * as THREE from 'three'; import "./js/EnableThreeExamples"; import "three/examples/js/controls/OrbitControls"; import "three/examples/js/loaders/ColladaLoader"; 

Reemplace OrbitControls por OrthographicTrackballControls en scene.component.ts. Probablemente las características de la cámara también deberían ajustarse.

 this.controls = new THREE.OrbitControls(this.camera); this.controls.rotateSpeed = 1.0; this.controls.zoomSpeed = 1.2; this.controls.addEventListener('change', this.render); 

Espero que esto pueda ayudarte a empezar. También muestra una solución alternativa (accediendo directamente a ejemplos originales desde el módulo three.js sin la instalación de paquetes NPM adicionales).