Question

Three.js r72

我正在尝试使用具有不同偏移和重复的相同纹理，但在克隆纹理并应用needsUpdate后，我不断收到错误“纹理标记为更新但图像未定义”。我检查克隆的纹理，图像属性是未定义的。 clone方法不应该从纹理对象中的纹理引用源图像。

var textures = {}
var materials = {}

textures.skin = THREE.ImageUtils.loadTexture('skin.png');
textures.skin.minFilter = THREE.NearestFilter;
textures.skin.magFilter = THREE.NearestFilter;
skin.map_data.forEach(function(item) {
    var mats = []
    item.maps.forEach(function(item) {
        var tex = textures.skin.clone();
        tex.needsUpdate = true;
        tex.offset.x = ((1 / skin.width) * item.offset_x)
        tex.offset.y = ((1 / skin.height) * item.offset_y)
        tex.repeat.x = ((1 / skin.width) * item.width);
        tex.repeat.y = ((1 / skin.height) * item.height);
        var mat = new THREE.MeshBasicMaterial({
            map: tex
        });
        mats.push(mat);
    })
    materials[item.name] = new THREE.MeshFaceMaterial(mats)
})

Answer 1

纹理加载是异步的。您需要将大部分代码放在加载程序回调中。

texture = THREE.ImageUtils.loadTexture( 'filename.jpg', undefined, function() {

    // the rest of your code here...

    var tex = texture.clone();
    tex.needsUpdate = true;

}

了解如何在http://threejs.org/examples/misc_ubiquity_test2.html中完成。

three.js r.72

Three.js r72 - 纹理标记为更新但图像未定义？

1 个答案: