Three.js渲染完成。

Question

有没有办法判断对象何时完成渲染？我知道在其中一个示例中有一个进度条，但我正在寻找一个简单且不复杂的示例。我查看了我正在使用的加载器（OBJMTLLoader）和渲染器（WebGLRenderer），但我没有注意到一个简单的

renderer.complete(function(){ CODE HERE });

或类似于装载程序。例如，当所有对象完全渲染时，我想弹出警报。

提前感谢。

- Austin Best

Answer 1

在loader.addEventListener('load'...部分，将最后一行添加场景的代码放在函数后面，这样它会等待渲染完成后再执行。

如果有其他人需要此信息，请参考！

- Austin Best

---

我不完全理解你的文本。您能提供一个例子吗？ - Theo

Answer 2

Object3D.onAfterRender：函数

简而言之，我正在应用于一个网格对象。

meshCube.onAfterRender = function (){
//Here
}

在3D对象渲染完成后立即执行的可选回调函数。此函数将使用以下参数进行调用：渲染器、场景、相机、几何体、材质、组。

请注意，此回调函数仅对可渲染的3D对象执行。这意味着使用几何体和材质定义其可视外观的3D对象，如Mesh、Line、Points或Sprite的实例。Object3D、Group或Bone的实例不可渲染，因此不会执行此回调函数。

参考：Threejs Object3D文档

- astokum