cocos2djs全屏幕适配方案

讲全屏幕适配的很多了,这里再笔记一下。

  1. 2dx 3.17版本支持全屏幕
  2. iOS & Android 原生工程要做一点点工作。iOS需要添加支持全屏幕的launchScreen.storyboard; Android 需要在AndroidManifest.xml中添加一句 meta-data android:name=“android.max_aspect” android:value=“2.1”
  3. 区分可视区域与设计区域,如下

    在传统手机尺寸中可视区域与设计区域均为灰色区域。在现今的全屏幕尺寸中,为了适配传统尺寸和全屏幕尺寸,可视区域与设计区域区分对待。从而适配所有机型尺寸。某些特殊机型不在讨论中。
    复杂的游戏交互内容放在设计区域内,一些简易操作可以获取可视区域去适配他,比如返回大厅按钮 帮助按钮==;
    我这里可视区域1624750,设计区域1334750;这个可以根据游戏之前的设计大小去调整,达到最优效果。
  4. 游戏设计模式策略设置为cc.ResolutionPolicy.FIXED_HEIGHT
    简单来说,全屏幕适配就是增加显示内容,提高产品质量。用户的某些操作习惯并不会改变很多。比如简单的适配了背景。
    复杂一点的,捕鱼,重新设置鱼阵鱼潮。不再这里细说了。