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开始函数。但我不知道谁更改参数。我想用javascript或angualarjs动态旋转。

也许有人可以帮助我。也许有可能通过javascript设置to属性..我尝试了很多东西，但没有工作..

感谢

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);

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

1 个答案: