title: Three.js - OrbitControls doesn't work
body: <p>If I run the script, the console displays me "THREE.OrbitControls is not a constructor".</p>
  
  <p><a href="https://i.stack.imgur.com/H5ap3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/H5ap3.png" alt="enter image description here"></a></p>
  
  <p>What did I wrong? I used the same code from a manual.</p>
  
  <pre><code>var controls;
      controls = new THREE.OrbitControls( camera );
      controls.addEventListener( 'change', render );
  
  var render = function () {
      requestAnimationFrame( render );
      renderer.render(scene, camera);
                  //Hier wird die Größe des Fensters manipuliert!
      renderer.setSize(window.innerWidth - 20, window.innerHeight - 20);                  
  </code></pre>
  
  <p>};</p>
  
  <pre><code>    var animate = function () {
          requestAnimationFrame( animate );
          controls.update();                  
      };
  
  
  var geometry1 = new THREE.BoxGeometry( 10, 10, 10);
  var material = new THREE.MeshPhongMaterial( {specular: "#fdfb57", color: "#d8d613", emissive: "#6b6a0d", side: THREE.DoubleSide} );
  var box = new THREE.Mesh(geometry1, material);
  
  
  scene.add(box);   
  
  camera.position.z = 50;
  
  
  render();   
  animate();
  </code></pre>