I am creating a 3D world map in three.js, and for better quality and accuracy I would like to load the texture using tiles depending on the current zoom level.
I would like to achieve something like this , but in three.js.
I currently have one big texture, see fiddle .
var mesh = THREE.Mesh(
new THREE.SphereGeometry(radius, segments, segments),
new THREE.MeshPhongMaterial({
map: THREE.ImageUtils.loadTexture('https://raw.githubusercontent.com/turban/webgl-earth/master/images/2_no_clouds_4k.jpg'),
bumpScale: 0.005,
specular: new THREE.Color('grey')
})
);
But I would like to request a texture in fragments from here .
Are there any similar decisions made in three.js, or does anyone know how I can stitch a texture from tiles.
source
share