如何让Toon Blast克隆版游戏棋盘适配不同屏幕分辨率？

核心思路 #

以你最初的参考分辨率为基准，根据当前屏幕的宽高比计算统一缩放比例，只对棋盘父物体做缩放调整，同时保持棋盘在屏幕居中，以此避免拉伸变形，复刻原版游戏的棋盘适配效果。

具体实现步骤 #

1. 统一棋盘元素的父物体 #

把所有棋盘内的Sprite Renderer元素挂载到一个空GameObject（比如命名为BoardRoot）下，后续只需要控制这个父物体的缩放和位置，就能同步调整所有棋盘元素。

2. 计算适配缩放比例 #

在代码中基于参考分辨率和当前屏幕分辨率，计算不会拉伸的缩放系数：

// 你的理想参考分辨率（比如1920x1080）
Vector2 referenceRes = new Vector2(1920, 1080);
// 当前屏幕实际分辨率
Vector2 currentRes = new Vector2(Screen.width, Screen.height);

// 分别计算宽、高方向的缩放比例
float scaleX = currentRes.x / referenceRes.x;
float scaleY = currentRes.y / referenceRes.y;

// 取较小的比例，保证棋盘完整显示且不拉伸
float targetScale = Mathf.Min(scaleX, scaleY);

// 把比例应用到棋盘父物体
BoardRoot.transform.localScale = new Vector3(targetScale, targetScale, 1);

3. 保持棋盘屏幕居中 #

针对正交相机（消除游戏常用），直接计算屏幕中心对应的世界坐标：

Camera mainCam = Camera.main;
float camHalfHeight = mainCam.orthographicSize;
// 保证相机宽高比和屏幕一致
float camHalfWidth = camHalfHeight * Screen.width / Screen.height;

// 将棋盘父物体定位到屏幕中心的世界坐标
BoardRoot.transform.position = new Vector3(0, 0, BoardRoot.transform.position.z);

如果用透视相机，可通过Camera.ScreenToWorldPoint转换屏幕中心坐标到世界空间，再赋值给棋盘父物体。

4. 动态响应屏幕变化 #

把适配逻辑绑定到分辨率变化事件，确保窗口拉伸、设备旋转时棋盘实时适配：

void OnEnable()
{
    Screen.resolutionChanged += UpdateBoardAdaptation;
}

void OnDisable()
{
    Screen.resolutionChanged -= UpdateBoardAdaptation;
}

void UpdateBoardAdaptation(int width, int height)
{
    // 重新执行缩放和居中逻辑
    CalculateBoardScaleAndPosition();
}

// 把前面的缩放、居中逻辑封装到这个方法里
void CalculateBoardScaleAndPosition()
{
    // 此处放入步骤2、3的代码
}

额外优化建议 #

• 统一棋盘所有Sprite的Pixels Per Unit参数，避免缩放后出现模糊或显示异常。
• 如果棋盘是固定行列数（比如Toon Blast的8×8布局），可预先计算棋盘总宽高，适配时确保其不会超出相机可视范围。

内容的提问来源于stack exchange，提问作者Hasan Ozen