javascript - 三个js渲染一个静态场景

Question

来自设置基本场景的教程 here调用渲染器的标准方法如下:

function render() {
    requestAnimationFrame( render );
    renderer.render( scene, camera );
}
render();

但是我正在生成静态图像，因此创建框架似乎有点矫枉过正。有什么方法可以渲染一次场景，然后让渲染的图像持续存在吗？

Answer 1

我需要做的是延迟调用

this.renderer.render(this.scene, this.camera);

直到场景中所有计算完成后。初始化渲染器后立即调用它会导致绘制白屏，因为尚未计算其他任何内容。

作为权宜之计，我将其放入 window.setTimeout 函数中，但我猜正确的方法是在所有其他计算完成后将其放入回调函数中。