I started a new project and intended for it to be a mobile game. I use an LG G8 ThinQ Android 10 phone with a 19.5:9 aspect ratio with a resolution of 3120 x 1440. I test the game mainly on my PC with a 1440 x 900 monitor and a second 1920 x 1080 monitor.
My game’s resolution is at 1920 x 1080 because that’s one of the most common resolution on phones that you’ll find. When I test the game on PC it looks perfectly normal; exactly the way I want it to look. Nothing wrong at all with it. I have a CRT effect (the official layer effect from GDevelop) on my menu screen in the background and it renders perfectly when I’m testing the game on PC.
However, on my LG phone, because it isn’t 16:9, the game doesn’t scale properly. I figured that GDevelop would scale it to a degree, and it sort of did, but with some caveats. It also doesn’t render the effects properly either.
Here’s my game’s UI and effects present on PC:
But here it is on my Android phone:
On PC everything is working flawlessly. On Android, the game doesn’t stretch to fit my taller aspect ratio. And it somewhat renders the CRT effect on screen but it’s nearly impossible to see, the difference between the PC version is dramatic.
Any ways I can make my CRT effect look the same on Android? Any ways I can scale my UI on Android to fit the whole screen rather than just a 16:9 screen?