javascript - 一个场景，但有自己的相机的多个视口（three.js）

Question

我有一个我想重用的场景，在两个 div 中渲染场景，每个 div 具有不同的摄像机角度。

这个链接说一个场景不能在多个渲染器之间共享，并建议使用单个渲染器的多个视口。如何将多个摄像头分配给渲染器，然后获取每个摄像头显示的 DOM 元素？

谢谢

Answer 1

您想完全按照这三个.js 示例中的方式进行操作：

https://threejs.org/examples/webgl_multiple_views.html

这使用多个视口，而不是多个 div。这确实是最好的方法。

Answer 2

我想在 2018 年更新这个答案，因为这是在寻找用户示例时谷歌的热门搜索之一。

这已在此提交中修复。添加了几个示例。

将现有场景传递给另一个渲染器实例的工作方式与您现在所期望的一样。