title: Wrong shape of SphereGeometry in three.js
body: <p>I'm trying to render a simple sphere in three.js but for some reason I get a distorted shape (it's a sort of a vertical stick shape).</p>
  <p>Here's my html</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;/&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;title&gt;Visualizer&lt;/title&gt;
      &lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;favicon-32x32.png&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;
      
      
      &lt;script src=&quot;build/three.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;js/OrbitControls.js&quot; &gt;&lt;/script&gt;
      &lt;script src=&quot;js/RGBELoader.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;js/GLTFLoader.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;js/index.js&quot;&gt;&lt;/script&gt;
      
     
      
  &lt;/body&gt;
  
  
      
  &lt;/html&gt;
  </code></pre>
  <p>and the js</p>
  <pre><code>let scene, camera, renderer, controls, pointlight;
  
  
  
  function init() {
      scene = new THREE.Scene()
      renderer = new THREE.WebGL1Renderer({alpha:true,antialias:true})
      renderer.setSize(window.innerWidth,window.innerHeight)
      document.body.appendChild(renderer.domElement)
      camera = new THREE.PerspectiveCamera(50,window.innerWidth,window.innerHeight,1,1000)
      camera.position.set(0,0,500)
      controls = new THREE.OrbitControls(camera, renderer.domElement)
      
      pointlight = new THREE.PointLight(0xffffff,1)
      pointlight.position.set(200,200,200)
      scene.add(pointlight)
  
      let ballGeo = new THREE.SphereGeometry(200,64,64)
      let ballMat = new THREE.MeshPhysicalMaterial()
      let ballMesh = new THREE.Mesh(ballGeo,ballMat)
      scene.add(ballMesh)
      animate()
      
  }
  
  function animate(){
      controls.update()
      renderer.render(scene, camera)
      requestAnimationFrame(animate)
  }
  
  init()
  </code></pre>