THREE.js静态场景，检测webgl渲染何时完成

Question

我正在创建一个包含许多对象的静态场景，并且在渲染后想另存为图像。 我该如何在THREE.js r69中做到这一点？

Answer 1

您很可能没有朝着正确的方向前进。

如果你有这样的功能

function animate() {
    requestAnimationFrame(animate);
    render ();
}

渲染一直在工作。

当您看到场景未完成时 ，这是因为网格尚未完成加载，而不是因为渲染尚未完成渲染。

因此，您必须在正在加载的模型上监听一些onload事件，这将取决于您用于加载它们的方法（并且您没有解释，所以我不能为您提供更多帮助）

给定答复中的代码，将网格添加到场景尚不清楚。 无论如何，我会尝试一些

function loaderCallback() {
    mesh = new THREE.Mesh (...
    scene.add (mesh);
    requestAnimationFrame(saveImage);
    render ();
}

渲染完成时应调用requestAnimationFrame调用的函数。