Is there a way to accurately determine when rendering has been completed? I attempted the following method:
scene.add( mesh );
render();
mesh.onBeforeRender = function(renderer, scene){
...
}
mesh.onAfterRender = function(renderer, scene){
...
}
However, in my case, the onBeforeRender/onAfterRender events were repeatedly triggered for my object (perhaps due to the use of materials on the mesh and requestAnimationFrame), making it difficult to pinpoint when the rendering of a single object had finished.
Any insights on how to identify the conclusion of rendering?
Related queries:
THREE.js static scene, detect when webgl render is complete
Three.js render complete