Aframe 光标乱七八糟
Aframe Cursor disorted
当我在移动设备上进入 Vr 模式时,您会看到一个用于交互的光标。现在我的问题是光标乱七八糟。当我移动我的虚拟现实眼镜的镜片时,我可以让光标变成一个,但是我的场景不再正确了。这是我的相机和我的光标:
<!--------camera---------->
<a-entity rotation="0 90 0">
<a-camera user-height="0" wasd-controls-enabled="false" look-controls>
<a-cursor id="curseid" visible="false" opacity="0" fuse="true" fusetimeout="4000"
position="0 0 -0.1"
raycaster="objects: .clickable"
geometry="primitive: ring;
radiusInner: 0.002;
radiusOuter: 0.003"
material="color: red; shader: flat">
<a-animation attribute="scale"
to="3 3 3"
dur="2000"
begin="cursor-fusing"
fill="backwards"
easing="linear">
</a-animation>
<a-animation attribute="material.opacity" begin="fade" to="0"></a-animation>
<a-animation attribute="material.opacity" begin="fade_cursor" dur="2000" from="0" to="1"></a-animation>
</a-cursor>
<a-entity id="redcircle" visible="false" position="0 0 -0.1"
geometry="primitive: ring;
radiusInner: 0.007;
radiusOuter: 0.0077"
material="color: red; opacity: 0; shader: flat">
<a-animation attribute="material.opacity" begin="fade" to="0"></a-animation>
<a-animation attribute="material.opacity" begin="fade_circle" dur="2000" from="0" to="0.25"></a-animation></a-entity>
</a-camera>
</a-entity>
光标是关闭相机的方式我将它设置为 z: -1 现在它很好
当我在移动设备上进入 Vr 模式时,您会看到一个用于交互的光标。现在我的问题是光标乱七八糟。当我移动我的虚拟现实眼镜的镜片时,我可以让光标变成一个,但是我的场景不再正确了。这是我的相机和我的光标:
<!--------camera---------->
<a-entity rotation="0 90 0">
<a-camera user-height="0" wasd-controls-enabled="false" look-controls>
<a-cursor id="curseid" visible="false" opacity="0" fuse="true" fusetimeout="4000"
position="0 0 -0.1"
raycaster="objects: .clickable"
geometry="primitive: ring;
radiusInner: 0.002;
radiusOuter: 0.003"
material="color: red; shader: flat">
<a-animation attribute="scale"
to="3 3 3"
dur="2000"
begin="cursor-fusing"
fill="backwards"
easing="linear">
</a-animation>
<a-animation attribute="material.opacity" begin="fade" to="0"></a-animation>
<a-animation attribute="material.opacity" begin="fade_cursor" dur="2000" from="0" to="1"></a-animation>
</a-cursor>
<a-entity id="redcircle" visible="false" position="0 0 -0.1"
geometry="primitive: ring;
radiusInner: 0.007;
radiusOuter: 0.0077"
material="color: red; opacity: 0; shader: flat">
<a-animation attribute="material.opacity" begin="fade" to="0"></a-animation>
<a-animation attribute="material.opacity" begin="fade_circle" dur="2000" from="0" to="0.25"></a-animation></a-entity>
</a-camera>
</a-entity>
光标是关闭相机的方式我将它设置为 z: -1 现在它很好