动画相机时的A帧问题[关闭]答案

【问题标题】：A-frame issue when animating camera [closed]动画相机时的A帧问题[关闭]
【发布时间】：2021-09-07 08:42:57
【问题描述】：

我有一些使用 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/

【问题讨论】：

标签： javascript jquery three.js aframe webvr

【解决方案1】：

尝试使用相机装置 (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>

【讨论】：