Net Core教程

儿童节教大家做一个C#图片匹配小游戏

本文主要是介绍儿童节教大家做一个C#图片匹配小游戏,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文章目录

  • 首先祝广大程序员们儿童节快乐 `(*^▽^*)`
  • 游戏学废了赶紧拿回家哄孩子吧
  • 1. 效果展示
  • 2. 游戏设计
    • 2.1. 界面设计
    • 2.2. 逻辑设计
      • 2.2.1. 游戏初始化
      • 2.2.2. 开始游戏
      • 2.2.3. 玩游戏
        • 2.2.3.1. 判断
      • 2.2.4. 退出
  • 3. 代码实现
  • 4. 资源链接

首先祝广大程序员们儿童节快乐 (*^▽^*)

在这里插入图片描述

游戏学废了赶紧拿回家哄孩子吧

好,话不多说直接上才艺!EG埃蒙,EG埃蒙EG埃蒙EG埃蒙…
(文章最后有游戏成品链接,喜欢的小伙伴一键三连呦)
在这里插入图片描述

1. 效果展示

(只展示一部分哈)
在这里插入图片描述
帮助规则
在这里插入图片描述
我脑子笨,通关只能考辅助啦(这可能也是我学做外挂的理由,哈哈哈哈,不要走开,一波三连,外挂篇持续更新,后期还有Windows***技术篇呦 [PS:这就是C++ 博主的专属吧] )!
在这里插入图片描述
咳咳,回归正题,来说游戏设计。

2. 游戏设计

2.1. 界面设计

首先,见到华丽的界面先不要慌,哈哈哈哈,背景知识个图片而已,无伤大雅。

在这里插入图片描述

当然游戏帮助也是背景图片,不过字也是图片的一部分
在这里插入图片描述
之后就是给他加一个菜单栏了,简单加一个开始游戏与退出就好
在这里插入图片描述
之后是创建16个PictureBox用于显示16个小图片
在这里插入图片描述
再有就是三个lable,用于显示游戏过程中的信息
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.2. 逻辑设计

写逻辑之前我们要先建立游戏要用到的各种变量

// 一维数组,与窗体上的每个图片框对应,存放每个图片框对应的图片索引
int[] pictureIds;
int firstIndex;      // 记录点击的第一个图片框
int secondIndex;     // 记录点击的匹配的图片框
int firstPictureId;  // 已经点中的第一个图片框中显示的图片索引  
int secondPictureId; // 已经点中的匹配的图片框中显示的图片索引  
int count;           // 计数,记录点击了几个图片

int gameState;       // 游戏状态:0-进行中,1-新游戏,-1-未开始

int gameTime;        // 游戏时间
int matchNum;        // 配成对的数量
int record;          // 最高记录

2.2.1. 游戏初始化

首先我们要先对一维数组进行重新实例化,再把游戏状态改为未开始(值为-1),最高记录设置为0就OK啦。

功能代码如下:

 this.pictureIds = new int[16];  // 创建一维数组
 gameState = -1;                 // 游戏状态为未开始
 record = 0;                     // 没有最高记录

2.2.2. 开始游戏

首先是设置各个变量的初始状态,这里不一一叙述,再将每张图片随机放到两个box里就行啦

// 随机指定每个图片框显示的动物图片
for (int i = 1; i <= 8; i++)
{
    // 每张图片都放在两个图片框中
    PutIntoBox(i);
    PutIntoBox(i);
}

PutIntoBox是自定义随机图片位置函数

// 将指定索引的图片随机放在一个图片框中,记录在一维数组中
private void PutIntoBox(int pictureIndex)
{
    Random r = new Random();
    int boxId = r.Next(16);   // 随机找到一个图片框
    if (this.pictureIds[boxId] != -1)  // 已经有图片了
    {
        // 找到一个还没有图片的图片框
        while (this.pictureIds[boxId] != -1)
        {
            boxId = r.Next(16);   // 随机找到一个图片框
        }
    }

    this.pictureIds[boxId] = pictureIndex;  // 指定这个图片框对应的图片
}

之后别忘了开启计时器

// 启动计时器
tmrShow.Start();

2.2.3. 玩游戏

图片框单击事件
首先,如果游戏不在进行中,则不能点击图片框

// 
if (gameState != 0)
{
    return;
}

如果在游戏中,就可以判断点击的是第一张图片还是第二张了:

  • 点击的是第一张图片:保存当前图片的相关参数
  • 点击的是第二张图片:保存第二张图片的相关参数,并且调用判断函数进行判断是否匹配。
