title: How to change the rotation axis for an animated A-Frame object?
body: <p>Somewhat related to <a href="https://stackoverflow.com/questions/41545619/">this question</a>, I can't seem to find an 'in-framework' way to change the rotational axis for an A-Frame object (like Earth's tilted axis, for example).</p>
  
  <p>The linked question refers to changing the rotation pivot point by wrapping the object in a parent entity which will offset the child entity (see below):</p>
  
  <pre><code>&lt;a-entity rotation="0 45 0"&gt;        &lt;!-- Parent entity --&gt;
    &lt;a-box position="0 1 0"&gt;&lt;/a-box&gt;  &lt;!-- Child entity --&gt;
  &lt;/a-entity&gt;
  </code></pre>
  
  <p>I've adopted a similar method but rather than offset the pivot point, I've tried to change the rotation axis. When adding an animation to the parent, the rotation is always along the global Y-axis, rather than the local (parent's) rotated Y-axis:</p>
  
  <pre><code>&lt;a-entity rotation="0 0 25"&gt;       &lt;!-- Parent entity --&gt;
    &lt;a-animation
      attribute="rotation"
      easing="linear"
      dur="60000"
      to="0 360 0"
      repeat="indefinite"&gt;
    &lt;/a-animation&gt;                   &lt;!-- Animates parent --&gt;
    &lt;a-box position="0 0 0&gt;&lt;/a-box&gt;  &lt;!-- Child entity --&gt;
  &lt;a-entity rotation="0 0 25"&gt;
  </code></pre>
  
  <p>Does anyone know how best to change the axis from global- to local-space, or if there's a way to animate around a tilted axis?</p>