MFC实现连连看游戏之地图显示

MFC实现连连看游戏前期过程中遇到的一大问题是如何将地图显示出来,最后还是看了其他人的源码才搞定。

首先是地图数组的生成,这个网上找有很多,我用的是随机生成地图的种类,然后将其放在两个连续的位置,最后再进行两两随机交换位置,得到随机地图,具体如下:

void CGameDlg::InitMap()
{
 for (int i = 0; i < MAX_X; i++) // 初始化map数组
 {
  for (int j = 0; j < MAX_Y; j++)
  {
   map[i][j] = 0;
  }
 }

 //随机数种子
 srand((unsigned int)time(NULL));

 for (int i = 1; i < MAX_X - 1; i++)
 {
  for (int j = 1; j < MAX_Y - 1; j = j+2)
  {
   int type = rand() % m_typeNum + 1;// 随机产生一个的图片种类编号
   map[i][j] = type;
   map[i][j+1] = type; // 保证同种图片连续出现两次
  }
 }
 int k = 0;
 while (k < 100) // 随机选中两个位置交换100次
 {
  int x1 = 0, y1 = 0;
  int x2 = 0, y2 = 0;
  while (x1 == x2 && y1 == y2) // 确保两个位置不同
  {
   x1 = rand() % (MAX_X - 2) + 1;
   y1 = rand() % (MAX_Y - 2) + 1;

   x2 = rand() % (MAX_X - 2) + 1;
   y2 = rand() % (MAX_Y - 2) + 1;
  }
  int temp = map[x1][y1];
  map[x1][y1] = map[x2][y2];
  map[x2][y2] = temp;
  k++;
 }
}

其中MAX_X和MAX_X是宏定义,需要注意的是地图数组的最外一层不要放图片,后面的消子算法会更加方便。

接下来就是地图的显示了:

void CGameDlg::ShowMap()
{
 int i, j;
 CPoint p; // 按钮位置
 CString str = _T("");
 //清除原有按钮
 for (i = 0; i<m_btnGroup.GetSize(); i++)
  delete (CLLKButton *)m_btnGroup.GetAt(i);
 m_btnGroup.RemoveAll();
 //添加新按钮
 for (i = 1; i <= MAX_X - 2; i++)
  for (j = 1; j <= MAX_Y - 2; j++)
  {
   p.x = i;
   p.y = j;
   //arr[map[i][j] - 1]++;
   //将按钮放入m_btnGroup指针数组中
   m_btnGroup.Add(new CLLKButton(map[i][j], p));
  }
 //显示按钮
 for (i = 0; i<(MAX_X - 2)*(MAX_Y - 2); i++)
 {
  CLLKButton *btn = (CLLKButton *)m_btnGroup.GetAt(i);
  if (btn->ID > 0)
  {
   str.Format(_T("res\\%d.png"), btn->ID);

   CImage image;
   image.Load(str);

   btn->Create(str, WS_CHILD | BS_BITMAP | WS_VISIBLE,
    CRect(70 + (i % (MAX_Y - 2)) * 50, 70 + (i / (MAX_Y - 2)) * 50,
    120 + (i % (MAX_Y - 2)) * 50, 120 + (i / (MAX_Y - 2)) * 50), this,
    IDC_BLOCK + i);
   btn->SetBitmap(image);
   btn->ShowWindow(SW_SHOW);
  }
 }

}

在生成地图的过程中,我并没有将图片拼接起来,并用掩码消去背景色,这里只是简单的将图片加载到按钮上,不过因为.png的图片能实现透明(.bmp图片是无法实现透明的,会有白色背景),所以也算是实现了透明背景。
还有就是自己重写了一个新的CLLKButton类继承CButton类,就添加了两个属性:

int ID; // 图片的种类
CPoint p; // 按钮的位置

