title: How can I set Z up coordinate system in three.js?
body: <p>In three.js Y axis represent up and down and Z axis represent forward and backward. But I want Z axis to represent up and down and Y axis to forward and backward. Here is a image showing what I want:</p>
  
  <p><a href="https://i.stack.imgur.com/fSZzP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fSZzP.png" alt=""></a></p>
  
  <p>I want to change the entire coordinate system in such a way that, if I rotate a mesh around y axis, it follows the new coordinate system not the traditional one.</p>
  
  <p>Now, I have searched stack overflow and found this link:</p>
  
  <ol>
  <li><a href="https://stackoverflow.com/questions/8272297/three-js-rotate-projection-so-that-the-y-axis-becomes-the-z-axis">Three.JS rotate projection so that the y axis becomes the z-axis</a> .
  It doesn't work.</li>
  <li><a href="https://stackoverflow.com/questions/22571364/threejs-matrix-from-z-up-coordinate-system-to-y-up-coordinate-system">THREEJS: Matrix from Z-Up Coordinate System to Y-Up Coordinate System</a>. This method just change the object or mesh y and z vertices but if I rotate it around y axis it rotates around the traditional y axis. I have to apply the matrix to the rotation matrix also to make it rotate like the new coordinate system.</li>
  <li><a href="https://stackoverflow.com/questions/1263072/changing-a-matrix-from-right-handed-to-left-handed-coordinate-system">Changing a matrix from right-handed to left-handed coordinate system</a></li>
  <li><a href="https://stackoverflow.com/questions/42079679/reorienting-axes-in-three-js-fails-when-webpage-is-refreshed">Reorienting axes in three.js fails when webpage is refreshed</a>. This doesn't work also.</li>
  </ol>
  
  <p>Is there any way I can make three.js to work like Z up coordinate system?</p>