Using Threejs + OrbitContols in TypeScript

Question

I\'m not able to get this example of using the aforementioned combo going in TypeScript.

I have and <

Answer 1

If you actually still want OrbitControls to be accessed from THREE, the following seems to work for me:

import * as __THREE from 'three';
import * as X from 'three/examples/jsm/controls/OrbitControls.js';

type THREE = typeof __THREE & typeof X

Only real difference is now if you specify the type of controls, it'll look something like

const controls: X.OrbitControls = new THREE.OrbitControls(camera, renderer.domElement)