文章目录

前言
开始项目
开始
源码
参考
完结

前言

欢迎来到经典消消乐游戏的复刻版！在这个令人上瘾的游戏中，您将体验到无穷的挑战和欢乐。

消消乐是一款经典的益智游戏，旨在通过消除相同的方块来获得高分。您需要在棋盘上寻找相同颜色或形状的方块，并将它们消除以获得积分。随着游戏的进行，难度也会逐渐增加，需要您的观察力、反应能力和策略思维。

我们的团队致力于为您呈现一款精心制作的复刻版本，在保留经典玩法的同时，还增加了一些全新的特色玩法和关卡设计。您将享受到华丽的图形效果、各种有趣的道具和奖励，以及丰富多样的关卡挑战。

挑战自我，突破极限，挖掘隐藏在每个关卡背后的秘密。消除方块，释放您内心的压力，让愉悦的感觉充满您的每一天！

感谢您选择我们的游戏，并希望您在这个充满乐趣和回忆的消消乐世界中度过美好的时光。开始您的消除之旅吧！

祝您玩得愉快！

注意：此版本的消消乐游戏仅供娱乐和休闲目的，请勿用于商业用途。

先来看看实现的最终效果
在这里插入图片描述

开始项目

百度盘链接：https://pan.baidu.com/s/12QX7_Jwmc1AITpHYrgfwFQ
提取码：5uvj

开始

一、方块网格生成

新增Block方块脚本

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

//方块脚本
public class Block : MonoBehaviour
{
    
    
    public int RowIndex;//行位置
    public int ColIndex;//列位置
    public void Init(int row, int col)
    {
    
    
        this.RowIndex = row;
        this.ColIndex = col;
    }
    void Start()
    {
    
    

    }
    //根据行列下标设置方块的相对位置
    public void ResetPosition()
    {
    
    
        transform.localPosition = new Vector3(ColIndex * 88, -RowIndex * 88, 0);
    }
}

新增GameUI 脚本

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class GameUI : MonoBehaviour
{
    
    
    public Transform nodeTf;
    public int RowCount = 7;//行数
    public int ColCount = 8;//列数
    public Block[,] BlockArr;//存储消除方块的二维数组
    void Start()
    {
    
    
        InitGrid();
    }

    // 初始化网格
    public void InitGrid()
    {
    
    
        BlockArr = new Block[RowCount, ColCount];//构建二维数组
        for (int row = 0; row < RowCount; row++)
            for (int col = 0; col < ColCount; col++)
            {
    
    
                Block b = CreateRandomBlock();
                b.Init(row, col);
                b.ResetPosition();
                BlockArr[row, col] = b;
            }
    }

    public Block CreateRandomBlock()
    {
    
    
        int ran = Random.Range(1, 5);
        GameObject obj = Instantiate(Resources.Load("Block/block" + ran.ToString()), nodeTf) as GameObject;
        return obj.AddComponent<Block>();
    }
}

挂载脚本
在这里插入图片描述

效果
在这里插入图片描述

二、方块交换

修改GameUI，新增交换方法

public Block[,] BlockArr;//存储消除方块的二维数组
public List<Block> SelectBlockArr;//存储选中方块的集合
public static GameUI Instance;
void Awake()
{
    
    
    Instance = this;
    SelectBlockArr = new List<Block>();
}

public void SelectBlock(Block b)
{
    
    
    //已经选中移除
    if (SelectBlockArr.Contains(b))
    {
    
    
        SelectBlockArr.Remove(b);
        return;
    }
    //添加到选中集合
    SelectBlockArr.Add(b);
    if (SelectBlockArr.Count == 2)
    {
    
    
        //选中两个 方块 交换
        //相邻的才能交换
        if ((Mathf.Abs(SelectBlockArr[0].RowIndex - SelectBlockArr[1].RowIndex) + Mathf.Abs(SelectBlockArr[0].ColIndex - SelectBlockArr[1].ColIndex)) == 1)
        {
    
    
            SwapBlock(SelectBlockArr[0], SelectBlockArr[1]);
        }

        SelectBlockArr.Clear();
    }

}

