Place meshes relative to the viewport?
My goal is a 3d minimap or radar.
My starting point was to use a simple arrow as a compass or objective pointer, which I tied to the camera and positioned appropriately:
compass.parent = camera;
The problem is when the resolution changes, ex. going from landscape to portrait mode, my compass in the top left disappears off the screen.
So, is there a preferred way to position meshes relative to the screen, as in a UI element?
I've considered using a second camera an
camera.isInFrustum() is a nice helper but feels sloppy for collision, so I want to check myself against the plane.
This playground shows me the planes from Frustum.GetPlanes() which return in the order [far, near, right, left, bottom, top]:
https://www.babylonjs-playground.com/#LXZPJK#81
My near plane is a million miles away for some reason?
I think I can use that as a starting point to build a quad that stays in front of the camera to base my UI elements on.
But again,