aframe - 在 A-Frame 中同时从两个摄像机渲染

Question

最近的 v0.3.0 博客文章提到 WebVR 1.0 支持允许“我们在桌面显示器上拥有与头显不同的内容，为异步游戏和旁观者模式打开了大门。”这正是我想要工作的。我希望场景中的一个摄像头代表 HMD 的视点，另一个摄像头代表同一场景的观众，并将该 View 呈现到同一网页上的 Canvas 上。 0.3.0 删除了将场景渲染到特定 Canvas 的能力，以支持嵌入式组件。关于如何完成两个摄像机同时渲染一个场景的任何想法？

我的目的是让桌面显示器从不同的角度显示用户正在做什么。我的最终目标是能够构建一个混合现实绿屏组件。

Answer 1

虽然将来可能会有更好或更清洁的方法来做到这一点，但通过查看 THREE.js 世界中如何完成此操作的示例，我能够获得第二个相机渲染。

我将一个组件添加到一个名为 spectator 的非事件摄像机。在初始化函数中，我设置了一个新的渲染器并附加到场景外的 div 以创建一个新的 Canvas 。然后我在生命周期的 tick() 部分调用 render 方法。

我还没有弄清楚如何隔离这个相机的运动。 0.3.0 aframe 场景的默认外观控件仍然控制两个相机



源代码:
https://gist.github.com/derickson/334a48eb1f53f6891c59a2c137c180fa