public void SwapBlock(Block b1, Block b2)
{
    
    
    //交换数组位置
    BlockArr[b1.RowIndex, b1.ColIndex] = b2;
    BlockArr[b2.RowIndex, b2.ColIndex] = b1;
    //交换下标
    int tempRowIndex = b1.RowIndex;
    int tempColIndex = b1.ColIndex;
    b1.RowIndex = b2.RowIndex;
    b1.ColIndex = b2.ColIndex;
    b2.RowIndex = tempRowIndex;
    b2.ColIndex = tempColIndex;
    //交换位置
    b1.ResetPosition();
    b2.ResetPosition();
}

Block脚本添加点击事件，调用

using UnityEngine.EventSystems;
public class Block : MonoBehaviour,IPointerClickHandler{
    
    
	//点击
    public void OnPointerClick(PointerEventData eventData)
    {
    
    
        GameUI.Instance.SelectBlock(this);
    }
}

效果
在这里插入图片描述

三、添加交换的动画效果

引入DOTween，修改Block脚本

//根据行列下标设置方块的相对位置
public void ResetPosition()
{
    
    
    // transform.localPosition = new Vector3(ColIndex * 88, -RowIndex * 88, 0);
    transform.DOLocalMove(new Vector3(ColIndex * 88,-RowIndex * 88,0),0.25f);
}

修改GameUI脚本

public void SelectBlock(Block b)
{
    
    
    //已经选中移除
    if (SelectBlockArr.Contains(b))
    {
    
    
        SelectBlockArr.Remove(b);
        b.transform.DOScale(1f, 0.25f);
        return;
    }
    //添加到选中集合
    SelectBlockArr.Add(b);
    if (SelectBlockArr.Count == 2)
    {
    
    
        //选中两个 方块 交换
        //相邻的才能交换
        if ((Mathf.Abs(SelectBlockArr[0].RowIndex - SelectBlockArr[1].RowIndex) + Mathf.Abs(SelectBlockArr[0].ColIndex - SelectBlockArr[1].ColIndex)) == 1)
        {
    
    
            SwapBlock(SelectBlockArr[0], SelectBlockArr[1]);
        }
        SelectBlockArr[0].transform.DOScale(1, 0.25f);
        SelectBlockArr[1].transform.DOScale(1, 0.25f);
        SelectBlockArr.Clear();
    }
    else
    {
    
    
        b.transform.DOScale(1.2f, 0.25f);
    }
}

效果
在这里插入图片描述

四、水平消除检测

修改GameUI代码

public List<Block> DelBlockArr;//存储将要消除的方块
void Awake()
{
    
    
    DelBlockArr = new List<Block>();
}

public void SelectBlock(Block b)
{
    
    
    //。。。
             //交换
             SwapBlock(SelectBlockArr[0], SelectBlockArr[1]);
             
             //检测水平方块
             CheckDelHorizontal();
             //有删除的方块
             if (HasDelBlock())
             {
    
    
                 //删除
                 DelBlockByArr();
             }
    //。。。
 }

//检查水平的方块是否满足消除消除条件
public void CheckDelHorizontal()
{
    
    
    //遍历每一行
    for (int row = 0; row < RowCount; row++)
    {
    
    
        //存储每一行第一列方块的名称
        string preName = BlockArr[row, 0].gameObject.name;
        int count = 0;//方块名称相同个数的计数值
        //从第二列开始遍历
        for (int col = 1; col < ColCount; col++)
        {
    
    
            Block b = BlockArr[row, col];
            if (b.gameObject.name == preName)
            {
    
    
                //计数加一
                count++;
            }
            else
            {
    
    
                // 判断计数是否大于等于2
                if (count >= 2)
                {
    
    
                    // 将名称相同的方块添加到要消除的集合中
                    for (int j = 0; j <= count; j++)
                    {
    
    
                        // 判断是否已经存在消除队列，不存在再添加到集合
                        Block delBlock = BlockArr[row, col - 1 - j];
                        if (DelBlockArr.IndexOf(delBlock) == -1)
                        {
    
    
                            DelBlockArr.Add(delBlock);
                        }
                    }
                }
                // 记录当前方块名称
                preName = b.gameObject.name;
                // 计数归0
                count = 0;
            }
        }
        //判断一行遍历完后个数是否满足消除情况
        if (count >= 2)
        {
    
    
            for
            (int j = 0; j <= count; j++)
            {
    
    
                //判断是否已经存在消除队列，不存在再添到集合
                Block delBlock = BlockArr[row, ColCount - 1 - j];
                if (DelBlockArr.IndexOf(delBlock) == -1)
                {
    
    
                    DelBlockArr.Add(delBlock);
                }
            }
        }
    }
}

