title: Three.js rotation over it's own axis
body: <p>I've been trying to create a spaceship in a 3D space. It flies straight forward. You can change direction by rolling the spaceship and tip the nose up and down.</p>
  
  <p>When I change the Z angle of the spaceship, it rolls as expected. When I change the X angle of the spaceship, the nose is tipped up and down. When I do both it <em>doesn't</em> work as expected.</p>
  
  <p>It appears my spaceship is being rotated over the world's axis, rather than the axes of my spaceship. I mean, when an object gets rotated, so does it's axis' right? Well apparently not.</p>
  
  <p>As usual, help is much appreciated.</p>
  
  <p>Here is the demo that clearly doesn't work: <a href="http://www.timseverien.nl/random/ohnoez/" rel="nofollow">http://www.timseverien.nl/random/ohnoez/</a></p>