C++ 连连看 C++ 风靡一时的连连看游戏的实现流程详解
MAX在码字 人气:0随着Flash应用的流行,网上出现了多种在线Flash版本“连连看”。如“水晶连连看”、“果蔬连连看”等,流行的“水晶连连看”以华丽界面吸引了一大批的女性玩家。 2008年,随着社交网络的普及和开放平台的兴起,“连连看”被引入了社交网络。“连连看”与个人空间相结合,被快速的传播,成为一款热门的社交游戏,其中以开发者Jonevey在Manyou开放平台上推出的“宠物连连看”最为流行。 网络小游戏、网页游戏越来越受网民欢迎,除了玩的方法简单外(不像其他游戏还需要注册下载繁琐过程),很多游戏不乏经典。连连看游戏就是典型。 不管走到哪个网页游戏网站,连连看游戏总是排在受玩家欢迎排名的前5位,休闲、趣味、益智是连连看玩不厌的精华,且不分男女老少、工薪白领,是一款适合大众的经典网络、单机休闲小游戏。 我们今天就来看看我们自己能不能写出这样一个游戏呢?
来,话不多说,直接开始,gogogo!!!
今天的代码不是很多,好好看好好学
首先是我们的老朋友,构造结构体以及一切准备工作
struct GridInfor //记入击中图片信息 { int idx,idy; //图纸坐标 int leftx,lefty; //屏幕坐标 int GridID; //图片类型 }pre,cur,dur; struct //记录连线点 { int x; int y; }point[4]; static int pn; //记录连线点个数 void InitFace (); //初始化界面 void Shuffle (); //随即打乱图片 void ShowGrid (); //显示图片 void RandGrid (); //绘制地图 void Link (); //连接两图 void Des_direct (); //直接相消 void Des_one_corner(); //一折相消 void Des_two_corner(); //两折相消 void Load_picture (); //加载图片 void Init_Grid (GridInfor& pre); //初始化格子信息 void Leftbottondown (MOUSEMSG mouse); //实现鼠标左击效果 void Draw_frame (int leftx,int lefty); //绘制边框 void Mousemove (int leftx,int lefty); //实现鼠标移动效果 bool Judg_val (int leftx,int lefty); //判断鼠标是否在游戏区 void SeleReact (int leftx,int lefty); //显示选中效果 void TranstoPhycoor (int* idx,int* idy); //图纸坐标转变为屏幕坐标 void GridPhy_coor (int& leftx,int& lefty); //规范物理坐标 void iPaint (long x1,long y1,long x2,long y2); //将直线销毁 void DrawLine (int x1,int y1,int x2,int y2) ; //用直线连接两图 bool DesGrid (GridInfor pre,GridInfor cur); //判断两者是否能相消 bool Match_direct (POINT ppre,POINT pcur); //判断两者是否能够直接相消 bool Match_one_corner (POINT ppre,POINT pcur); //判断两者是否能一折相消 bool Match_two_corner (POINT ppre,POINT pcur); //判断两者是否能两折相消 void ExchaVal (GridInfor& pre,GridInfor& cur); //交换图片信息 bool Single_click_judge (int mousex,int mousey); //判断单击是否有效 void RecordInfor (int leftx,int lefty,GridInfor &grid); //记录选中的信息 void TranstoDracoor (int mousex,int mousey,int *idx,int *idy); //鼠标坐标转化为图纸坐标 void Explot (POINT point,int *left,int *right,int *top,int *bottel);//探索point点附近的空位置
接下来是我们随机产生图片的逻辑函数,这个要好好理解
void RandGrid() //产生图片的标记 { for(int iCount = 0, x = 1; x <= ROW; ++x ) { for( int y = 1; y <= COL; ++y ) { GridID[x][y] = iCount++ % GridNum + 1; } } } void Shuffle( ) //打乱棋盘 { int ix, iy, jx, jy, grid; for( int k = 0; k < 84; ++k ) { ix = rand() % ROW + 1; // 产生 1 - COL 的随机数 iy = rand() % COL + 1; // 产生 1 - ROW 的随机数 jx = rand() % ROW + 1; // 产生 1 - COL 的随机数 jy = rand() % COL + 1; // 产生 1 - ROW 的随机数 if( GridID[ix][iy] != GridID[jx][jy] ) //如果不相等就交换数据 { grid = GridID[ix][iy]; GridID[ix][iy] = GridID[jx][jy]; GridID[jx][jy] = grid; } } }
下面是我们的重点操作,鼠标控制函数,好好看好好学,写的时候一定要有耐心,别被bug击破了内心
void Mousemove (int leftx,int lefty) //鼠标移动时的变化 { static int prex,prey,preidx,preidy, curidx,curidy; if(Judg_val(leftx,lefty)) { TranstoDracoor(leftx,lefty,&curidx,&curidy); //转化为图纸坐标 if(GridID[curidy][curidx] != 0) { GridPhy_coor(leftx,lefty); if(pre.idx == preidx && pre.idy == preidy) putimage(prex,prey,&image[GridID[preidy][preidx]][1]); else putimage(prex,prey,&image[GridID[preidy][preidx]][0]); prex = leftx, prey = lefty; preidx = curidx, preidy = curidy; Draw_frame(leftx,lefty); //绘制边框 } } } void Leftbottondown (MOUSEMSG mouse) //左击时的变化 { static int click = 0, idx,idy; click++; SeleReact (mouse.x,mouse.y); //显示选中效果 if(click == 1) RecordInfor(mouse.x,mouse.y,pre); if(click == 2) { TranstoDracoor (mouse.x,mouse.y,&idx,&idy); if(idx != pre.idx || idy != pre.idy) { RecordInfor (mouse.x,mouse.y,cur); if(pre.GridID == cur.GridID && DesGrid(pre,cur)) { GridID[pre.idy][pre.idx] = GridID[cur.idy][cur.idx] =0; Link (); pn = 0; putimage(pre.leftx,pre.lefty,&image2); putimage(cur.leftx,cur.lefty,&image2); Init_Grid(pre); Init_Grid(cur); click = 0; } else { ExchaVal(dur,pre); ExchaVal(pre,cur); Init_Grid(cur); click = 1; putimage(dur.leftx,dur.lefty,&image[GridID[dur.idy][dur.idx]][0]); } } else click = 1; } } void SeleReact (int leftx,int lefty) //选中时效果 { if(Judg_val(leftx,lefty)) { int idx,idy; TranstoDracoor (leftx,lefty,&idx,&idy); GridPhy_coor (leftx,lefty); putimage(leftx,lefty,&image[GridID[idy][idx]][1]); } } bool Judg_val(int leftx,int lefty) //判断鼠标是否在游戏区 { return leftx > leftedge && leftx < leftedge + GridW * COL && lefty > topedge && lefty < topedge + GridH * ROW; } void TranstoDracoor (int mousex,int mousey ,int *idx,int *idy) //鼠标坐标转化为图纸坐标 { if(Judg_val(mousex,mousey)) { *idx = (mousex - leftedge) / 42 + 1; *idy = (mousey - topedge) / 48 + 1 ; } } void RecordInfor(int leftx,int lefty,GridInfor &grid) //记录选中的信息 { TranstoDracoor(leftx,lefty,&grid.idx,&grid.idy); grid.leftx = (grid.idx - 1) * 42 + leftedge; grid.lefty = (grid.idy - 1) * 48 + topedge; grid.GridID = GridID[grid.idy][grid.idx]; } bool Single_click_judge (int mousex,int mousey) //判断单击是否有效 { int idx,idy; TranstoDracoor (mousex,mousey,&idx,&idy); //转化为图纸坐标 if(Judg_val(mouse.x,mouse.y) && GridID[idy][idx] != 0) return true; return false; } void Draw_frame(int leftx,int lefty) //绘制方框 { setcolor(RGB(126,91,68)); setlinestyle(PS_SOLID,NULL,1); rectangle(leftx,lefty,leftx+41,lefty+47); rectangle(leftx + 2,lefty + 2,leftx+39,lefty+45); setcolor(RGB(250,230,169)); rectangle(leftx + 1,lefty + 1,leftx+40,lefty+46); }
另外一个重点就是我们判断函数了,第一次使用鼠标点击棋盘中的棋子,该棋子此时为“被选中”,以特殊方式显示;再次以鼠标点击其他棋子,若该棋子与被选中的棋子图案相同,且把第一个棋子到第二个棋子连起来,中间的直线不超过3根,则消掉这一对棋子,否则第一颗棋子恢复成未被选中状态,而第二颗棋子变成被选中状态。这个是重中之重,一定好好学,把其中的逻辑理解清楚,别只会Ctrl+c和Ctrl+v
bool DesGrid (GridInfor pre,GridInfor cur) //判断两者是否能相消 { bool match = false; POINT ppre,pcur; ppre.x = pre.idx; ppre.y = pre.idy; pcur.x = cur.idx; pcur.y = cur.idy; if(Match_direct(ppre,pcur)) match = true; else if(Match_one_corner(ppre,pcur)) match = true; else if(Match_two_corner(ppre,pcur)) match =true; return match; } bool Match_direct(POINT ppre,POINT pcur) //判断两者是否能够直接相消 { int k,t; if(ppre.x == pcur.x) { k = ppre.y > pcur.y ? ppre.y : pcur.y; t = ppre.y < pcur.y ? ppre.y : pcur.y; if(t + 1 == k) goto FIND; for(int i = t + 1;i < k ;i++) if(GridID[i][ppre.x] != 0) return false; if(i == k) goto FIND; } else if(ppre.y == pcur.y) { k = ppre.x > pcur.x ? ppre.x : pcur.x; t = ppre.x < pcur.x ? ppre.x : pcur.x; if(t + 1 == k) goto FIND; for(int i = t + 1;i < k ;i++) if(GridID[ppre.y][i] != 0) return false; if(i == k) goto FIND; } return false; FIND: point[pn].x = pcur.x, point[pn].y = pcur.y; pn++; point[pn].x = ppre.x, point[pn].y = ppre.y; pn++; return true; } bool Match_one_corner(POINT ppre,POINT pcur) //判断两者是否能一折相消 { int left,right,top,bottel,x = ppre.x,y = ppre.y; Explot(ppre,&left,&right,&top,&bottel); ppre.y = top - 1; RESEARCHX: if(ppre.y < bottel) ppre.y++; else goto BACK; if(Match_direct(ppre,pcur)) goto FIND; else goto RESEARCHX; BACK: ppre.y = y; ppre.x = left - 1; RESEARCHY: if(ppre.x < right) ppre.x++; else goto REBACK; if(Match_direct(ppre,pcur)) goto FIND; else goto RESEARCHY; REBACK: pn = 0; return false; FIND: point[pn].x = x,point[pn].y = y,pn++; return true; } bool Match_two_corner(POINT ppre,POINT pcur) //判断两者是否能两折相消 { int left,right,top,bottel,x = ppre.x,y = ppre.y; Explot(ppre,&left,&right,&top,&bottel); ppre.y = top - 1; RESEARCHX: if(ppre.y < bottel) ppre.y++; else goto BACK; if(Match_one_corner(ppre,pcur)) goto FIND; else goto RESEARCHX; BACK: ppre.y = y; ppre.x = left - 1; RESEARCHY: if(ppre.x < right) ppre.x++; else goto REBACK; if(Match_one_corner(ppre,pcur)) goto FIND; else goto RESEARCHY; REBACK: pn = 0;return false; FIND: point[pn].x = x,point[pn].y = y,pn++; return true; } void Explot(POINT point,int *left,int *right,int *top,int *bottel) { int x = point.x,y = point.y; x++; while(x <= COL + 1 && GridID[y][x] == 0) x++; *right = x - 1; x = point.x; x--; while(x >= 0 && GridID[y][x] == 0) x--; *left = x + 1; x = point.x; y++; while(y <= ROW + 1 && GridID[y][x] == 0) y++; *bottel= y - 1; y = point.y; y--; while(y >= 0 && GridID[y][x] == 0) y--; *top = y + 1; }
最后用主函数调用,这样就可以啦
void main() { initgraph(M,N); mciSendString("play game_begin.mp3 repeat", NULL, 0, NULL); InitFace(); while(1) { mouse = GetMouseMsg(); switch(mouse.uMsg) { case WM_MOUSEMOVE: Mousemove(mouse.x,mouse.y); break; case WM_LBUTTONDOWN: if(Single_click_judge(mouse.x,mouse.y)) { Leftbottondown(mouse); } break; default: break; } } closegraph(); }
嗯,这个《连连看》游戏项目就解决啦,在写这个项目的时候,还是遇到一些困难的,重点就是逻辑,一定要想清楚,怎么去判断他们是可以消除的,好啦,希望可以让大家从中感受到编程的快乐,也希望大家可以给UP主一个关注,非常感谢大家了!!!
点击下方链接观看详细视频讲解
C/C++游戏《连连看》详细教程
https://www.bilibili.com/video/BV1Tv411M7p1/
加载全部内容