如何在jsfiddle中使用THREE.ImageUtils.loadTexture()。我创建了一个演示[http://jsfiddle.net/georgeneil/cfrsj/10/]。在这里,我无法查看纹理。我将这些点渲染为黑色。
答案 0 :(得分:6)
你可以base64 encode图像。然后在代码中添加字符串。
更新了jsfiddle:http://jsfiddle.net/cfrsj/11/
答案 1 :(得分:0)
问题是您无法使用外部托管的纹理。这是我创建的一些代码,用于将纹理放在平面上。我相信我从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} );