目录

思路

框架​编辑

读取操作

数据操作

绘制画面

游戏的数据结构

用二维数组来模拟棋盘格

        赢的情况

        平局情况

Code

代码细节部分

  （1）初始化棋盘格

  （2） 初始化棋子类型​编辑

        事件处理部分 

             落子

框架内代码的完善

      数据处理框架代码的完善

检查是否赢了 （函数）

         绘制图形框架代码的完善

绘制棋盘网格（函数）

绘制棋子 （函数）

绘制提示信息  （函数）

DBUG

优化

代码托管

三子棋/Test.cpp · 孙鹏宇/孙鹏宇的第一个仓库 - 码云 - 开源中国 (gitee.com)

---

思路

我们遵循先框架，后思路得的思路

框架

首先是读取操作:

读取操作

读取鼠标单击之后的信息

接下来是数据操作:

数据操作

我们只需要对游戏胜负进行判断

胜的清空:一条线三颗棋子都一样

平的情况:棋格全部填满还未分出胜负。

游戏结束时使用弹出告诉玩家游戏结果,然后退出主循环。

绘制画面

我们使用line函数绘制一个3*3的棋盘格:

x玩家时使用line函数对角线画两个线，轮到O玩家落子时时使用cirlce函数画个圆:

游戏的数据结构

用二维数组来模拟棋盘格

棋盘内容为字符串，初始化为‘-'

赢的情况

我们对赢得情况进行穷举:

一共有八种

平局情况

如果9个网格均被棋子填满却没有获胜的一方，那么就是平局：

Code

写代码同样遵循先框架再细节的原则:

我们先把上面的内容转化为代码：

框架:

#include<easyx.h>
#include<iostream>
using namespace std;
	//处理数据
	// 
	//检测玩家是否赢了
bool Checkwin(char str)
{

}
//检测是否平局
bool Checkavg(char str)
{

}

//绘制图像
// 
//绘制棋盘格
void DrawBorad()
{

}
//绘制棋子
void DrawPiece()
{

}
//绘制提示信息
void DrawTipText()
{

}
int main()
{
	initgraph(60,600);//绘制窗口

	bool flag = true;//退出主循环的标识列
	ExMessage msg;//存储消息
	BeginBatchDraw();//渲染缓冲区
	//主循环
	while (flag)
	{
		//读取操作
		while(peekmessage(&msg))//读取消息
		{
			//读取到的细节如何处理稍息再说
		}
		cleardevice();//清屏
       
        //重新绘图
		DrawBorad();
		DrawPiece();
		DrawTipText();

		FlushBatchDraw();//刷新缓冲区
	}
	EndBatchDraw();//刷新缓冲区
	return 0;
}

代码细节部分

如果 x玩家赢了，我们可以用MessageBox()函数弹出了一个框，显示x玩家赢了:

代码如下:

 同样的，O玩家获胜的情况和平局的情况也写一下:

设置两个全局

（1）初始化棋盘格

（2） 初始化棋子类型

事件处理部分 

用msg来表示鼠标的位置:

 怎么把鼠标的位置映射到数组下标呢？我们绘制的棋盘格的大小为600x600，分成三等份之后每个格子的大小为200x200：

 所以我们求横坐标可以有这样一个公式:代码为:

落子

（1）首先判断是否可以落子

  (2)  落完子之后要切换下次落子的棋子类型

框架内代码的完善

把之前只写了框架没写实现的函数补全:

数据处理框架代码的完善

检查是否赢了 （函数）

按照我们之前列的八种赢的情况写：

Checkavg()函数

用两个for循环来遍历棋盘格中每一个元素，如果还有空格没有落子就返回false代表没有平局，最后如果没有返回false说明平局了，返回true:

绘制图形框架代码的完善

绘制棋盘网格（函数）

棋盘格的网格其实就是四条线:

我们可以通过图形绘制相关函数->line（）函数来绘制:

首先棋盘格总大小是600x600，每个小格子是200x200:

绘制棋子 （函数）

（1）绘制棋子，首先用二维数组遍历一下棋盘，如果要落的棋子是'O'，那就在棋格中间画圆。

（2）棋盘中心的求法：一个小格子长宽200x200，中心坐标为左上角坐标+100：

（3）画圆的方法：

 （4）当棋子为'x'时就按小格子对角线画两条线

 （5）对角线点求法:如下图（6）画对角线的方法:

（7）如果不是'O'或者'，那就什么都不用做。

（8）代码:

绘制提示信息  （函数）

适用settextcolor（）函数将提示文本设高亮:

outtextxy()函数用来在窗口指定位置输出提示信息：

 code:

DBUG

这样三子棋基本功能就做好了，但是有bug：

（1）闪退

（2）闪退过程中可以看见我们画的棋盘，发现棋盘网格线条错位：

原因：

（1）绘制棋盘时手误

 （2）闪退的原因是我们在判断是否平局用的else，没设条件，此刻没输值就直接平局了（只要不是'O'，‘x’就直接平局了），这显示不是我们要的，我们想要的是棋盘满了还没赢才平局，因此我们应该引用checkagv（）函数。

修改：

修改完之后运行：

发现有两个错误

（1）鼠标左键不用点击，就可以落子

（2）落子位置和我们鼠标落点位置不配置

鼠标左键不用点击，就可以落子的原因：

应该选择ExMessage的WM_LBUTTONDOWN表实列，我选成第一个了:

 落子位置不配置的原因:

（1）切换棋子类型应该包含在可以落子的前提下，如果不能落子也就没必要切换棋子类型了:

修改之后：

(2)

二维数组是按照横纵坐标系的：

 但是我们的窗口确是纵横坐标系:

 错误：

修改:

交互功能正常，但是渲染功能有问题，最后一颗棋子不会显示:

 原因:

我们把重新绘图放在判断胜负的后面，当玩家赢了的时候会执行flag=fale，此时会执行重新绘图。

当再次循环时，flag因为false，所以退出循环。也就是绘图只执行了一次，一闪而过。

 我们把绘图放到胜负判断之前,这样即便是不再进入循环，也是最后一次落子的下一次绘图不会显示，而最后一次落子的绘图会显示在当前窗口。

 正常运行:

优化

当我们的程序跑起来之后，查看任务管理器，发现我们的程序消耗内存空间特别大;

这是因为计算机在执行while循环时特别快，我们编写的主循环在顷刻间已经被执行了成千上万次。

因此，为了不避免的销毁，我们可以使用sleep（）函数使循环休眠几毫秒。

我们可以在主循环开头写一个开始数获取GetTickCount(),主循环结束位置写一个结尾数获取GetTickCount()函数。 

通过计算 二者落差  可以得到  该主循环实际运行所需要的 毫秒数，简称实需数。

如果我们想在60帧率下刷新，那么就让1000/60=16，16为我们的期望值。

如果   实需数  < 期望值,说明不用休眠。

否则，实需数-期望值= 休眠数。

代码托管

三子棋/Test.cpp · 孙鹏宇/孙鹏宇的第一个仓库 - 码云 - 开源中国 (gitee.com)