2017-06-30 10 views
0

と私はSocket.ioなど、-フレームで少し働いて、キューブを回転させるA-フレームを動的にjavascriptの

私は、キューブ/ボックスを回転させるようにしたいし、それが動作します。しかし、このような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> 

私はplayAnimationはJavaScriptを使用して機能を開始呼び出すことができます。しかし、私は誰がパラメータを変更するのか知りません。私は、javascriptまたはangualarjsを使って動的に回転させたい。

多分誰かが私を助けることができました。多分私が道を見つけ大丈夫..私は多くのものを試してみましたが、ナッシングの作品..ジャバスクリプトを経由して、属性に設定する

おかげ

+0

いいえ、javascriptでto属性を編集できます。 cube.attributes.to.nodeValue = "360 180 0"; となり、htmlタグに値が設定されます。しかし、アニメーションを実行するボタンをクリックすると、何も起こりません。 –

答えて

0

可能です。将来誰かが同じ問題を抱えている場合、このソリューションは機能します:)

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); 
関連する問題