A-Frame使用JavaScript动态旋转立方体

Question

我正在与A-Frame，Socket.io等一起工作。

我想旋转一个立方体/盒子，它可以工作。 但是只是带有html标记的静态代码，如下所示：

<a-box position="-1 0.5 -3" rotation="0 0 0" color="#4CC3D9">
        <a-animation id="cubeAnimation"  attribute="rotation" from="0 0 0" to="270 0 0" dur="2000" direction="alternate" begin="playAnimation"></a-animation>
</a-box>

我可以使用javascript调用playAnimation begin函数。 但是我不知道谁来更改参数。 我想使用javascript或angualarjs进行动态轮播。

也许有人可以帮助我。 也许可以通过javascript。将属性设置为..我尝试了很多东西，但是没有用。

谢谢

Answer 1

好吧，我找到了办法。 如果将来有人遇到相同的问题，则此解决方案有效:)

const el = document.createElement('a-animation');
el.setAttribute('from', '0 0 0');
el.setAttribute('to', '360 180 0');
el.setAttribute('id', 'cubeAnimation');
el.setAttribute('attribute', 'rotation');
el.setAttribute('dur', '1000');
el.setAttribute('begin', 'wuerfeln');
cube.appendChild(el);