前言

大家好，我就是智慧与美貌并重，英雄与狭义的化身的小编大人，几天授课，发现同学们对拼图游戏的切图理解不是很清楚，在这里就切图核心算法思想做一个讲解，希望对大家做拼图游戏有帮助。

切图主要思路

二维数组描述地图

二维数组可以描述一个平面，因此我们采用特殊数字表示特殊形状或者图片，这样就可以把整个游戏的地图给绘制出来，主要问题是窗口坐标与数组的下标同步问题。根据数组填坑过程如下图：

二维数组随机初始化

拼图游戏当中首先是用0-15表示图片的16个模块，首要做的是随机打乱二维数组的顺序，主要算法是采用一维数组给二维数组初始化，随机差生一维数组的下标，拿出当前下标的值给二维数组进行初始化，然后调整一维数组防止产生重复的值。

1.首先产生如下数组

int array1D[16]={0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};
int array2D[4][4]={0};

2.随机产生一维数组下标

int length=15; srand((unsigned int)time(NULL));
int pos=rand()%length;

3.一维数组给二维数组进行初始化

array2D[i][j]=array1D[pos] 此处省略for循环嵌套

4.调整一维数组

for(int k=pos;k<length;k++)
{ array1D[k]=array1D[k+1]; //覆盖掉用掉的
}
length--; //数组长度-1 防止产生重复的内容

算法示意图：

根据数组的值拿相应序号的图片

准备操作已结束，接着只需要按照数组中的值去一张完整的图片拿相应序号的那块照片贴到窗口上即可。

拼图游戏代码

