Changing the rotation or co ordinate axis rotation for arc rotate camera

I am using arc rotate camera in orthographic mode in my project. By default the Z axis of the scene or camera is horizontal line and the X axis is the vertical line.
Can some one help me in interchanging these lines? I mean i want the X axis to be the horizontal line and Z axis to be the vertical line in my scene or camera.
so far i have tried updating the camera rotation but no luck there.
Another concept i tried was using upVector (not sure how this should work) no luck here as well.
This is a playground example with same camera setting as my project and displaying the world axis in for the scene or camera.
https://www.babylonjs-playground.com/#2EYZPE#128

I want the blue line and red line in the playground example interchanged.

Any suggestions and help is most welcome.

Thank you :slight_smile:

Maybe:
var camera = new BABYLON.ArcRotateCamera(“camera1”,0, Math.PI / 2, 5, new BABYLON.Vector3(0, 0, 0), scene);
camera.attachControl(canvas, true);

No that did not work. I tried this in playground,
https://www.babylonjs-playground.com/#2EYZPE#129
Have i placed the code in the right place?

var camera = new BABYLON.ArcRotateCamera(“camera1”,0, Math.PI / 2, 5, new BABYLON.Vector3(0, 0, 0), scene);
camera.attachControl(canvas, true);

Put this after:

// This creates a basic Babylon Scene object (non-mesh)
var scene = new BABYLON.Scene(engine);

This should do it https://www.babylonjs-playground.com/#2EYZPE#130

The current limit you set can not work here and prevented your setup from being applied.