如何在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});