微信小游戏的屏幕改编

标签:屏幕改编

适配是老生常谈，移动端要根据手机屏幕适配，PC端有时也要根据电脑屏幕不同适配，新做的鸡也要适配。下面说说我根据需求做的小游戏改编方案。

我们需要在不同的屏幕上显示我们所有的主要功能(大约750*1334)。

目前所有手机都有自己的屏占比，不可能让每部手机显示的内容都一样，不多不少。我们的游戏是竖屏游戏，修改高度是可以的。

1，根据设计稿750 1334(一开始已经死了，只能按照设计稿)作为主要展示内容。

2.请设计师制作750 1624的背景图，然后将750 1334的主要内容居中在背景图上。

2.将游戏舞台的高度设置为750 1624(iPhone为1125 2436，折叠成750 1624方便计算宽度，这样宽度可以和设计稿一样大)。

3.获取当前设备的屏幕高度(宽度为750，例如1125 2436，换算成750 1624，取1624为屏幕高度)，设备的屏幕高度为-1334(主要内容高度)/2。

4.要将皮肤添加到Main，请将上部屏幕距主要内容的高度设置为y值。

4.这时候显示器大概是这样的。