2017-03-16 5 views
1

幾分、this questionに関連していますが、A-Frameオブジェクト(地球の傾いた軸など)の回転軸を変更するための 'フレームワーク内'の方法が見つからないようです。アニメーション化されたA-Frameオブジェクトの回転軸を変更するにはどうすればよいですか?

連結問題は、子エンティティを相殺する親エンティティにおけるオブジェクトをラップすることにより、回転ピボットポイントを変更することをいう(下記参照):

<a-entity rotation="0 45 0">  <!-- Parent entity --> 
    <a-box position="0 1 0"></a-box> <!-- Child entity --> 
</a-entity> 

Iは、同様の方法を採用してきたが、よりもむしろピボットポイントをオフセットし、私は回転軸を変更しようとしました。親にアニメーションを追加する場合、回転はグローバルなY軸に沿って常にあるのではなく、ローカル(親の)は、Y軸を回転させる:

<a-entity rotation="0 0 25">  <!-- Parent entity --> 
    <a-animation 
    attribute="rotation" 
    easing="linear" 
    dur="60000" 
    to="0 360 0" 
    repeat="indefinite"> 
    </a-animation>     <!-- Animates parent --> 
    <a-box position="0 0 0></a-box> <!-- Child entity --> 
<a-entity rotation="0 0 25"> 

誰がglobal-から軸を変更する最善の方法を知っていますローカル空間への移動、または傾斜軸を中心にアニメーション化する方法があるかどうかを確認します。

+1

私はあなたがすべての周りに追加の親エンティティを追加し、それを回転できると思います。 A-フレームインスペクタ(ctrl + alt + i)を開き、回転させて再生し、回転させる方法を確認します。 – ngokevin

+0

@ngokevinだから簡単!出来た。私が受け入れる答えとしてあなたのコメントを再投稿できますか? – CodeMacabre

+0

甘い、答えを加えました。 – ngokevin

答えて

2

私はあなたがすべての周りに追加の親エンティティを追加して回転できると思います。

<a-entity> <!-- Grandparent entity --> 
    <a-animation 
    attribute="rotation" 
    easing="linear" 
    dur="60000" 
    to="0 360 0" 
    repeat="indefinite"> 
    </a-animation>   
    <a-entity rotation="0 0 25">  <!-- Parent entity --> 
    <a-box position="0 0 0></a-box> <!-- Child entity --> 
    </a-entity> 
</a-entity> 

Aフレームインスペクタ(ctrl + alt + i)を開き、回転させて再生し、回転させる方法を確認します。

関連する問題