Mobile development woes
If you were paying attention, you may have noticed early on that our Splash scene text wasn't sizing correctly when deployed to the mobile device. The reason we left that issue until now is to make the point about designing your UI to be screen-size independent.
The bane of any mobile developer is supporting the almost endless variety of screen sizes in a consistent manner. On some platforms, this requires developing multiple resolution images/sprites for the UI elements. Fortunately, the Unity UI system has a few nice options for screen-size scaling that should work for most of our platforms. Keep in mind, however, that not all solutions are 100% perfect, and there is a possibility of scaling artifacts on some platforms.
In order to fix our current UI screen rendering woes, we will configure the Canvas Scaler component on all our UI canvases. Perform the following directions to configure the Canvas Scaler:
- Open any of the game scenes that have UI elements (Map, Catch...