微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

动画相机时的 A 帧问题

如何解决动画相机时的 A 帧问题

我有一些使用 A 帧 (https://aframe.io) 的代码,可让我为相机设置动画。出于某种原因,每当我使用相机动画将 gltf 模型添加到我现有的场景时,代码工作正常,除了相机动画只是不动。我已经在没有相机动画的另一个场景中测试了 gltf 和天空的确切代码,并且运行良好。如何使用相机动画将我的 gltf 模型添加到我的场景中,而不会发生奇怪的错误。带动画的代码https://jsfiddle.net/AidanYoung/okeL6suf/4/ 现在我只有一个带有相机动画的基本场景。如何将以下 gltf 模型和天空添加到我的场景中?天空和 gltf 的代码

 <a-sky id="background" src="https://cdn.aframe.io/a-painter/images/sky.jpg" theta-length="90" radius="30"></a-sky>
 <a-gltf-model id="1" src="https://cdn.glitch.com/daf49338-6b2c-44f1-a19d-a4880729746c%2Fscene%20-%202021-06-23T141208.785.glb?v=1624482759262" position="-0 6 -1" scale="1 1 1"></a-gltf-model>

我曾尝试简单地将天空和 gltf 添加到我的场景中,但发生了一个奇怪的故障,我的相机没有移动,但 gltf 和天空出现了。如何让我的相机随着我的动画移动,但 gltf 模型和天空出现在我的场景中?这是我将它们放在一起的尝试:https://jsfiddle.net/AidanYoung/Le7zq4t1/4/

解决方法

尝试使用相机装备 (https://aframe.io/docs/1.2.0/components/camera.html):

<a-entity id="rig" position="0 1.6 0">
  <a-entity id="camera" camera look-controls></a-entity>
</a-entity>

然后将动画应用到装备:

<a-entity id="rig" position="0 1.6 0" animation="property: position; dur: 2000; easing: linear; to: 0 1.6 -100">
  <a-entity id="camera" camera look-controls></a-entity>
</a-entity>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。