Better 2D UI control for Yaw, Pitch Roll in 3d objects (transform)

I'm working with a 2D representation of 3D objects such as a PTZ camera or avatars and cubes. I understand that the best way to rotate things in a 3D space is with direct manipulation using a widget rendered inside the 3d world like Unreal engine:

However, my UI doesn't have a 3D representation yet and even it had, it is still necessary to have fine tuning control over input box or something else.

Some current references of UI patterns: 1-PTZ control for IOS: https://www.youtube.com/watch?v=uM7-AaoqmKQ

2-YI Dome for IOS: https://www.youtube.com/watch?v=75XfUhsODLk

Legacy controls: I found some old GUI styles that still use this:

Constraints: Needs to be small, to accommodate a complex UI. Needs fine tuning with input boxes. Needs to be friendly for both touch and using keyboard/mouse input. The software will run on a small 1440 x 900px size. This representation needs to be flexible, because the object to be rotated could be any physical body, including a cube or a box, not just a camera.

I design the situation into Invision Studio 2D application which uses some simple 2D gimmicks to make a 2D representation of positioning easier. Although it uses X and Y inputs for fine tuning, new features such as responsive use the dots to fix something into a position when using responsive instead of checkboxes with text. This is the type of visual representation ideas that I'm looking for.