Question

我有一个地球对象，我想在A帧中使用动画旋转。我只是希望对象永远旋转，我不知道该怎么做。以下是我的代码谢谢！

    <a-sphere rotation="45 0 0" position="-44.277 50 -80.933" radius="30" src="images/earth.png" roughness="0.6">

        <a-animation attribute="rotation"
                     easing="linear"
                     dur="10000"
                     to="0 360 0"
                     repeat="indefinite">

        </a-animation>
    </a-sphere>

Answer 1

该代码是正确的。完成1次旋转需要10,000毫秒（10秒），并且它将无限重复（＆＃34;永远＆＃34;）。我只是测试了代码，它的工作原理。如果earth.png纹理没有出现，则可能很难看到球体旋转。例如，如果您在<a-box>上使用相同的代码，那就更明显了。

也就是说，因为rotation的{{1}}设置为<a-sphere> 45，x设置为<a-animation>设置为360在y轴上{1}}，它不会以线性方式旋转。

可以通过添加容器<a-entity>元素并在该实体上设置默认position和rotation来解决此问题，并将其从<a-sphere>中移除，现在将是String jsonData = "[null, [ ["s9747187", "Менеуз-Москва", "авт.ост. Менеуз-Москва, Республика Башкортостан"], ["c213", "Москва", "г. Москва, Москва и Московская область, Россия"], ["s2000008", "Москва (Рижский вокзал)", "вкз. Москва (Рижский вокзал), Москва"], ["s9746351", "Москва, автостанция Новоясеневская", "авт.вкз. Москва, автостанция Новоясеневская, Москва"], ["s2000005", "Москва (Павелецкий вокзал)", "вкз. Москва (Павелецкий вокзал), Москва"], ["s9637033", "Москва, автостанция Тёплый Стан", "авт.вкз. Москва, автостанция Тёплый Стан, Москва"], ["s9845745", "Москва, Южные ворота", "авт.вкз. Москва, Южные ворота, Москва"], ["s2000002", "Москва (Ярославский вокзал)", "вкз. Москва (Ярославский вокзал), Москва"], ["s2000006", "Москва (Белорусский вокзал)", "вкз. Москва (Белорусский вокзал), Москва"], ["s2000009", "Москва (Савёловский вокзал)", "вкз. Москва (Савёловский вокзал), Москва"] ]]";相对于其容器定位。

以下是演示：https://codepen.io/dansinni/pen/MVgqxd

请注意，我必须为地球使用不同的纹理。

如何使用持续时间属性永久循环A帧动画

1 个答案: