A框在相机中的右上方位置

时间:2019-08-20 13:56:14

标签: aframe

是否可以在A形框架中将相机中的对象粘贴到右上角的位置(对于平视元素)。它可以在固定位置的dekstop上运行,但在移动设备上,圆在视口之外

<a-camera>
   <a-circle radius="1"></a-circle>
</a-camera>

1 个答案:

答案 0 :(得分:1)

通过向照相机添加子几何体来使用3D Hud元素的问题在于,它们存在于3D空间中,并且在桌面与移动设备上的渲染方式会有所不同,因为照相机的视锥度有所不同。

如果要使用3D hud元素,可以检测查看器是在移动设备还是台式机上,然后将hud元素转换为适合的大小。您将不得不通过反复尝试在手机上进行调整,并希望它能在所有手机上正常使用。 这是一个小故障,显示了如何检测移动设备以及如何使用简单的3D平视显示器。 https://glitch.com/~juniper-plot

另一种更可靠的方法是使用屏幕空间Hud,最好的是dat.GUI。这是一个小故障,显示了Aframe中dat.GUI的基本用法。 https://glitch.com/~gui-aframe

请注意,您还可以使用置于标签之前的标准html元素,它们将在屏幕空间中的3D画布(渲染的3d场景)上呈现。