Our latest series of blogs explore the different ways to scale your game to fit screens of different resolutions. Scaling your game can be a headache for many users and hopefully, through these blogs we can help to make it a simpler task and provide you with a framework to get the correct results every time.
To start, the first blog discusses the GUI layer. It is an ideal starting point for discussion as it is not influenced by views nor (directly) by the application surface, so the calculations are easier and it gives a good introduction to the techniques you'll need to later scale the game itself to fit any display dimensions.
PART 1: THE GUI LAYER - https://www.yoyogames.com/blog/65/the-basics-of-scaling-the-gui-layer
So what about scaling the game itself? Making your game fill the whole display is easy, but making it fill the display and look correct (avoiding blurring and stretching) is not, so in part 2 of these tech blogs we will cover various different methods that you can choose to scale the game properly.
PART 2: THE GAME VIEW - https://www.yoyogames.com/blog/66/the-basics-of-scaling-the-game-view
Part 3 is all about how to scale games for the HTML5 target platform, as it poses some unique challenges compared to all the other platforms. When scaling your game on HTML5, it is important to realise that there are some fundamental differences between it and the other targets. The game window is now the canvas element of the page, and the display becomes the browser window.
PART 3: HTML5 - https://www.yoyogames.com/blog/67/the-basics-of-scaling-html5
To start, the first blog discusses the GUI layer. It is an ideal starting point for discussion as it is not influenced by views nor (directly) by the application surface, so the calculations are easier and it gives a good introduction to the techniques you'll need to later scale the game itself to fit any display dimensions.
PART 1: THE GUI LAYER - https://www.yoyogames.com/blog/65/the-basics-of-scaling-the-gui-layer
So what about scaling the game itself? Making your game fill the whole display is easy, but making it fill the display and look correct (avoiding blurring and stretching) is not, so in part 2 of these tech blogs we will cover various different methods that you can choose to scale the game properly.
PART 2: THE GAME VIEW - https://www.yoyogames.com/blog/66/the-basics-of-scaling-the-game-view
Part 3 is all about how to scale games for the HTML5 target platform, as it poses some unique challenges compared to all the other platforms. When scaling your game on HTML5, it is important to realise that there are some fundamental differences between it and the other targets. The game window is now the canvas element of the page, and the display becomes the browser window.
PART 3: HTML5 - https://www.yoyogames.com/blog/67/the-basics-of-scaling-html5