if (count == 1)  // 点击的是第一张图片
{
    this.firstIndex = newIndex;
    this.firstPictureId = newPictureId;
    ((PictureBox)sender).Image = ilPictures.Images[newPictureId];
    
    tmrShow.Start();                
}
else if (count == 2)  // 点击了两张图片
{
    this.secondIndex = newIndex;
    this.secondPictureId = newPictureId;
    ((PictureBox)sender).Image = ilPictures.Images[newPictureId];

    tmrShow.Stop();   // 将控制3秒钟显示的定时器停止
    tmrMatch.Start();    // 启动延时0.5s计时器,并判断是否匹配
}             

2.2.3.1. 判断

判断需要判断两个:

  • 是否配对成功进行图片消除
  • 检查是否要停止游戏

而且顺序不能调换,要先判断是否能消除,因为当最后两个图片消除完的时候就是游戏结束的时候。

// 是否配对成功进行图片消除
if (this.firstIndex != this.secondIndex && this.firstPictureId == this.secondPictureId)
{
    // 将图片框置为不可见
    SetInvisible(this.firstIndex);
    SetInvisible(this.secondIndex);
    this.matchNum++;
}

ResetState();     // 重新开始配对
HidePictures();

// 检查是否要停止游戏            
if (this.matchNum == 8)
{
    tmrGame.Stop();
    string message = string.Format("配对完成,用时{0}秒,继续努力哦!",this.gameTime);
    MessageBox.Show(message, "游戏结束", MessageBoxButtons.OK, MessageBoxIcon.Information);
    if (this.gameTime < this.record || this.record ==0)
    {
        lblRecord.Text = this.gameTime.ToString() + "秒";
    }
    this.gameState = -1;   // 游戏变为未开始状态
}            

2.2.4. 退出

DialogResult result = MessageBox.Show("确实要退出吗?","提示",MessageBoxButtons.YesNo,MessageBoxIcon.Warning);
if (result == DialogResult.Yes)
{
    Application.Exit();
}  
3. 代码实现
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

namespace MatchBox
{
    public partial class BoxesForm : Form
    {
        // 一维数组,与窗体上的每个图片框对应,存放每个图片框对应的图片索引
        int[] pictureIds;
        int firstIndex;      // 记录点击的第一个图片框
        int secondIndex;     // 记录点击的匹配的图片框
        int firstPictureId;  // 已经点中的第一个图片框中显示的图片索引  
        int secondPictureId; // 已经点中的匹配的图片框中显示的图片索引  
        int count;           // 计数,记录点击了几个图片

        int gameState;       // 游戏状态:0-进行中,1-新游戏,-1-未开始

        int gameTime;        // 游戏时间
        int matchNum;        // 配成对的数量
        int record;          // 最高记录

        public BoxesForm()
        {
            InitializeComponent();
        }

        // 窗体加载时,每个picturebox关联到一个动物图片
        private void BoxesForm_Load(object sender, EventArgs e)
        {
            this.pictureIds = new int[16];  // 创建一维数组
            gameState = -1;                 // 游戏状态为未开始
            record = 0;                     // 没有最高记录
        }

        // 开始游戏
        private void StartGame()
        {
            gameState = 1;      // 标志为新游戏
            this.gameTime = 0;  // 游戏时间
            this.matchNum = 0;  // 配对的数量

            // 设置各个变量的初始状态
            ResetState();

            // 将计时器都停止
            tmrGame.Stop();
            tmrShow.Stop();
            tmrMatch.Stop();

            lblCostTime.Text = "0秒";

            // 将记录图片框显示的图片的数组都置为-1            
            for (int i = 0; i < this.pictureIds.Length; i++)
            {
                this.pictureIds[i] = -1;
            } 

            // 随机指定每个图片框显示的动物图片
            for (int i = 1; i <= 8; i++)
            {
                // 每张图片都放在两个图片框中
                PutIntoBox(i);
                PutIntoBox(i);
            }

            // 显示所有图片
            foreach (Control item in this.Controls)
            {
                if (item is PictureBox)
                {
                    int index = Convert.ToInt32(((PictureBox)item).Tag);
                    int pictureIndex = this.pictureIds[index];
                    ((PictureBox)item).Visible = true;
                    ((PictureBox)item).Image = ilPictures.Images[pictureIndex];
                }
            }

            // 启动计时器
            tmrShow.Start();
        }

        // 将指定索引的图片随机放在一个图片框中,记录在一维数组中
        private void PutIntoBox(int pictureIndex)
        {
            Random r = new Random();
            int boxId = r.Next(16);   // 随机找到一个图片框
            if (this.pictureIds[boxId] != -1)  // 已经有图片了
            {
                // 找到一个还没有图片的图片框
                while (this.pictureIds[boxId] != -1)
                {
                    boxId = r.Next(16);   // 随机找到一个图片框
                }
            }

            this.pictureIds[boxId] = pictureIndex;  // 指定这个图片框对应的图片
        }

