aframe - 是否可以让父实体以不同方式影响其每个子实体？

Question

我正在尝试在 VR 中重建一个太阳系。通过将每个行星设置为太阳的子实体，然后使用动画功能旋转太阳，我能够重新创建革命。但是，我想通过让每个行星以不同的速度围绕太阳旋转来使其更加逼真。如果不主动为动画编写单独的 javascript 文件，如何做到这一点？任何帮助是极大的赞赏！

标签： aframe

Answer 1

不要让行星成为太阳的孩子。使用一个实体作为太阳系的中心，并围绕一个枢轴旋转每个行星。您可以将不同的动画应用于不同的行星：

<a-entity id="earthPivot"
  animation="property: rotation; easing: linear; to: 0 360 0; dur: 5000; loop: true;">
  <a-sphere id="earth" position="0 0 -3.2" radius="0.5" color="blue"></a-sphere>
</a-entity>

故障的完整示例