将虚拟元素覆盖在控制器上导致比例错误



我们目前正在尝试创建一个虚拟对象(平面(,并将其覆盖在Magic Leap设备的控制器上。然而,我们在这方面遇到了一些困难。当我将实体的宽度或任何尺寸设置为1米时。生成的虚拟图像不是1米,实际上更小。

此外,当我们移动图像时,它似乎会停留在相对于控制器的相同位置。神奇的飞跃似乎增加了一种抵消。

<a-entity id="controller" magicleap-controls="hand: right">
<a-plane id="board" width="0.45" height="0.1" position="0 0 0.0" rotation="-45 0 0" color="#b3b3b3" material="side: double; transparent: true; opacity: 0.5">
</a-plane>
</a-entity>

这是我正在使用的代码。我本质上是在尝试创建一个虚拟板(它将映射到物理板,但大小不一致(

可能是什么问题??任何线索都将不胜感激

我认为这可能是由父节点的属性引起的。在A框架中,每个实体都从其父元素继承位置、缩放和旋转。子元素继承它,并在其局部空间中将它标记为[0 0 0](或[1 1 1]表示比例(,它可以是

世界空间快速编辑-不仅直接父元素会产生影响,而且包装最终元素的每个实体都会产生影响。

源相对定位

看看下面的例子

有两个球体是相同的,但其中一个被包裹在另一个具有更改属性的实体中。看看会发生什么——当变换应用于其局部空间时,它会变形和移位。

<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<style>

</style>
</head>
<body>
<a-scene>
<a-entity position="-6 0 -5" scale="2 2 1">
<a-sphere scale="1 2 3" position="3 1 -5" color="blue"> </a-sphere>
</a-entity>
<a-sphere scale="1 2 3" position="3 1 -5" color="red"> </a-sphere>
</a-scene>
</body>
</html>

最新更新