        // 图片框单击事件
        private void picBox_Click(object sender, EventArgs e)
        {
            // 如果游戏不在进行中,则不能点击图片框
            if (gameState != 0)
            {
                return;
            }

            int newIndex = Convert.ToInt32(((PictureBox)sender).Tag);   // 当前点中的图片框在数组中的索引
            int newPictureId = this.pictureIds[newIndex];               // 当前点中的图片框显示的图片的索引            
                        
            count++;  // 计数
            
            if (count == 1)  // 点击的是第一张图片
            {
                this.firstIndex = newIndex;
                this.firstPictureId = newPictureId;
                ((PictureBox)sender).Image = ilPictures.Images[newPictureId];
                
                tmrShow.Start();                
            }
            else if (count == 2)  // 点击了两张图片
            {
                this.secondIndex = newIndex;
                this.secondPictureId = newPictureId;
                ((PictureBox)sender).Image = ilPictures.Images[newPictureId];

                tmrShow.Stop();   // 将控制3秒钟显示的定时器停止
                tmrMatch.Start();    // 启动延时0.5s计时器,并判断是否匹配
            }                      
        }

        // 恢复状态
        private void ResetState()
        {
            this.firstIndex = -1;
            this.secondIndex = -1;
            this.firstPictureId = -1;
            this.secondPictureId = -1;
            this.count = 0;   
        }

        // 控制图片最多显示3秒
        private void tmrShow_Tick(object sender, EventArgs e)
        {
            tmrShow.Stop();  // 停止计时器            

            if (gameState == 1)  // 如果是新游戏
            {
                gameState = 0;   // 将游戏状态变为进行中                
                tmrGame.Start(); // 开始计时
            }

            ResetState();      // 清除记录
            HidePictures();   // 隐藏图片           
        }
        
        // 隐藏所有图片
        private void HidePictures()
        {
            // 将所有图片都翻过去            
            foreach (Control item in this.Controls)
            {
                if (item is PictureBox)
                {
                    ((PictureBox)item).Image = ilPictures.Images[0];
                }
            }            
        }

        // 将指定索引的图片框置为不可见
        private void SetInvisible(int index)
        {
            foreach (Control item in this.Controls)
            {
                if (item is PictureBox)
                {
                    if (Convert.ToInt32(((PictureBox)item).Tag) == index)
                    {
                        ((PictureBox)item).Visible = false;
                    }                    
                }
            }
        }

        // 显示0.5秒
        private void tmrMatch_Tick(object sender, EventArgs e)
        {
            tmrMatch.Stop();

            if (this.firstIndex != this.secondIndex && this.firstPictureId == this.secondPictureId)
            {
                // 将图片框置为不可见
                SetInvisible(this.firstIndex);
                SetInvisible(this.secondIndex);
                this.matchNum++;
            }

            ResetState();     // 重新开始配对
            HidePictures();
            
            // 检查是否要停止游戏            
            if (this.matchNum == 8)
            {
                tmrGame.Stop();
                string message = string.Format("配对完成,用时{0}秒,继续努力哦!",this.gameTime);
                MessageBox.Show(message, "游戏结束", MessageBoxButtons.OK, MessageBoxIcon.Information);
                if (this.gameTime < this.record || this.record ==0)
                {
                    lblRecord.Text = this.gameTime.ToString() + "秒";
                }
                this.gameState = -1;   // 游戏变为未开始状态
            }            
        }

        // 开始新游戏
        private void tsmiNewGame_Click(object sender, EventArgs e)
        {
            StartGame();
        }

        // 退出
        private void tsmiExit_Click(object sender, EventArgs e)
        {
            DialogResult result = MessageBox.Show("确实要退出吗?","提示",MessageBoxButtons.YesNo,MessageBoxIcon.Warning);
            if (result == DialogResult.Yes)
            {
                Application.Exit();
            }            
        }

        // 游戏计时
        private void tmrGame_Tick(object sender, EventArgs e)
        {
            this.gameTime++;  // 将时间增加1s
            lblCostTime.Text = gameTime.ToString() + "秒";                     
        }

        private void tsmiRule_Click(object sender, EventArgs e)
        {
            GameRuleForm ruleForm = new GameRuleForm();
            ruleForm.ShowDialog();
        }
    }
}
4. 资源链接

CSDN下载:https://mp-new.csdn.net/mp_download/manage/download/UpDetailed
百度网盘:
链接:https://pan.baidu.com/s/1gxe1EVFLz5Lki2kVUyjHlA
提取码:y2j1
复制这段内容后打开百度网盘手机App,操作更方便哦–来自百度网盘超级会员V4的分享

喜欢的小伙伴麻烦点赞收藏,感谢支持。
在这里插入图片描述

这篇关于儿童节教大家做一个C#图片匹配小游戏的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!