title: 90 degree field of view without distortion in THREE.PerspectiveCamera
body: <p>I am building a website running on THREE.js to generate a 3D world. From experience with video games, I know they usually use a camera field of view angle of about 90 degrees. When I set PerspectiveCamera in THREE.js to such a high FOV value, however, the scene is severely distorted. This distortion is somehow removed in games while preserving the large field of view. How is this done? Can I do this in THREE.js, too? Thanks!</p>
  
  <p>This is how the camera is created:</p>
  
  <pre><code>new THREE.PerspectiveCamera(
      75, 
      window.innerWidth / window.innerHeight, 
      100, 
      10000000
  );
  </code></pre>
  
  <p>The resulting image is this. See how the earth is stretched in the horizontal direction? That's what I am trying to get rid of.</p>
  
  <p><img src="https://i.stack.imgur.com/Ydd0x.jpg" alt="enter image description here"></p>