如何更改動畫A-Frame對象的旋轉軸？

Question

與this question有些相關，我似乎無法找到一種「框內」方式來更改A-Frame對象（例如，地球的傾斜軸）的旋轉軸。

鏈接的問題，指的是通過包裝在一個父實體對象，這將抵消子實體改變旋轉樞軸點（見下圖）：

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

我已經採取了類似的方法，但不是抵消樞軸點，我試圖改變旋轉軸。當添加動畫到父，旋轉總是沿着全局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"> 

有誰知道如何最好地軸從全球 - 改變到本地空間，或者如果有一種方法來圍繞傾斜的軸進行動畫製作？

Answer 1

我想你可以添加一個額外的父實體，並旋轉。

<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）和與旋轉，看你要旋轉哪種方式打球。