//是否有消除的方块
public bool HasDelBlock()
{
    
    
    return DelBlockArr.Count > 0;
}

//消除Del集合中的方块
public void DelBlockByArr()
{
    
    
    for (int i = DelBlockArr.Count - 1; i >= 0; i--)
    {
    
    
        Block b = DelBlockArr[i];
        //置空
        BlockArr[b.RowIndex, b.ColIndex] = null;
        //删除
        b.Delete();
    }
    //清空
    DelBlockArr.Clear();
}

Block新增删除方法

//删除
public void Delete()
{
    
    
    gameObject.GetComponent<Image>().color = Color.red;
}

效果
在这里插入图片描述

五、垂直消除检测

//垂直检测
public void CheckDelVertical()
{
    
    
    //遍历每一行
    for (int col = 0; col < ColCount; col++)
    {
    
    
        string preName = BlockArr[0, col].gameObject.name;
        int count = 0;//方块名称相同个数的计数值
        //从第二列开始遍历
        for (int row = 1; row < RowCount; row++)
        {
    
    
            Block b = BlockArr[row, col];
            if (b.gameObject.name == preName)
            {
    
    
                //计数加一
                count++;
            }
            else
            {
    
    
                // 判断计数是否大于等于2
                if (count >= 2)
                {
    
    
                    // 将名称相同的方块添加到要消除的集合中
                    for (int j = 0; j <= count; j++)
                    {
    
    
                        // 判断是否已经存在消除队列，不存在再添加到集合
                        Block delBlock = BlockArr[row - 1 - j, col];
                        if (DelBlockArr.IndexOf(delBlock) == -1)
                        {
    
    
                            DelBlockArr.Add(delBlock);
                        }
                    }
                }
                // 记录当前方块名称
                preName = b.gameObject.name;
                // 计数归0
                count = 0;
            }
        }
        //判断一行遍历完后个数是否满足消除情况
        if (count >= 2)
        {
    
    
            for(int j = 0; j <= count; j++)
            {
    
    
                //判断是否已经存在消除队列，不存在再添到集合
                Block delBlock = BlockArr[RowCount- 1 - j, col];
                if (DelBlockArr.IndexOf(delBlock) == -1)
                {
    
    
                    DelBlockArr.Add(delBlock);
                }
            }
        }
    }
}

效果
在这里插入图片描述

六、完善删除功能

修改Block代码

//删除
public void Delete()
{
    
    
    // gameObject.GetComponent<Image>().color = Color.red;
    Destroy(gameObject);
    //生成消除特效
    GameObject effect = Instantiate(Resources.Load("del")) as GameObject;
    effect.transform.position = transform.position;
    Destroy(effect, 1);
}

效果
在这里插入图片描述

七、效果优化（移动方块后再进行消除检测）

修改Block

//根据行列下标设置方块的相对位置
public Tween ResetPosition()
{
    
    
    // transform.localPosition = new Vector3(ColIndex * 88, -RowIndex * 88, 0);
    return transform.DOLocalMove(new Vector3(ColIndex * 88, -RowIndex * 88, 0), 0.25f);
}

修改GameUI

public void SelectBlock(Block b)
{
    
    
    //。。。
            //交换
            SwapBlock(SelectBlockArr[0], SelectBlockArr[1]);

            //动画序列
            Sequence seq = DOTween.Sequence();
            seq.Insert(0, SelectBlockArr[0].ResetPosition());
            seq.Insert(0, SelectBlockArr[1].ResetPosition());
            seq.AppendCallback(delegate ()
            {
    
    
                //检测水平方块
                CheckDelHorizontal();
                CheckDelVertical();
                //有删除的方块
                if (HasDelBlock())
                {
    
    
                    //删除
                    DelBlockByArr();
                }
            });
	//。。。
}


public void SwapBlock(Block b1, Block b2)
{
    
    
    //。。。
    
    //交换位置
    // b1.ResetPosition();
    // b2.ResetPosition();
}

效果
在这里插入图片描述

八、方块下落

修改GameUI

