javascript - 如何在 THREE.JS 中预初始化纹理

Question

我在开始渲染和制作对象动画之前预加载和创建 Material 纹理。
但是三个 JS 仅在对象将在相机中显示时才将纹理上传到 GPU。
因此，当新对象出现在屏幕上时，由于纹理在 GPU 上发送，动画会出现抖动。问题是如何在创建纹理期间将纹理发送到 GPU 以避免在运行时发生？ 将图像加载到 GPU 需要花费大量时间。

Answer 1

我的猜测是遍历对象树，将每个对象的 frustumCulled 标志设置为 false，调用一次 renderer.render(scene, ...)，然后将标记回 true(或者它们是什么)。

function setAllCulled(obj, culled) {
  obj.frustumCulled = culled;
  obj.children.forEach(child => setAllCulled(child, culled));
}

setAllCulled(scene, false);
renderer.render(scene, camera);
setAllCulled(scene, true);

您也可以调用 renderer.setTexture2D(texture, 0) 来强制初始化纹理。