- Cocos2d-x Cookbook
- Akihiro Matsuura
- 360字
- 2021-07-09 20:58:47
Implementing multi-resolution support
You may notice a difference in screen appearance on different devices. In some previous recipes, there is an iOS's screenshot and a Nexus 5's screenshot. It shows different image sizes. This image is HelloWorld.png located at MyGame/Resources. It is 480 x 320 pixels. In this recipe, we explain how to maintain the same size regardless of screen size.
How to do it…
Open AppDelegate.cpp through Xcode, and modify the AppDelegate::applicationDidFinishLaunching() method by adding the code after the director->setAnimationInterval(1.0/60.0); line, as shown in the following code:
director->setAnimationInterval(1.0 / 60); glview->setDesignResolutionSize(640, 960, ResolutionPolicy::NO_BORDER);
In this book, we design the game with a screen size of iPhone's 3.5 inch screen. So, we set this screen size to the design resolution size by using the setDesignResolutionSize method. The last parameter is resolution policy. The following screenshot is the Nexus 5's screenshot after implementing multi-resolution:
The following screenshot is the iPhone 5 simulator's screenshot. You now know that both screenshots have the same appearance:
How it works…
The resolution policy has EXACT_FIT, NO_BORDER, SHOW_ALL, FIXED_HEIGHT, and FIXED_WIDTH. These are explained as follows:
EXACT_FIT: The entire application is visible in the specified area without trying to preserve the original aspect ratio.NO_BORDER: The entire application fills the specified area, without distortion but possibly with some cropping, while maintaining the original aspect ratio of the application.SHOW_ALL: The entire application is visible in the specified area without distortion, while maintaining the internal the aspect ratio of the application. Borders can appear on two sides of the application.FIXED_HEIGHT: The application takes the height of the design resolution size and modifies the width of the internal canvas so that it fits the aspect ratio of the device. No distortion will occur, however, you must make sure your application works on different aspect ratios.FIXED_WIDTH: The application takes the width of the design resolution size and modifies the height of the internal canvas so that it fits the aspect ratio of the device. No distortion will occur, however, you must make sure your application works on different aspect ratios.
By implementing multi-resolution, regardless of screen size, you will maintain the image on the screen.
- Vue.js 2 and Bootstrap 4 Web Development
- 程序員面試筆試寶典
- Python數據分析（第2版）
- 編譯系統透視：圖解編譯原理
- Android驅動開發權威指南
- uni-app跨平臺開發與應用從入門到實踐
- Instant Apache Camel Messaging System
- Application Development with Swift
- 零基礎學C++（升級版）
- Java高手是怎樣煉成的：原理、方法與實踐
- ASP.NET開發寶典
- 計算機系統解密：從理解計算機到編寫高效代碼
- Laravel 5.x Cookbook
- Go語言編程之旅：一起用Go做項目
- Netty 4核心原理與手寫RPC框架實戰