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

时间:2024-10-10 13:06:50
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