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

Question

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

This link表示无法在多个渲染器之间共享场景，并建议将多个视口与单个渲染器一起使用。如何将多个摄像机分配给渲染器，然后获取每个显示在其中的DOM元素？

由于

Answer 1

你想要完全像在这个三个例子中那样做：

http://mrdoob.github.com/three.js/examples/webgl_multiple_views.html

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

Answer 2

我想在2018年更新此答案，因为这是Google在查找用户示例时的热门话题之一。

此问题已在this commit中修复。并添加了多个examples。

将现有场景传递到另一个渲染器实例将按您现在的预期工作。