title: Rotate sphere texture Three.js
body: <p>I am rendering a sphere via three.js and when I apply a texture it works just fine.
  However, the equation I'm using to make markers isn't something I can play around with.
  How can I rotate a texture on a sphere so that I can align the image according to the marker positions? specifically in the x direction.</p>
  
  <p>Problem...Markers should be over Kagoshima, Japan and Hong Kong, China <img src="https://i.stack.imgur.com/InzTs.png" alt="Markers should be over Kagoshima, Japan and Hong Kong, China "></p>
  
  <p>Should Be....and No I did not solve it...this is what it should look like not how it is now<img src="https://i.stack.imgur.com/PLzEH.png" alt="No I did not solve it...this is what it should look like not how it is now"></p>
  
  <pre><code>var geometry = new THREE.SphereGeometry(200, 40, 30);
  
      shader = Shaders['earth'];
      uniforms = THREE.UniformsUtils.clone(shader.uniforms);
  
      uniforms['texture'].texture = THREE.ImageUtils.loadTexture('/images/world5.png');
      texture.wrapS = THREE.RepeatWrapping; // This causes globe not to load
      texture.offset.x = radians / ( 2 * Math.PI ); // causes globe not to load
      material = new THREE.MeshShaderMaterial({
  
            uniforms: uniforms,
            vertexShader: shader.vertexShader,
            fragmentShader: shader.fragmentShader
  
          });
      mesh = new THREE.Mesh(geometry, material);
      mesh.matrixAutoUpdate = false;
      scene.addObject(mesh);
  </code></pre>