如何在jsfiddle中加載紋理

Question

如何在jsfiddle中使用THREE.ImageUtils.loadTexture（）。我創建了一個演示[http://jsfiddle.net/georgeneil/cfrsj/10/]。在這裏，我無法查看紋理。我得到的點呈現爲黑色。

Answer 1

你可以base64 encode的圖像。然後在你的代碼中添加字符串。

更新的jsfiddle：http://jsfiddle.net/cfrsj/11/

Answer 2

問題是你不能使用外部託管的質感。這裏是我爲了在飛機上放置紋理而創建的一些代碼。我相信我修改了這個代碼來自MRP 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});