하드 디스크의 텍스처가 three.js에서로드되지 않음 - 검은 색으로 표시됩니다.

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 --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은 로컬 텍스처를로드하는 방법을 설명합니다.