动画相机时的 A 帧问题

Question

我有一些使用 A 型框架的代码（https://aframe.io) that allows me to animate my camera. For some reason, whenever I add a gltf model to my existing scene with the camera animation, the code works fine exept for the camera animation which just isn't moving. I've tested the exact code for the gltf and the sky in another scene without the camera animation and it worked fine. How can I add my gltf models into my scene with a camera animation without having the weird sort of bug occur. Code with the animation: 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/

Answer 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>

动画相机时的 A 帧问题

A-frame issue when animating camera

javascript

jquery

three.js

webvr

aframe