在ReactVr中创建2D场景



我可以在reactvr中创建一个2D场景吗?我的意思是在屏幕上像普通React一样显示元素,例如,经典的Web菜单将始终在屏幕上的同一位置显示。或3D游戏中的HUD之类的东西。

有关您要实现的目标或目标平台有帮助的更多上下文,但这里有一些准则:

在VR

您通常不想拥有与用户一起移动的永久覆盖或组件。除非非常仔细的设计和正确实施,否则这往往会破坏沉浸。您仍然可以使用内置的TextImageView组件渲染2D元素,但是您必须对交互作用很聪明。这种方法的常见替代方法是,每当用户朝特定方向看,例如看地面时。

无论哪种方式,您都需要查看vrheadmodel及其暴露于查询用户的偏航/螺距/滚动或如何聆听头部旋转事件的API。

在Web&移动

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

链接的示例显示了如何在2D中实现您需要的东西,使用普通React,HTML,CSS等。在这种情况下,它在其上呈现一个简单的覆盖层,但您可以使用它来实现持久覆盖,菜单或您认为在2D而不是在360场景中使用的任何UI。

相关内容

  • 没有找到相关文章

最新更新