I have a bit of a hypothetical question here regarding UI rendering. In short, I plan to align camera in a certain way so it looks straight into a wall mesh that has a computer screen mesh. Now, I want to draw a slick looking UI on top of the mesh, so it kind of looks like it was there all along Here is the area I play to draw the UI:
For everything to look good and to kind of be ready for viewport/browser scaling, I need to know the specific points where I insert the UI with fixed positioning in CSS. So I need to convert four Vector3 points into screen pixel positions.
So far I’ve been thinking of two possibilities to solve this problem:
- Separate the screen from the computer screen mesh and use the bounding info somehow to convert values into screen pixel positions
- Add four points to the model in Blender to easily get the points that need to be converted into screen pixel positions
Do you guys have any better solutions for the problem?