unity转微信小游戏:UI大小设置

微信小游戏推荐使用分辨率

微信小程序设计时采用 750x1334px 的分辨率,这是为了适应大多数手机屏幕的尺寸‌。因为微信小游戏不使用CDN需要将整体游戏大小限制在 20M以内 ,所以我们的UI、角色、地图、物体等不能设计成太高的分辨率以免资源过大,所以UI推荐采用微信小程序的 750x1334px 的分辨率,其他资源在这个分辨率下按比例进行大小控制。

unity设置UI分辨率

1、画布分辨率设置

在画布中找到Canvas Scaler, UI缩放模式 选择 屏幕大小缩放

如果是 横屏 游戏X设置成1334,Y设置成750

如果是 竖屏 游戏X设置成750,Y设置成1334

屏幕匹配模式 选择 展开

每单位参考像素 默认 或者自定义

这样设置转换成微信小游戏后不管手机什么分辨率,所有图像都是在这个分辨率下显示

在这里插入图片描述

2、背景图片大小设置

要让背景图片在微信小游戏里也 满屏显示
背景图片分辨率为 1334X750 时,只需要将背景图片的 Rect Transform 里面的 锚点预设 选择为 右下角 的预设,然后 左、右、顶部、底部 都设置为 0 就可以了

在这里插入图片描述

背景图片为 其他分辨率 时,将背景图片的 Rect Transform 里面的 锚点预设 根据自己的要求选择 stretch 里的预设后,自行调整 左、右、顶部、底部 的参数进行设置

3、角色、按钮、图标等其他大小设置

其他的物体在画布下大小是恒定的所以要选择 stretch外 的预设

在这里插入图片描述

然后通过修改 位置X、Y 调整物体所在位置

修改 宽度、高度 调整物体大小

在这里插入图片描述

注意:选择锚点预设的时候一定要选对参照位置,现在的手机很多都是长屏的,横屏游戏如果锚点预设选择的上中,物体位置在左上角,那么长屏的手机显示的物体不会在左上角可能会偏右一块,我们需要把锚点预设改为左上,然后修改位置X、Y把物体调整到左上角,这样不管手机屏幕什么比例物体都在左上角的位置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会潜水的小火龙

如果解决了你遇到的问题欢迎打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值