【游戏开发实战】使用Unity制作水果消消乐游戏教程（一）：生成冰块阵列

文章目录

一、前言
二、创建工程
三、导入冰块图片素材
四、创建冰块阵列
五、分辨率适配
六、添加背景图

一、前言

嗨，大家好，我是新发。下班坐地铁的时候，好几次看到其他人在玩消消乐，既然大家都这么喜欢玩，那我就写个Unity制作水果消消乐的教程吧。

我会根据内容点分成好几篇文章来讲，希望对想学Unity的同学有所帮助，创作不易，喜欢的同学欢迎关注、点赞、收藏，文章目录如下：
第一篇：生成冰块阵列
第二篇：随机生成水果
第三篇：水果拖动与交换逻辑
第四篇：使用DOTween插件实现水果的滑动效果
第五篇：水果的消除检测，实现消除效果
第六篇：水果下落与新水果生成
第七篇：水果消除特效
第八篇：游戏得分加分效果
第九篇：使用UGUI显示游戏UI

游戏运行效果如下：

最终的Demo工程已上传到GitHub，感兴趣的同学可以自行下载下来学习。
GitHub地址：https://github.com/linxinfa/UnityXiaoXiaoLeDemo
注：我使用的Unity版本为2020.1.14f1c1。

本篇讲冰块阵列的生成，本篇的效果：

二、创建工程

我们要做的是一个2D的水果消消乐游戏，所以直接创建一个2D的Unity工程，工程名称叫UnityXiaoXiaoLeDemo。

创建成功。

三、导入冰块图片素材

新建一个RawAssets文件夹。

再新建Textures子目录，用于存放图片素材。

把冰块和水果图片素材导入到工程中。

如下：

注意图片类型设置为Sprite (2D and UI)。

四、创建冰块阵列

在场景中创建一个空物体（Create Empty），重名名为Play，坐标归零。

同理创建一个空子节点IceSpawner，

把冰块图片拖入到IceSpawner子节点中，此时会自动创建一个Sprite Renderer来显示图片。

可以看到场景中显示了冰块了。

我们现在要创建一个9行7列的冰块阵列，先定义一些全局变量，因为要写脚本了，所以先创建一个Scripts文件夹。

创建一个GlobalDef.cs用于定义全局变量。

// GlobalDef.cs
// 定义一些全局变量
public class GlobalDef
{/// <summary>/// 行数/// </summary>public const int ROW_COUNT = 9;/// <summary>/// 列数/// </summary>public const int COLUM_COUNT = 7;  /// <summary>/// 每个格子大小/// </summary>public const float CELL_SIZE = 0.9f;
}

再创建一个脚本：IceSpawner.cs，用于动态生成冰块阵列。

// IceSpawner.csusing UnityEngine;/// <summary>
/// 冰块生成器
/// </summary>
public class IceSpawner : MonoBehaviour
{public GameObject iceObj;void Start(){// 生成冰块整列for (int rowIndex = 0; rowIndex < GlobalDef.ROW_COUNT; ++rowIndex){for (int columIndex = 0; columIndex < GlobalDef.COLUM_COUNT; ++columIndex){// 实例化冰块物体var obj = Instantiate(iceObj);obj.transform.SetParent(iceObj.transform.parent, false);obj.transform.localPosition = new Vector3((columIndex - GlobalDef.COLUM_COUNT / 2f) * GlobalDef.CELL_SIZE + GlobalDef.CELL_SIZE / 2f, (rowIndex - GlobalDef.ROW_COUNT / 2f) * GlobalDef.CELL_SIZE + GlobalDef.CELL_SIZE / 2f, 0);}}iceObj.SetActive(false);}
}

把IceSpawner脚本挂到场景中的IceSpawner节点上，并赋值Ice Obj物体。

运行Unity，效果如下：

我们调节一下IceSpawner节点的Scale缩放为0.8，可以看到冰块阵列可以完整在屏幕中显示了。

五、分辨率适配

上面我们看到冰块阵列创建出来后，我们在720*1280分辨率下可以完整显示冰块阵列了，但是在其他分辨率中，则依然可能会出现显示不全的情况，比如在1080*2280分辨率下的显示：

我们要确保在不同分辨率下都能让冰块阵列完整地显示在屏幕中。
创建一个Resolution.cs脚本，用来做分辨率适配。

// Resolution.csusing UnityEngine;/// <summary>
/// 分辨率适配
/// </summary>
public class Resolution : MonoBehaviour
{public float BASE_WIDTH = 720f;public float BASE_HEIGHT = 1280f;private Transform m_tranform;private float baseRatio;private float percentScale;void Start(){m_tranform = transform;SetScale();}void SetScale(){// 根据宽高比进行缩放baseRatio = BASE_WIDTH / BASE_HEIGHT * Screen.height;percentScale = Screen.width / baseRatio;if (percentScale < 1)m_tranform.localScale = new Vector3(m_tranform.localScale.x * percentScale, m_tranform.localScale.y * percentScale, 1);}
}

将Resolution脚本挂到Play节点上。

再次运行，可以看到，在不同分辨率下都可以正常显示了。

六、添加背景图

我们加上游戏背景图，导入背景图素材。

显示到场景中。

运行效果如下：

下一篇讲水果的随机生成。
[点击进入下一篇]