最新版 A-Frame 中的旋转天空答案

【问题标题】：Rotating sky in latest version of A-Frame最新版 A-Frame 中的旋转天空
【发布时间】：2021-04-20 18:48:35
【问题描述】：

谁能帮我将代码从 0.8.2 转换为最新版本的 A-Frame 所需的代码？以下代码在 0.8.2 中可以很好地旋转天空，但我不知道如何让它继续使用最新的 A-Frame 版本。我需要最新版本中在 0.8.2 中无法使用的其他功能，因此需要更新。

我的工作代码：

> <a-sky
> src="https://cdn.glitch.com/913639bf-0f9d-4623-94ee-35cb7bec54f5%2FHempsterFront.jpg?v=1616790774923">
> <a-animation attribute="rotation" fill="forwards" easing="linear"
> dur="18000" to="0 360 0" repeat="indefinite"></a-animation>   </a-sky>

更新代码？

谢谢！

【问题讨论】：

标签： aframe

【解决方案1】：

是的 - 谢谢 Piotr。在我今天看到您的答案之前，我昨天偶然发现了这一点。真的没有太大的区别，但它并不需要太多的工作，哈。再次感谢。

【讨论】：

能否请您接受我的回答？这对遇到相同问题的其他人会有所帮助。

【解决方案2】：

您需要将其重写为实体属性动画。看看 A-Frame Animation 文档

工作示例

<!DOCTYPE html>

<head>
  <meta charset="UTF-8">
  <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>

<body>
    <a-scene>
      <a-sky src="https://cdn.glitch.com/913639bf-0f9d-4623-94ee-35cb7bec54f5%2FHempsterFront.jpg?v=1616790774923"
             animation="property: rotation; to: 0 360 0; loop: true; dur: 18000; easing: linear">
      </a-sky>
    </a-scene>
</body>

【讨论】：