一个好的 VR HUD 解决方案？

Question

我正在使用三个 js 和 webvr-boilerplate 开发游戏。我正在为如何正确渲染始终位于场景顶部的 HUD（分数、距离、通电等）而苦苦挣扎。我试图拥有一个平面（具有从隐藏的 canvas 元素引入的纹理）但将其定位在 space 证明很困难，因为我无法匹配正确的深度。

有什么线索吗？ :)

Answer 1

好吧，你不应该拥有经典的 HUD，VR 不能那样工作。

您正在搜索一种叫做剧情或空间的东西 UI - 即得分和其他图标在场景 space 中以固定位置或距离呈现为几何图形（这个被称为空间 UI)。为获得最佳效果，请在一些模仿真实显示的游戏对象上绘制信息，例如汽车仪表盘上的燃油表或枪上可见的剩余子弹（这个被称为 diegetic UI).

团结成就了a nice page describing these concepts.

Answer 2

我专门为 WebVR 和 THREE.js 项目创建了性能统计 HUD。 https://github.com/Sean-Bradley/StatsVR

虽然默认设置显示特定信息，但您可以对其进行修改以显示自定义图形和其他数据。

如果你不相信我，看看 StatVR 视频教程。