javascript - 如何在 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

你可能有两个问题。

首先，尝试像这样加载它:

var texture = THREE.ImageUtils.loadTexture('ball-texture.jpg', {}, function() {
    renderer.render(scene, camera);
});

texture.needsUpdate = true;

确保纹理大小是 2 的幂(对于 IE 为 512x512px)。