jsfiddle에서 텍스처를로드하는 방법

Question

jsfiddle에서 THREE.ImageUtils.loadTexture()를 사용하는 방법. 나는 데모 [http://jsfiddle.net/georgeneil/cfrsj/10/]를 만들었습니다. 여기서는 질감을 볼 수 없습니다. 나는 검은 색으로 렌더링 된 점들을 얻고있다.

Answer 1

이미지는 base64 encode입니다. 그런 다음 코드에 문자열을 추가하십시오.

업데이트 jsfiddle은 : http://jsfiddle.net/cfrsj/11/

Answer 2

문제는 당신이 외부에서 호스팅되는 텍스처를 사용할 수있다. 다음은 비행기에 텍스처를 넣기 위해 만든 코드입니다. 나는 doob의 프로젝트 중 하나에서이 코드를 변경했다고 생각합니다.

img = new Image(); 
texture = new THREE.Texture(img); 
    img.onload = function() { 
    texture.needsUpdate = true; 
    makeParticle(); 
    }; 
img.src = "http://www.aerotwist.com/tutorials/creating-particles-with-three-js/images/particle.png"; 

geometry = new THREE.PlaneGeometry(438, 695, 200); 
material = new THREE.MeshBasicMaterial({map: texture});