如何在three.js中的球体上使用纹理

Question

我从http://aerotwist.com/lab/getting-started-with-three-js/下载了一个球体示例,我可以看到漂亮的红色球体.我想在上面使用纹理.我试过这个:

var texture = THREE.ImageUtils.loadTexture("ball-texture.jpg");
texture.wrapS = texture.wrapT = THREE.ClampToEdgeWrapping;
texture.repeat.set( 125, 125 );
texture.offset.set( 15, 15 );
texture.needsUpdate = true;
var sphereMaterial = new THREE.MeshBasicMaterial( { map: texture } );
var sphere = new THREE.Mesh(new THREE.Sphere(radius, segments, rings),sphereMaterial);

但我看不到任何东西,一切都是黑色的.有没有人有球体纹理的工作示例？

Answer 1

您使用的是火狐浏览器吗？这可能是您的浏览器出现问题。Firefox 对纹理使用某种跨站点拦截器。结果是黑色。请查看此网站以获取更多信息：http://hacks.mozilla.org/2011/06/cross-domain-webgl-textures-disabled-in-firefox-5/