three.js，纹理不会在 codepen 中加载
three.js, textures won't load in codepen
我开始学习 three.js，我在 codepen.io 上学习。问题是我尝试向我的 boxgeometry 添加纹理但它没有出现，我的代码有什么问题？
const cubetexture = new THREE.TextureLoader().load('https://i.stack.imgur.com/9vixO.png');
const geometry = new THREE.BoxGeometry( 10, 10, 10 )
const material = new THREE.MeshBasicMaterial( { map: cubetexture } );
const cube = new THREE.Mesh( geometry, material );
cube.rotateY(Math.PI / 3);
scene.add(cube)
您的图片被屏蔽了，因为 Imgur 没有指定 CORS policy。出于安全原因，现代浏览器将拒绝加载图像，如开发人员控制台所示：
在这种情况下，最简单的解决方案是 re-upload 通过主站点将您的图像发送到 Imgur，然后从那里使用 URL。 i.stack.imgur.com（通过 Whosebug 上传的图像）不发送所需的 CORS headers，但 i.imgur.com（通过 the main site 上传的图像）发送。
我开始学习 three.js，我在 codepen.io 上学习。问题是我尝试向我的 boxgeometry 添加纹理但它没有出现，我的代码有什么问题？
const cubetexture = new THREE.TextureLoader().load('https://i.stack.imgur.com/9vixO.png');
const geometry = new THREE.BoxGeometry( 10, 10, 10 )
const material = new THREE.MeshBasicMaterial( { map: cubetexture } );
const cube = new THREE.Mesh( geometry, material );
cube.rotateY(Math.PI / 3);
scene.add(cube)
您的图片被屏蔽了，因为 Imgur 没有指定 CORS policy。出于安全原因，现代浏览器将拒绝加载图像，如开发人员控制台所示：
在这种情况下，最简单的解决方案是 re-upload 通过主站点将您的图像发送到 Imgur，然后从那里使用 URL。 i.stack.imgur.com（通过 Whosebug 上传的图像）不发送所需的 CORS headers，但 i.imgur.com（通过 the main site 上传的图像）发送。