renderer.render（）是阻塞還是非阻塞？

Question

我需要在每個渲染幀完成之后進行屏幕截圖，但是我發現某些屏幕截圖是重復的，所以我想知道是否可以在渲染完成之前保存屏幕截圖。 從而...

1. renderer.render（）會阻塞直到完成渲染嗎？
2. 如果沒有，完成時是否有辦法通過回調或事件知道？

Answer 1

我用50k多維數據集創建了一個渲染測試，在筆記本電腦上大約需要6-10秒。

小提琴在這里： http : //jsfiddle.net/1ma18gLf/

該功能會根據測試進行阻止。 使用瀏覽器控制台觀看結果並查看base64圖像。

然后問題就變成了，無論JavaScript在做什么，webGL都會分別繪制到畫布上。

您可以在渲染之前嘗試手動清除：

var renderer = new THREE.WebGLRenderer( { preserveDrawingBuffer: true } );
renderer.autoClear = false;

//In your render loop:

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