Integrate 2D scene content in GUI

Hi all,

I’m asking myself how to “synchronize” the GUI and the content of the 2D scene. As en example, I want to make a football manager game where most of the game consists of the UI with texts and buttons. But on match day I want to have a television frame around my 2D scene, where the match takes place on a pitch. So the match itself is the 2D scene having a pitch and the players as sprites. All of the pitch should be visible. Around that I have the GUI with the tv-screen with some control elements. I can put everything in place but as soon as I resize my window, the GUI scales as expected, but the scene with the pitch does not stick to the GUI and like that not only the pitch is shown or only parts of the pitch.
Another example to clarify would be the old Dungeon Master (see image below). There is GUI and there is a “window” to the world which is clearly 2D with a defined size.

The solutions I can think of:
-don’t care about placing the scene, use a 2nd camera and make a render-texture that is included in the GUI
-do the pitch and players movement in the GUI instead of the scene (very quirky)
-do the GUI in the scene (placing sprites and simulating a GUI) (also very quirky)

None of these seem very elegant to me, is there another way to solve this issue?

Thanks a bunch!

What about setting the camera to world space, I’m not sure how that works in a game so far as I’m not implemented, that selection before but it might help.

Good idea! Now the UI-elements don’t scale like expected but I will play around a bit with it and see what it can do. Thanks!