How to set Z coordinate system in three.js?

Question

On the three.js axis, Y is displayed up and down, and the Z axis is displayed forward and backward. But I want the Z axis to represent up and down, and the Y axis to represent forward and backward. Here is an image showing what I want:

I want to change the entire coordinate system so that if I rotate the grid around the y axis, it follows the new coordinate system, not the traditional one.

Now I was looking for a stack overflow and found this link:

• Three.JS rotates the projection so that the y axis becomes the z axis . This does not work.
• THREEJS: matrix from the Z-Up coordinate system to the Y-Up coordinate system . This method simply changes the vertices of the object or grid y and z, but if I rotate it around the y axis, it rotates around the traditional y axis. I have to apply the matrix to the rotation matrix and make it rotate like a new coordinate system.
• Change matrix from right to left coordinate system
• Reorienting the axes in the three.js file fails when updating the web page . This also does not work.

Is there any way to make three.js work like a Z-coordinate system?

Answer 1

You can set the camera vector with

camera.up.set(0,0,1);

, .