Aframe A帧在摄影机中的右上位置

Aframe A帧在摄影机中的右上位置,aframe,Aframe,在A帧中,是否可以将相机中的对象粘贴到右上角位置(对于hud元素)。它在dekstop上使用固定位置,但在移动设备上,圆位于视口之外 通过向相机添加子几何体,使用3D Hud元素的问题在于,它们存在于3D空间中,在桌面和移动设备上的渲染方式会有所不同,因为相机视图视锥有点不同 如果要使用3D hud元素,可以检测查看器是在移动设备上还是在桌面上,然后变换hud元素以适应。您必须在手机上通过反复试验来调整此功能,并希望它能在所有手机上正常工作。 这里有一个小故障,显示了如何检测移动设备,并使用一个

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


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

如果要使用3D hud元素,可以检测查看器是在移动设备上还是在桌面上,然后变换hud元素以适应。您必须在手机上通过反复试验来调整此功能,并希望它能在所有手机上正常工作。 这里有一个小故障,显示了如何检测移动设备,并使用一个简单的3D hud。

另一种更可靠的方法是使用屏幕空间Hud,最好的方法是dat.GUI。下面是一个小故障,显示了dat.GUI在框架中的基本用法。


请注意,您也可以使用标准html元素,放置在标记之前,它们将在屏幕空间中的3D画布(渲染的3D场景)顶部进行渲染。

这里是一个自定义组件,它添加了一组3D Hud元素,这些元素是相机的父元素。