/*1.熟悉二维数组2.可视化编程3.切割技术4.鼠标操作
*/
#include <graphics.h>
#include <stdlib.h>
#include <stdio.h>
#include <time.h>
#include <conio.h>
IMAGE img, blank;   //存储背景图 存储白块
int array2D[4][4];
int array1D[16] = { 0 };
struct blankPos
{int i, j;
}myPos = {0,0,};
struct blankPos searchPos(int array2D[][4],int low,int cols)
{for (int i = 0; i <low; i++){for (int j = 0; j < cols; j++){if (array2D[i][j] == 15){myPos.i = i;myPos.j = j;return myPos;}}}return myPos;
}
//菜单
void drawMenu()
{initgraph(640, 450);setbkcolor(WHITE);     //设置窗口背景颜色为白色cleardevice();//1.两个矩形setfillcolor(LIGHTBLUE); //设置填充颜色浅蓝色//2.1行文字setbkmode(TRANSPARENT);      //去掉文字背景settextstyle(30, 0, "字魂24号-镇魂手书");fillrectangle(240, 100, 380, 150);fillrectangle(240, 100 + 60, 380, 150 + 60);outtextxy(240 + 20, 100 + 13, "开始游戏");outtextxy(240 + 20, 100 +60+ 13, "退出游戏");settextcolor(RGB(255, 104,255));outtextxy(130,280, "顿开教育 拼图游戏 v1.0 版本");//第一步：鼠标反馈给计算机也是一个值 MOUSEMSG  m;while (1){m = GetMouseMsg();      //获取鼠标消息//  fillrectangle(240, 100, 380, 150);if (m.x >= 240 && m.x <= 380 && m.y >= 100 && m.y <= 150){setlinecolor(RGB(255, 104, 255));rectangle(240 - 5, 100 - 5, 380 + 5, 150 + 5);if (m.uMsg == WM_LBUTTONDOWN)break;}//fillrectangle(240, 100 + 60, 380, 150 + 60);else if (m.x >= 240 && m.x <= 380 && m.y >= 160 && m.y <= 210){setlinecolor(RGB(255, 104, 255));rectangle(240 - 5, 160 - 5, 380 + 5, 210 + 5);if (m.uMsg == WM_LBUTTONDOWN)exit(0);}else   //鼠标不在按钮上，擦掉原来{setlinecolor(WHITE);rectangle(240 - 5, 100 - 5, 380 + 5, 150 + 5);rectangle(240 - 5, 160 - 5, 380 + 5, 210 + 5);}}closegraph();
}
void  loadResource()
{srand((unsigned int)time(NULL));int length = 15;int pos = 0;int i, j;for (i =0 ; i < 15; i++){array1D[i] = i;}for (i = 0; i < 4; i++){for (j = 0; j < 4; j++){if (i == 3 && j == 3){array2D[i][j] = 15;      //最后位置永远都是白块break;}pos = rand() % length;array2D[i][j] = array1D[pos];for (int k = pos; k < length; k++){array1D[k] = array1D[k + 1];}length--;}if (i == 3 && j == 3){array2D[i][j] = 15;        //最后位置永远都是白块break;}}loadimage(&img, "Love.jpg", 800, 800);loadimage(&blank, "blank.jpg", 200, 200);
}
void drawMap()
{for (int i = 0; i < 4; i++){for (int j = 0; j < 4; j++){int x = j * 200;  //j=x/200int y = i * 200;  //i=y/200switch (array2D[i][j]){case 0:case 1:case 2:case 3:putimage(x, y, 200,200,&img, array2D[i][j] * 200, 0); break;case 4:case 5:case 6:case 7:putimage(x, y, 200, 200, &img, (array2D[i][j]-4) * 200, 200);break;case 8:case 9:case 10:case 11:putimage(x, y, 200, 200, &img, (array2D[i][j] - 8) * 200, 400);break;case 12:case 13:case 14:putimage(x, y, 200, 200, &img, (array2D[i][j] - 12) * 200, 600);break;case 15:putimage(x, y, &blank);break;}}}
}void playGame()
{MOUSEMSG m;int j_Mouse, i_Mouse;while (1){drawMap();int i, j = 0;//找白块的i和jsearchPos(array2D, 4, 4);i = myPos.i;j = myPos.j;m = GetMouseMsg();switch (m.uMsg){case WM_LBUTTONDOWN:j_Mouse = m.x / 200;i_Mouse = m.y / 200;if (i_Mouse == i + 1 && j_Mouse == j){array2D[i][j] = array2D[i_Mouse][j_Mouse];array2D[i_Mouse][j_Mouse] = 15;}if (i_Mouse == i - 1 && j_Mouse == j){array2D[i][j] = array2D[i_Mouse][j_Mouse];array2D[i_Mouse][j_Mouse] = 15;}if (i_Mouse == i  && j_Mouse == j + 1){array2D[i][j] = array2D[i_Mouse][j_Mouse];array2D[i_Mouse][j_Mouse] = 15;}if (i_Mouse == i && j_Mouse == j - 1){array2D[i][j] = array2D[i_Mouse][j_Mouse];array2D[i_Mouse][j_Mouse] = 15;}break;}}
}
int main()
{//drawMenu();loadResource();for (int i = 0; i < 4; i++){for (int j = 0; j < 4; j++){printf("%d\t", array2D[i][j]);}printf("\n");}system("pause");//initgraph(800, 800);//playGame();return 0;
}

效果图：

好了今天的内容到这里就结束了，完整拼图游戏视频教，私信 “视频”可获取。

C/C++美女拼图游戏必备技能，切割图片思想解析，自动切图片由此开始相关推荐

Android 美女拼图游戏
概述游戏下载试玩 Github 喜欢的同学可以Star一下,非常感谢我的博客把图片切分很多份,点击交换拼成一张完整的:这样关卡也很容易设计,33:44:55:66:一直下去效果: 加了个切换动 ...
【180927】美女拼图游戏源码
一.源码特点采用winform进行开发,制作的美女拼图游戏,可更换规格.记录步数二.功能介绍本源码是一个拼图游戏源码,用键盘操作,欢迎下载三.菜单功能 1.运行后,选择 ...
Spring+SpringMVC+Mybatis（开发必备技能）04、mybatis自动生成mapper_dao_model(包含工具与视频讲解) 纯绿色版本、配套使用视频，100%运行成功
Spring+SpringMVC+Mybatis(开发必备技能) 04.mybatis自动生成mapper_dao_model(包含工具与视频讲解) 纯绿色版本.配套使用视频,100%运行成功百度网 ...
Android 实战美女拼图游戏你能坚持到第几关
转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/40595385,本文出自: [张鸿洋的博客] 1.概述继2048之后,今天给大 ...
笔记四：Java基础阶段结束，用GUI实现的美女拼图游戏
此小项目中用到的图片还有源码有需要的朋友私信项目演示此小游戏可通过按钮来实现上下左右的拼图,还可以通过求助和重置按钮来复原和从新开始游戏. 思路分析: 绘制游戏界面实现图片打乱给按钮添加事件 ...
一个简单的美女拼图游戏
拼图游戏概要闲来无事,做了个拼图游戏娱乐一下自己.拼图关键就是怎么分割一张完整的图片,这个点知道了,那就很容易实现了. 我们知道可以利用 background-position 属性改变图像在背景 ...
Android 实战美女拼图游戏你能坚持到第几关
1.概述继2048之后,今天给大家带来一个拼图游戏,当然了不是很传统那个缺一块的拼图,那游戏我不会玩~~所有我们换个方式玩拼图,怎么玩呢,把图片且成很多份,点击交换拼成一张完整的:这样关卡也很容易设 ...
HTML+CSS+JS实现 ❤️美女拼图游戏❤️
拼图游戏java（三）实现鼠标点击图片上下左右移动
思路: 1.使类实现MouseLisner接口,创建未重写的方法,主要重写MousePressed方法 2.在按钮上添加鼠标监听 3.在方法中实现业务逻辑 1 public class GamePan ...

C/C++美女拼图游戏必备技能，切割图片思想解析，自动切图片由此开始

前言