//方块下落
public void DropBlock()
{
    
    
    //从倒数第二行开始遍历
    for (int row = RowCount - 2; row >= 0; row--)
    {
    
    
        for (int col = 0; col < ColCount; col++)
        {
    
    
            //不为null的方块才能下落
            Block b = BlockArr[row, col];
            if (b != null) DropBlock(b);
        }
    }
}

public void DropBlock(Block b)
{
    
    
    //获得当前方块下方的下标
    int rowIndex = b.RowIndex + 1;
    int colIndex = b.ColIndex;
    if (rowIndex > RowCount - 1)
    {
    
    
        //超出下标
        b.ResetPosition();//移动
        return;
    }
    Block next_block = BlockArr[rowIndex, colIndex];
    if (next_block != null)
    {
    
    
        //下方有方块不能再下落
        b.ResetPosition();
        return;
    }
    else
    {
    
    
        //下方没有方块与null方块进行交换
        BlockArr[b.RowIndex, b.ColIndex] = null;
        b.RowIndex = rowIndex;
        BlockArr[b.RowIndex, b.ColIndex] = b;
        //检测是否继续下落
        DropBlock(b);
    }
}

在删除方块后调用，运行效果
在这里插入图片描述

十、方块填充

GameUI新增填充方块方法

//填充方块
public void FillEmptyBlock()
{
    
    
    Sequence seq = DOTween.Sequence();
    for (int row = 0; row < RowCount; row++)
    {
    
    
        for (int col = 0; col < ColCount; col++)
        {
    
    
            Block b = BlockArr[row, col];
            if (b == null)
            {
    
    
                b = CreateRandomBlock();
                b.Init(row, col);
                BlockArr[row, col] = b;
                b.transform.localPosition = new Vector3(col * 88, 88, 0);
                seq.Insert(0.25f, b.ResetPosition());
            }

        }
    }
    seq.AppendCallback(delegate ()
    {
    
    
        //继续检测是否满足消除条件

        //检测水平方块
        CheckDelHorizontal();
        //检测垂直方块
        CheckDelVertical();
        //有删除的方块
        if (HasDelBlock())
        {
    
    
            //删除
            DelBlockByArr();
            //检测下落
            DropBlock();
            //填充
            FillEmptyBlock();
        }
    });
}

在检测下落后调用该方法，运行效果
在这里插入图片描述

十一、后续

后续可以加入计分规则，关卡选择功能
攻击图标合成对右边的美少女造成伤害，五角星给我们自己加盾，药品给我们回血，能量球合成积攒攻击力（增加后续攻击、盾或药品的数值，每次使用能量清零）
每过几个回合美少女会对我们发起攻击
通关会解锁该美少女，或者获取图集，满足爱的收集玩家，有玩下去的欲望
加入金币功能，每次通关可以获取，勾起玩家重复游玩关卡的欲望，金币可以用于升级主角，比如提升基础攻击力、血量等
制作排行版本功能，可以统计游玩时间，分数，关卡数，解锁美少女图集数，金币数进行排行

后续大家可以自行扩展，这里就不过多赘述了。至于后续是否继续完善开发，就看大家想不想看了。

源码

要啥源码，好好看，好好学!

参考

【视频】https://www.bilibili.com/video/BV1ST4y1y7Jc

完结

赠人玫瑰，手有余香！如果文章内容对你有所帮助，请不要吝啬你的点赞评论和关注，以便我第一时间收到反馈，你的每一次支持都是我不断创作的最大动力。点赞越多，更新越快哦！当然如果你发现了文章中存在错误或者有更好的解决方法，也欢迎评论私信告诉我哦！

好了，我是向宇，https://xiangyu.blog.csdn.net

一位在小公司默默奋斗的开发者，出于兴趣爱好，于是最近才开始自习unity。如果你遇到任何问题，也欢迎你评论私信找我，虽然有些问题我可能也不一定会，但是我会查阅各方资料，争取给出最好的建议，希望可以帮助更多想学编程的人，共勉~
在这里插入图片描述

【用unity实现100个游戏之11】复刻经典消消乐游戏

文章目录

前言

开始项目

开始

一、方块网格生成

二、方块交换

三、添加交换的动画效果

四、水平消除检测

五、垂直消除检测

六、完善删除功能

七、效果优化（移动方块后再进行消除检测）

八、方块下落

十、方块填充

十一、后续

源码

参考

完结

猜你喜欢