温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Cocos2d-x开发之第二篇《设置模拟器大小及实际分辨率》

发布时间:2020-03-30 19:00:45 来源:网络 阅读:2562 作者:guozhendan 栏目:游戏开发

接上一篇《创建工程》


1、在D:\cocos2d-x-2.2.5\projects\MyGame\proj.win32中有main.cpp文件,内容如下:

 Cocos2d-x开发之第二篇《设置模拟器大小及实际分辨率》

其中的eglView->setFrameSize(480, 320)是设置模拟器大小的(相当于是手机的实际尺寸),大家可以根据实际情况进行设置。

 

2、在D:\cocos2d-x-2.2.5\projects\MyGame\Classes中的AppDelegate.cpp是整个游戏的代理文件。由于考虑到Android手机各种屏幕分辨率问题,所以需要在这里设置统一的分辨率。如下:

 Cocos2d-x开发之第二篇《设置模拟器大小及实际分辨率》

正是那句CCEGLView::sharedOpenGLView()->setDesignResolutionSize这个函数。

第一个参数是: 分辨率宽;

第二个参数是: 分辨率高;

第三个参数是: 图片适应屏幕分辨率的属性,如:kResolutionExactFitkResolutionNoBorderkResolutionShowAll等等,主要用的是这三个。

 

3、下面分别对kResolutionExactFit、kResolutionNoBorder、kResolutionShowAll属性做图文讲解。假设我们有一张540X960的png图,然后把模拟器大小设置成480X320(对应实际手机屏幕尺寸),而分辨率设置成520X800(对应实际手机屏幕分辨率)通过如下函数设置:

CCEGLView::sharedOpenGLView()->setDesignResolutionSize(520, 800, 属性);

 

540X960的图如下:

 Cocos2d-x开发之第二篇《设置模拟器大小及实际分辨率》

 

当属性为kResolutionExactFit时,如下结果:

 Cocos2d-x开发之第二篇《设置模拟器大小及实际分辨率》

由上得到的结论是:

背景图片为了填充整个屏幕而挤压变形了,还影响到了其它元素的显示效果,比如:文本元素Hello World,右下角的按钮,都变了形。

 

 

当属性为kResolutionNoBorder时,如下结果:

 Cocos2d-x开发之第二篇《设置模拟器大小及实际分辨率》

由上得到的结论是:

背景图片为以原图片大小居中显示,只截取了中间的一部分,不会影响其它元素的显示效果(通常都用这个属性,反正我是用这个属性的),要注意的是这里和图片的setPosition有关系,这里是setPosition屏幕中间的。

特别提醒:以kResolutionNoBorder属性时,场景中的精灵位置需要加上CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();的坐标,否则会出现位置偏移的情况。

 

 

当属性为kResolutionShowAll时,如下结果:

 Cocos2d-x开发之第二篇《设置模拟器大小及实际分辨率》

 

由上得到的结论是:

背景图片等比例缩小,直到原始图片高度与屏幕分辨率高相等,会影响其它元素的显示,比如:文本元素和按钮,显示的位置会以大背景图的显示区域为基准。

 

 


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI