游戏全面屏适配教程

游戏制作完成后,在全面屏手机上运行时,如果不做适配,在部分平台或手机上运行时,可能会导致画面拉伸,游戏不过审等问题,因此唤境为用户提供了一种方便适配方法。

适配原理

唤境的适配流程中,会通过使用两张自定义的图片(图片规则下面会讲到),去调填充上下黑边部分。 所以只需要将指定图片调整为合适的大小,放置在黑边的位置即可。
本教程中主要讲解960 * 540竖屏游戏的适配

适配流程

设置全屏模式

在【项目设置】里将【全屏模式】设置为【向外缩放】,适配才能够生效。

设置不限边界

需要适配的场景属性勾选不限边界

添加适配图片

新建精灵对象,重命名为:shipei_sx(名字固定,不可修改)

新建图层组

新建图层组【shipei】,建议将适配的图层组放在最上层

修改适配图片动画

为shipei_sx 添加上下两张适配图片。 本教程中将用纯色图片代替,您可以自己使用自己制作的图片当做适配图片。适配图片最好能够跟场景匹配,避免影响观感。

放入场景

拖入两个shipei_sx到该场景的【shipei】图层组中,并根据需求改变适配图片的动画

改变适配图大小

在进行以上操作后,在全面屏上运行时,就可以在黑屏区域显示shipei_sx对象了。 现在我们需要改变适配图的大小,以覆盖全部黑屏区域。
需要注意的是,本教程给出的数值只是参考尺寸,目的是覆盖黑屏区域,因此可能会大于真实所需尺寸。

适配图的宽度与窗口大小一致,在本教程中,为540
适配图的高度为130


贴合上下边缘

将适配图与场景贴合,确保中间没有空隙。坐标可以经过计算得出。
X坐标: 270。 (场景宽度540/2)
上方Y坐标:-65 (0-适配图高度的一半)
下方Y坐标: 1025 (960+适配图高度的一半)

在进行完以上操作后,打包游戏即可看到黑色区域被适配图片填充。(根据不同的手机或不同平台,显示效果可能会不一致。全面屏手机只要能够看到上下适配图片即可。)

多场景适配建议

如果您的游戏有很多场景,而每个场景的适配图案都是一样的。 可以考虑将适配图片放入全局图层组中,应用所有场景。

以上就是唤境适配的全部流程。 如果您是其他尺寸的游戏,例如:1920*1080, 也可以自行按照贴合边缘的做法去计算坐标和适配图尺寸。(1920的场景适配图比960的适配图大一倍)