在ReactVR中创建2D场景

Question

我可以在ReactVR中创建2D场景吗？我的意思是在屏幕上显示元素，就像普通的React一样，例如，经典的网页菜单，它总是显示在屏幕上的同一个地方。或者类似3D游戏中的HUD。

Answer 1

有关您要实现的目标或您定位的平台的更多背景信息会有所帮助，但这里有一些指导原则：

IN VR

您通常不希望拥有与用户一起移动的永久叠加层或组件。除非经过精心设计和正确实施，否则这往往会打破沉浸感。您仍然可以使用内置的Text，Image和View组件渲染2D元素，但您必须明智地了解互动。这种方法的一种常见替代方案是，只要用户在特定方向上观看，例如菜单/ HUD就会消失。看着地面时。

无论哪种方式，您都需要查看VrHeadModel及其公开的API，以查询用户的Yaw / Pitch / Roll或如何监听头部旋转事件。

在WEB＆amp;移动

对于这些平台，您可以使用DOM Overlay概念实现菜单/ HUD，这样可以在360场景的顶部渲染传统的2D表面。

链接的示例显示了如何使用简单的React，html，css等在2D中实现所需的内容。在这种情况下，它呈现一个带有文本的简单叠加，但您可以使用它来实现持久叠加，菜单或您认为在2D中而不是在360场景中更好地消耗的任何UI。