Three.js 对象在纹理加载之前是黑色的 - 我可以更改此行为吗？

Question

我对 Three.js 非常陌生。在我的项目中，您可以在一系列具有对象横截面图像的平面中移动。问题在于 Material 不会立即加载，并且上下移动太快会导致某些平面显示黑色。我需要改变这种行为。有没有办法

1. 更改一些属性，使平面透明 - 但加载时图像仍应不透明
2. 或者在加载纹理之前根本不显示/渲染平面？

我完全不确定我是否走在正确的轨道上，我希望更有经验的人可以提出具体的解决方案。

谢谢!

Answer 1

不确定您是否已经解决了这个问题，但我做了一个方便的小函数来通过修改不透明度设置来处理这个问题，其基本功能是:

function loadTexture( path ){

    var mat = new THREE.MeshBasicMaterial({
        map: new THREE.ImageUtils.loadTexture( path, null, function() {
            mat.opacity = 1;
        } ),
        opacity: 0
    });

    return mat;
}