cocos creator横竖屏适配方案及常用设计尺寸

摘要
在 Cocos Creator 中，cocos creator横屏竖屏如何适配，设计尺寸多大合理。

“设计分辨率”
在制作一款游戏时，会按照一定的分辨率进行游戏开发，这个分辨率叫做“设计分辨率”。比如，在开发前设计人员会根据当前最流行的设备分辨率提前定义好，我们这款游戏最理想的宽和高（如：1080×1920）。

“设备分辨率”
当游戏上线后，玩家的手机可能各种品牌，各种型号，而手机的分辨率是各种各样的，这个分辨率叫做“设备分辨率”。比如vivo的2340×1080、iOS的960×640、768×1024等等。当我们开发的1080×1920分辨率的游戏在这些各种各样的设备上运行时，结果就是千奇百怪的——有的设备上可能显示不全，有的设备上只能在设备上一部分展示，其余部分可能出现黑边。

因此，这就需要我们在做游戏开发时，考虑到我们的游戏在各种设备上运行时要怎么布局显示，也就是适配分辨率的过程。

环境
cocos Creator 引擎2.4.3
编辑工具HBuild X

如图：目前市场上主流手机宽高比例基本为1:1.78和1:2.17

因此：建议竖屏设计尺寸为宽750高1334或宽720高1280，横屏设计尺寸反过来。
在cocos 中
原则：横屏游戏选FitHeight,竖屏游戏选FitWidth

适配方案

横屏

竖屏

同时，画布内的所有节点通过Widget组件进行相对布局即可

结语：
欢迎加入微信群一起学习讨论!