I’m creating a media player (mostly video but with some graphical interfaces) that has a full-screen mode. However, before going fullscreen it’s relatively small (about 620×340) and going fullscreen would typically be about double the resolution.
What is the best way to prepare the videos and assets in the file so they look good at fullscreen and at the smaller size? I want to also keep the file size to a minimum (within reason).
By the way, most of the graphics will be bitmaps rather than vector.
I think the best way, is to not scale your interface, just the video. And you should write code to set the size rather than relying on the default scaling behaviour.
Set scaleMode to no scale for your application:
Then when you switch your displayState to fullscreen, just move everything based on the screen edges.