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把物体调整到左上角,这样不管手机屏幕什么比例物体都在左上角的位置