three.js を介して球体をレンダリングしていますが、テクスチャを適用すると問題なく動作します。ただし、マーカーを作成するために使用している方程式は、いじって遊べるものではありません。球のテクスチャを回転させて、マーカーの位置に従って画像を整列させるにはどうすればよいですか? 特に x 方向に。
問題...マーカーは日本の鹿児島と中国の香港にあるはずです
あるべき....そしていいえ、私はそれを解決しませんでした...これは、現在の状態ではなく、どのように見えるべきかです
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);