Please do not beat with sticks, for the first time I work with 3D. The problem is as follows. Here is the land:

enter image description here

When applying a texture, it is superimposed in such a way that the poles pass along the Y axis. How to make it so that when overlapping the poles are on the Z axis?

Here is the code for creating ground and texture mapping:

var textureLoader = new THREE.TextureLoader(); var material = new THREE.MeshPhongMaterial({ map: textureLoader.load(mapTexture), bumpMap: textureLoader.load(bumpTexture), bumpScale: bumpMapScale }); if (specularTexture) { material.specularMap = textureLoader.load(specularTexture); material.specular = new THREE.Color('grey'); material.shininess = 50.0; } else { material.shininess = 1.0; } var commonGeometry = new THREE.BufferGeometry().fromGeometry(new THREE.SphereGeometry(1, 64, 64)); var mesh = new THREE.Mesh(commonGeometry, material); mesh.scale.set(radius, radius, radius); return mesh;

    1 answer 1

    You can rotate the sphere geometry 90 degrees counterclockwise around the X axis:

     var commonGeometry = new THREE.SphereBufferGeometry(1, 64, 64); commonGeometry.rotateX(Math.PI / 2);

    jsfiddle r84 example