Three.js canvas:卸载/加载纹理下一张全景图像

时间:2015-05-11 14:27:01

标签: javascript three.js

显示下一张全景图的最佳做法是什么? (更改图像) 像这样?

活动点击按钮 - >

var materials = [

                loadTexture( 'PANO_NEXT0001.jpg' ), // right
                loadTexture( 'PANO_NEXT0003.jpg' ), // left
                loadTexture( 'PANO_NEXT0004.jpg' ), // top
                loadTexture( 'PANO_NEXT0005.jpg' ), // bottom
                loadTexture( 'PANO_NEXT0000.jpg' ), // back
                loadTexture( 'PANO_NEXT0002.jpg' )  // front

            ];
scene.remove(scene.children[0]);
mesh = new THREE.Mesh( new THREE.BoxGeometry( 300, 300, 300, 7, 7, 7 ), new THREE.MeshFaceMaterial( materials ));
mesh.scale.x = - 1;
scene.add( mesh );

1 个答案:

答案 0 :(得分:0)

好吧,我认为这将是改变盒子几何的材料。就像:

var z=new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture('...jpg',THREE.UVMaping,function(){
            mesh.material.materials[i]=z;
        })

i是6种材质的索引。有6个面材料的循环。