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