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

时间:2021-12-23 18:51:29
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