如何在jsfiddle中加载纹理

时间:2012-08-01 06:30:08

标签: three.js

如何在jsfiddle中使用THREE.ImageUtils.loadTexture()。我创建了一个演示[http://jsfiddle.net/georgeneil/cfrsj/10/]。在这里,我无法查看纹理。我将这些点渲染为黑色。

2 个答案:

答案 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} );