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

Posted

技术标签:

【中文标题】最新版 A-Frame 中的旋转天空【英文标题】:Rotating sky in latest version of 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>

更新代码?

谢谢!

【问题讨论】:

【参考方案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>

【讨论】:

以上是关于最新版 A-Frame 中的旋转天空的主要内容,如果未能解决你的问题,请参考以下文章

Linux最新版在哪下载(支持国软)

滚动的天空rf怎么打开?

Android OpenGLES2.0(十七)——球形天空盒VR效果实现

分享最新15个加速 Web 开发的框架和工具(梦想天空)

怎么使用深空盒子材质

360 度图像的 A-Frame 用户滑动效果