Question

我在尝试从本地计算机加载图像时遇到了问题。如果我在互联网上给一个jpeg文件链接它可以正常工作，但如果我用我本地机器的路径替换 - 纹理是黑色的。

var texture = THREE.ImageUtils.loadTexture( 'http://ewgl.erbix.com/js/nodes2/textures/sun.jpg', {}, function(){ renderer.render(scene, camera); } );
paintMaterial = new THREE.MeshBasicMaterial({map: texture})

因此，如果我从我的机器加载相同的图像，则显示黑色，而不是“http://ewgl.erbix.com/js/nodes2/textures/sun.jpg”。我在https://github.com/mrdoob/three.js/issues/432处发现了同样的问题，但仍然无法从我的机器上加载纹理。

我还尝试运行chrome作为chrome --allow-file-access-from-files，然后打开链接文件：/// C：/Users/Anubha/Desktop/pencil/pencil.html，但是paint3 .jpg甚至与js和html在同一个文件夹中显示黑色。

var texture = THREE.ImageUtils.loadTexture( 'paint3.jpg', {}, function(){ renderer.render(scene, camera); } );
        paintMaterial = new THREE.MeshBasicMaterial({color: 0x3D59AB, map: texture, specular: 0x555555, shininess: 20})

Answer 1

This page解释了如何加载局部纹理。

从硬盘的纹理没有装载在three.js - 显示黑色

1 个答案: