最新版 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 中的旋转天空的主要内容,如果未能解决你的问题,请参考以下文章