完整源码已上传至我的GitHub

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • C++实现连连看游戏核心代码

    这两天研究了一下连连看游戏的源代码,感觉它挺简单的,主要就是判断选中的两张图片能否消去.我参考了网上的源代码(抱歉的是,不记得当时下载的网址了,在此对原作者表示深深的歉意!),然后自己把核心代码整理如下,与大家共享.需要说明的是,这只是核心算法的代码,界面设计和操作的代码均已略去. #include <stdlib.h> #include <time.h> //图片类 class picture { public: int type;//图片的编号,共有n种,从0到n-1 bool

  • MFC实现连连看游戏之消子算法

    本文实例为大家分享了MFC实现连连看游戏消子算法的具体代码,供大家参考,具体内容如下 两个位置的图片能否消除,有三种情况: 1.一条直线连接,这种也是最简单的一种消除方法 bool LinkInLine(CPoint p1, CPoint p2) { conner1.x = conner1.y = -1; // 记录拐点位置 conner2.x = conner2.y = -1; BOOL b = true; if (p1.y == p2.y) // 两个点再同一行 { int min_x =

  • C++实现连连看消除算法

    C++连连看消除代码的实现,过程比较复杂. #include<iostream> #include<vector> using namespace std; bool CheckRemove(int x1,int y1,int x2,int y2,int rows,int cols,int ***pArray); void Swap(int &a,int &b); typedef struct { int x; int y; }point; int main() {

  • MFC实现连连看游戏之地图显示

    MFC实现连连看游戏前期过程中遇到的一大问题是如何将地图显示出来,最后还是看了其他人的源码才搞定. 首先是地图数组的生成,这个网上找有很多,我用的是随机生成地图的种类,然后将其放在两个连续的位置,最后再进行两两随机交换位置,得到随机地图,具体如下: void CGameDlg::InitMap() { for (int i = 0; i < MAX_X; i++) // 初始化map数组 { for (int j = 0; j < MAX_Y; j++) { map[i][j] = 0; }

  • 原生JavaScript编写canvas版的连连看游戏

    本文实例为大家分享了JavaScript编写canvas版的连连看游戏的具体实现代码,供大家参考,具体内容如下 效果图: 实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #box{ /*border: 1px solid #D1D1D1; */ overflow: hidden; pos

  • Android实现疯狂连连看游戏之加载界面图片和实现游戏Activity(四)

    正如在<我的Android进阶之旅------>Android疯狂连连看游戏的实现之状态数据模型(三)>一文中看到的,在AbstractBoard的代码中,当程序需要创建N个Piece对象时,程序会直接调用ImageUtil的getPlayImages()方法去获取图片,该方法会随机从res/drawable目录中取得N张图片. 下面是res/drawable目录视图: 为了让getPlayImages()方法能随机从res/drawable目录中取得N张图片,具体实现分为以下几步: 通

  • 原生JavaScript实现连连看游戏(附源码)

    向大家推荐一款原生JavaScript版连连看游戏,源码下载,首页如下图所示:  首先看一下html的布局方式在index.html文件中: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head>

  • 使用非html5实现js板连连看游戏示例代码

    向大家分享一款如何实现js版连连看游戏,如下图所示: 首先看一下html的布局方式在index.html文件中: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http

  • Android实现疯狂连连看游戏之开发游戏界面(二)

    连连看的游戏界面十分简单,大致可以分为两个区域: --游戏主界面区 --控制按钮和数据显示区 1.开发界面布局 本程序使用一个RelativeLayout作为整体的界面布局元素,界面布局上面是一个自定义组件,下面是一个水平排列的LinearLayout. 下面是本程序的布局文件:/res/layout/main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:andr

  • Android实现疯狂连连看游戏之状态数据模型(三)

    对于游戏玩家而言,游戏界面上看到的"元素"千变万化:但是对于游戏开发者而言,游戏界面上的元素在底层都是一些数据,不同数据所绘制的图片有所差异而已.因此建立游戏的状态数据模型是实现游戏逻辑的重要步骤. 1.定义数据模型 连连看的界面是一个NxM的"网格",每个网格上显示一张图片.而这个网格只需要一个二维数组来定义即可,而每个网格上所显示的图片,对于底层数据模型来说,不同的图片对于着不同的数值即可. 对于上图所示的数据模型,只要让数值为0的网格上不绘制图片,其他数值的网

  • Android实现疯狂连连看游戏之实现游戏逻辑(五)

    在上一篇<我的Android进阶之旅------>Android疯狂连连看游戏的实现之加载界面图片和实现游戏Activity(四)>中提到的两个类: GameConf:负责管理游戏的初始化设置信息. GameService:负责游戏的逻辑实现. 其中GameConf的代码如下:cn\oyp\link\utils\GameConf.java package cn.oyp.link.utils; import android.content.Context; /** * 保存游戏配置的对象

  • Android实现疯狂连连看游戏之游戏效果预览(一)

    今天看完了李刚老师的<疯狂Android讲义>一书中的第18章<疯狂连连看>,从而学会了如何编写一个简单的Android疯狂连连看游戏. 开发这个流行的小游戏,难度适中,而且能充分激发学习热情,适合Android初学者来说是一个不错的选择.对于该游戏的开发,需要重点掌握单机游戏的界面分析和数据建模能力:游戏玩家严重看到的是游戏界面,但是在开发者眼中看到的应该是数据模型.除此之外,单机游戏通常需要一个比较美观的界面,需要通过自定义View来实现游戏主界面. 开发连连看游戏除了需要理解

随机推荐