Aframe 在A帧中同时从两个摄影机渲染

最近的v0.3.0博客文章提到WebVR 1.0的支持，允许“我们在桌面显示器上有不同于耳机的内容，为异步游戏和观众模式打开了大门。”这正是我想要实现的。我希望在场景中有一个摄像头代表HMD的视点，另一个摄像头代表同一场景的观众，并将该视图渲染到同一网页上的画布上。0.3.0取消了将a场景渲染到特定画布的功能，有利于嵌入组件。如何实现两个摄影机同时渲染一个场景

---

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

虽然将来可能会有更好或更干净的方法来实现这一点，但通过查看THREE.js世界中如何实现这一点的示例，我能够获得第二个摄影机渲染

我将一个组件添加到名为“旁观者”的非活动摄影机。在init函数中，我设置了一个新的渲染器并附加到场景外部的div以创建一个新画布。然后在生命周期的tick（）部分调用render方法

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

源代码：

---

在fernandojsg重新上线并提供更明确的答案之前，我相信这将涉及一个组件来创建第二个摄影机/渲染器/画布，并使用

勾选

连接到渲染循环中。默认画布将在VR模式下推送到耳机。然后可能会调整z索引以在桌面显示器上显示观众画布？只是猜测。我能让你的建议起作用。一旦我解决了问题，我会发布github的回复。你可以禁用观众摄像头上的外观控制，或者至少设置

look controls=“hmdEnabled:false”

。或者通过hack look控件添加一个属性，只在

画布

而不是

窗口

上侦听鼠标拖动。它当前在

窗口中侦听，以防您从画布上拖动，但不需要观众模式。