这是使用Don Mccurdy的aframe-extras
到a-frame
框架。如图所示,已使用movement-controls
设置了场景。
<a-entity geometry="primitive:plane; width:4; height:4;" material="color:blue; side:double;" position="0 0 -2.5" rotation="90 0 0" nav-mesh></a-entity>
<a-entity geometry="primitive:box; width:5; depth:5; height:0.1" material="color:#a8a8a8; shader:flat" position="0 0.05 -2.5"></a-entity>
<a-entity geometry="primitive:box; width:0.1; depth:5; height:4" material="color:#efefef; shader:flat" position="2.5 2 -2.5"></a-entity>
<a-entity geometry="primitive:box; width:0.1; depth:5; height:4" material="color:#efefef; shader:flat" position="-2.5 2 -2.5"></a-entity>
<a-entity geometry="primitive:box; width:5; depth:0.1; height:4" material="color:#ddd; shader:flat" position="0 2 -5"></a-entity>
<a-entity geometry="primitive:box" material="color:red" position="0 1 -3"></a-entity>
<a-entity id="rig" movement-controls="constrainToNavMesh: true" position="0 0 -1">
<a-entity camera position="0 1.6 0" look-controls="pointerLockEnabled: true"></a-entity>
</a-entity>
一个有地板和3墙的房间创建了一个导航网,留下了底边。
这在使用键盘键的桌面上效果很好。即使在手机(未设置VR)上,轻按地板也可以移动相机。但是,向左或向右滑动屏幕时,不仅场景旋转,而且相机始终向前移动。有防止这种情况发生的设置吗?
已设置了一个小故障来证明这一点:https://aframe-gltf-geometry.glitch.me/
谢谢