游戏全面屏适配教程

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

你可以观看视频学习,也可以下拉查看文字教程
全面屏适配的教程视频

适配原理

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

注意, 横屏游戏适配左右两边,竖屏游戏适配上下两边

适配流程

设置全屏模式

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


设置不限边界

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

添加适配图片

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

新建图层组

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

修改适配图片动画

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

放入场景

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

改变适配图大小

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

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


贴合上下边缘

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

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

存在移动镜头的场景

如果游戏中存在镜头移动,需要把该场景的适配图层视差设置为0

兼容问题

注意,适配暂时和【固定位置】能力不兼容。 所以适配的工程,不能添加【固定位置】能力

多场景适配建议

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

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

该教程是否对你有用?
联系方式
QQ:2967340017
邮箱:user_service@newlang.cn
公司地址:广州市天河区中山大道西238号301房(部位:自编之十二)

官方交流群

扫描二维码进入

交流群①

640215025

官方交流群

扫描二维码进入

交流群②

610394080

友情链接
联系我们
QQ:2967340017
Q群1(已满):640215025
Q群2:610394080
邮箱:user_service@newlang.cn
公司地址:广州市天河区中山大道西238号301房(部位:自编之十二)

粤ICP备18033026号 《服务协议》

Copyright © 2019 广州玖兔互娱信息科技有限公司 版权所有