three.js 加入纹理（texture）的方法及注意事项

var texture = new THREE.TextureLoader().load( './img/1.png' );
var box_show = new THREE.CubeGeometry(10,10,10,1,1,1);
var box_metal = new THREE.MeshPhongMaterial({
    map: texture
});
var mesh = new THREE.Mesh(box_show, box_metal);

 

以上是 为立方体 设置纹理的方法。

 

附加一个注意事项！！！

尤其重要！！！

 

即： 一定要在开启本地服务器的环境下运行，不要直接打开文件调试

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1