Thanks for the pointer, it seems like I can:
create 2 cameras
and add them to the viewport
but somehow the cameras are giving me some trouble, it doesn’t look like I can set different positions for them.
From what you see in the pictures I do have 2 views (as you can tell by the different backgrounds) but maybe only one camera.
The other issue is also because I’m working with AR and not VR I need the camera feed to be duplicated (left eye/ right eye), kinda like Google Cardboard in a sense.
Not sure if views would do that and also kinda surprised to not finding more example of people trying to do that.
you mean just duplicated screen?
I understand that you want to have little position difference between left eye/ right eye
In my case I made a parent Camera(not rendered just controlled by OrbitControls) and then add a left eye camera right eye camera as a child
left eye(child) ---- centerCamera(parent) ---- right eye(child)
const centerCamera = new PerspectiveCamera(/**what you want to set*/)
const leftCamera = new PerspectiveCamera(/**what you want to set*/)
const rightCamera = new PerspectiveCamera(/**what you want to set*/)
leftCamera.position.set(0,0,-10)//this set localPosition so if you want to control distance between cameras there's no problem
const orbitControls = new OrbitControls(centerCamera, renderer.domElement)
//code below it's just sudo-code