Three.js 三维纹理

我试图把纹理放在ThreeJS中的BoxGeometry中，但我失败了，我使用的是绝对路径，在同一个目录中都失败了

我的剧本，提前谢谢

const scene=new THREE.scene（）；
恒定光=新的三个环境光（0xFFFFFF，0.5）；
场景。添加（灯光）；
常量灯1=新的三点灯（0xFFFFFF，0.5）；
场景。添加（light1）；
常量摄影机=新的三透视摄影机(
75,
window.innerWidth/window.innerHeight，
0.1,
1000
);
const renderer=new THREE.WebGLRenderer（{antialas:true}）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
const geometry=新的3.BoxGeometry（100100100）；
const material=新的3.0网格材质({
颜色：0xF32，
map:new THREE.TextureLoader（）.load（'img.png'），//问题
镜面反射：0xffffff，
光泽度：1
});
常量立方体=新的三个网格（几何体、材质）；
立方体位置集（0,0，-200）；
场景.添加（立方体）；
摄像机位置z=250；
函数animate（）{
请求动画帧（动画）；
立方体旋转.x+=0.01；
立方体旋转y+=0.01；
立方体旋转z+=0.01；
渲染器。渲染（场景、摄影机）；
}
制作动画（）；

图像需要在服务器上才能有效渲染。正如马奎佐指出的那样。 我一直都有这个问题

我对安全工作流程的建议：

如果可能，请始终进行纹理处理，如果您有复杂的纹理处理，blender可能是以前的super，用于展开UV并进行处理，然后导出到GLB，在threejs编辑器中导入以添加照明并微调外观。当你高兴的时候，出版你的作品

---

祝你好运

你犯了什么错误？如果您指向硬盘中的图像，可能会遇到CORS问题。您需要设置一个本地服务器。有关如何本地加载图像资源的信息，请参见。