Loading texture onto tiles in three.js file

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.

+4
source share

Source: https://habr.com/ru/post/1606309/


All Articles