2015年全国最挣钱的手机游戏55%是基于cocos引擎开发，今天，我们来讲一些cocos引擎在htlm5《保卫萝卜》对游戏原型进行屏幕适配完善的应用。我们会发现游戏道路完整显示，背景图上部分和下部分有一定区域被遮盖没有显示出来，这样我们在设计素材的时候可以刻意的把背景图的上下区域加高，尽量让素材高度很高道路等有效部分尽量居中，比如我们要适应960x960的正方形屏幕，只需要通过把地图的上部分和下部分同时加高直至960或者更高，并且加高部分只需要平铺绿色的底纹就可以了，这样游戏就能和谐的满屏幕显示。
方法/步骤
1
第一步：由于背景素材底部有部分被挡住了，导致了设计时候的坐标原点和实际游戏坐标原点在高度上发生了偏移。但是我们在前一篇时候，道路的路点坐标是按照相对设计原点进行计算的，现在原点坐标发生了偏移导致了这些路点坐标不准，这样就需要在代码上对这个偏移高度进行修正。偏移高度通过这个公式进行计算，我们在applicationDidFinishLaunching的时候用这个公式把偏移高度计算出来，然后保存到一个静态变量中，方便后续可以直接使用。进行GameMediator.h、GameMediator.cpp类，用来保存一些游戏中经常使用的变量，比如我们的偏移高度和素材缩放比例就保存在这个类中，这个类实现一个单实例的模式，功能很简单以单实例静态变量的方式存放变量。
2
第二步：在AppDelegate类中引入GameMediator的头文件，然后在applicationDidFinishLaunching方法中加入如下代码
3
第三步：找到MainScene.cpp中init方法声明12个路点坐标的地方做如下修改：
4
第四步：这样路点坐标均已经校正完毕，现在我们还需要对色狼和女主角做一下提高半个身位的校正使得他们的脚底部刚刚在道路的中央。找到MainScene.cpp中init方法中初始化色狼和女主角部分的代码修改如下：
5
第五步：开测试修改的效果，通过glview->setFrameSize(960,540);不断修改各种尺寸的屏幕看看这些尺寸屏幕下的游戏效果。并且编译打包一下so文件在android真机上看看之前的问题解决没有，打包前记得把所有新加的cpp文件添加到END
下一篇：苍翼之刃电脑版使用教程