title: three js object rotating y rotate z instead
body: <p>I really can't understand why this is happening, but let me start from the beginning:</p>
  <p>I have this finger texture on a plane, and on idle rotation the finger is pointing to the <strong>Y+</strong>.</p>
  <p><a href="https://i.stack.imgur.com/KMXsp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KMXsp.png" alt="enter image description here" /></a></p>
  <p>I want it to point to <strong>X+</strong> so here is what I did:</p>
  <p>1- I first make the finger point to <strong>Z+</strong> by adding -90 for the x-axis.</p>
  <p><a href="https://i.stack.imgur.com/sp1Ks.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sp1Ks.png" alt="enter image description here" /></a></p>
  <p>Exactly as I expected!</p>
  <p>2- the issue is, I set y to 90 and expected it to rotate on Y axis, but instead it rotates on the Z-axis, this is what I got:</p>
  <p><a href="https://i.stack.imgur.com/x2gG7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x2gG7.png" alt="enter image description here" /></a></p>
  <p>it is still pointing to <strong>Z+</strong>, changing the y rotation didn't work as expected!</p>
  <p>What I am doing wrong here? how to make it point to Z+?</p>