VR HUD的一个很好的解决方案？

Question

我用THREEjs和webvr-boilerplate开发游戏。我对如何正确渲染始终位于场景顶部的HUD（得分，距离，通电等）感到挣扎。我试图建立一个平面（从隐藏的画布元素中带来一个纹理）但是将它放在太空中证明是困难的，因为我无法匹配正确的深度。

有任何线索吗？ ：）

Answer 1

嗯，你不应该有经典的HUD，VR不会那样工作。

你正在寻找一种叫做节食或空间UI的东西 - 即分数和其他图标在固定位置或距离的场景空间中呈现为几何（这个被称为空间UI ）。为了获得最佳效果，请绘制模拟真实显示的某些游戏对象的信息，例如汽车仪表板上的燃油表或喷枪上可见的剩余子弹（这个称为 diegetic UI ）。 / p>

Unity已经a nice page describing these concepts。

Answer 2

我专门针对WebVR＆amp; amp;创建了一个性能统计HUD。 THREE.js项目。 https://github.com/Sean-Bradley/StatsVR

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

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