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

【问题标题】：One scene, but multiple viewports with their own camera (three.js)一个场景，但有自己的相机的多个视口（three.js）
【发布时间】：2013-01-22 07:13:15
【问题描述】：

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

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

谢谢

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

这已在this commit 中修复。添加了几个examples。

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

【讨论】：