有没有办法在页面加载时设置默认相机方向,在框架中?



默认情况下,当我加载场景时,摄像机会直指前方。但我希望它稍微向上。

我尝试使用旋转属性来倾斜相机。首先,它有效。但是当我将相机向下移动(到其默认位置(并尝试移动到一侧时,相机会以奇怪的角度移动。不像我在没有摄像机旋转的情况下加载场景,向上移动,然后再移回。

我正在使用 1.0.4 版本的 a-frame,在桌面上,在 Firefox 中,用鼠标控制场景。

这是我的代码:

<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<a-scene>
<a-entity id="rig" rotation="20 0 0">
<a-entity camera look-controls="reverseMouseDrag: true" cursor="rayOrigin: mouse" position="0 1.6 0"></a-entity>
</a-entity>
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow></a-box>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow></a-sphere>
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D" shadow></a-cylinder>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>
<a-sky src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Equirectangular_projection_SW.jpg/1920px-Equirectangular_projection_SW.jpg"></a-sky>
</a-scene>

考虑旋转a-sky或在所需的起始配置中设置对象场景。请注意,在VR中,您将无法强迫用户看向特定方向。

最新更新