最近刷抖音经常看到别人使用类似chatGPT的al工具实现这个贪吃蛇游戏,正好我之前也写过,那么今天看看怎么去实现这个简单的游戏
我这边使用的是C++的QT框架,当然用哪些框架都可以,主要是逻辑思路
1.生成画布,开始是一些框的配置
// 构造函数,初始化 Widget 类
Widget::Widget(QWidget *parent)
: QWidget(parent) // 调用 QWidget 的构造函数来初始化父类
, ui(new Ui::Widget) // 创建 Widget 类的私有成员 ui,用于用户界面
{
// 在用户界面上设置布局
ui->setupUi(this);
// 创建一个 qiu 对象并将其赋给 yuan 指针
this->yuan = new qiu(this);
// 创建一个定时器对象,并设置其间隔为 100 毫秒
time->setInterval(100);
// 设置窗口大小为 600x368 像素
this->setFixedSize(QSize(600, 368));
// 设置窗口标题为 "贪吃蛇"
this->setWindowTitle("贪吃蛇");
}
还需要画这个框的背景,代码如下
QPainter huajia(this); // 创建一个 QPainter 对象 huajia,并将其绑定到当前窗口或绘图设备
QPixmap p1 = QPixmap(":/C:/Users/Administrator/Pictures/tp2.png"); // 创建一个 QPixmap 对象 p1,加载指定路径下的图片
// 使用 QPainter 绘制图片到指定区域
// 参数解释: (0, 0) 是绘制的起始位置,this->width() 是绘制的宽度,this->height() 是绘制的高度,p1 是要绘制的图片
huajia.drawPixmap(0, 0, this->width(), this->height(), p1);
可能不是那么美观,主要是实现功能,之后的话都可以改良
2.贪吃蛇主要还是蛇,蛇的话我是使用一个QRectF链表来表示蛇
为什么使用链表呢,因为我的蛇移动是删除最后一个元素新增为第一个元素,而链表本身比较适合元素的移动,可以插入第一个,删除最后一个元素,当我删除一个元素后后面的元素会扑上来,实现动态的蛇的移动
QWidget头文件如下
#ifndef WIDGET_H
#define WIDGET_H
#include
#include
#include
#include "qiu.h"
QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE
class Widget : public QWidget
{
Q_OBJECT
// 声明一个枚举类型,用于表示蛇的移动方向
enum fangxiang { shang, xia, zuo, you, ting, kai };
public:
// 构造函数,可以接受一个父窗口对象作为参数
Widget(QWidget *parent = nullptr);
// 析构函数
~Widget();
// 更新蛇的位置
void gengxin();
// 保存蛇的各个部分的矩形区域
QList she;
// 当前蛇的移动方向
fangxiang zhujue = shang;
// 指向 qiu 对象的指针
qiu* yuan;
// 键盘事件处理函数,用于捕捉键盘输入
void keyPressEvent(QKeyEvent *event);
// 绘制事件处理函数,用于绘制蛇和其他图形
void paintEvent(QPaintEvent *event);
// 向上移动蛇的头部
void addshang();
// 向下移动蛇的头部
void addxia();
// 向左移动蛇的头部
void addzuo();
// 向右移动蛇的头部
void addyou();
// 停止蛇的移动
void tingzhi();
// 开始蛇的移动
void kaishi();
// 保存小球的矩形区域
QRect xiaoqiu;
public slots:
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
如上所示,蛇的移动是一个定时器,使用定时器进行绘画蛇这个数组,定时器每次到对应的时间会首先增加一个新元素到蛇前面,将最后一个元素上升,如图
使用绘画室事件画蛇,画蛇的话只需要在这个框内蛇的坐标,要么是左上角加上宽高,或者左上角坐标,右下角坐标等
应为我这边使用的蛇的身躯是一些小正方形组成的,所以可以直接使用左上角坐标加上宽高为20
//使用画家对象绘画蛇的方块
huajia.drawPixmap(yuan->x,yuan->y,20,20,yuan->p);
3.定时器,定时器主要的作用是控制蛇的移动,主要方式为蛇的数组进行删除最后一个元素,新增一个元素到首部,只要定时循环,那么就会呈现蛇的移动
新增槽函数
// 使用 Qt 的信号与槽机制,在定时器时间间隔内触发 gengxin 函数
connect(time, &QTimer::timeout, this, [=]() {
this->gengxin();
});
槽函数内部为蛇的枚举,我这边,上下左右等,
void Widget::gengxin() {
// 根据当前的蛇的移动方向执行相应的移动函数
switch (zhujue) {
case shang:
addshang();
break;
case xia:
addxia();
break;
case zuo:
addzuo();
break;
case you:
addyou();
break;
case ting:
// 如果蛇的状态是 "ting",则不进行移动
break;
case kai:
// 如果蛇的状态是 "kai",则不进行移动
break;
}
// 请求重新绘制界面,以更新蛇的位置
update();
// 移除蛇的尾部,相当于模拟蛇在前进时的效果
she.removeLast();
}
4.设置键盘事件,我这边使用的是键盘右边的那四个方向,代码如下
void Widget::keyPressEvent(QKeyEvent *event) {
// 响应用户的键盘按键事件
switch (event->key()) {
case Qt::Key_Up:
// 如果用户按下向上箭头键,且当前蛇的方向不是向下,则将蛇的方向设置为向上
if (zhujue != xia) {
zhujue = shang;
}
break;
case Qt::Key_Down:
// 如果用户按下向下箭头键,且当前蛇的方向不是向上,则将蛇的方向设置为向下
if (zhujue != shang) {
zhujue = xia;
}
break;
case Qt::Key_Left:
// 如果用户按下向左箭头键,且当前蛇的方向不是向右,则将蛇的方向设置为向左
if (zhujue != you) {
zhujue = zuo;
}
break;
case Qt::Key_Right:
// 如果用户按下向右箭头键,且当前蛇的方向不是向左,则将蛇的方向设置为向右
if (zhujue != zuo) {
zhujue = you;
}
break;
case Qt::Key_Space:
// 如果用户按下空格键,切换蛇的状态为 "ting"(停止)或 "kai"(开始)
if (zhujue == ting) {
zhujue = kai;
time->start(); // 启动定时器,继续游戏
}
else {
time->stop(); // 停止定时器,暂停游戏
zhujue = ting; // 将蛇的状态设置为 "ting"(停止)
}
break;
default:
break;
}
}
这样的话比如我点一下上,zhujue这个值就会一直会朝向对于的方向,如下
移动一下
停是应为我在键盘事件中设置了如果为空格那么
case Qt::Key_Space:
// 如果用户按下空格键,切换蛇的状态为 "ting"(停止)或 "kai"(开始)
if (zhujue == ting) {
zhujue = kai;
time->start(); // 启动定时器,继续游戏
}
else {
time->stop(); // 停止定时器,暂停游戏
zhujue = ting; // 将蛇的状态设置为 "ting"(停止)
}
break;
反之本来就是停止就会继续
5.最后是怎么根据我现在的方向移动蛇呢
比如我现在zhujue=上方,那么会一直执行
void Widget::gengxin(){
switch (zhujue) {
// 按下上键那么会一直执行
case shang:
addshang();
break;
}
就会一直执行addshang()这个函数,那么
void Widget::addshang()
{
// 定义两个 QPointF 类型的变量,用于存储矩形的左上角和右下角坐标
QPointF zuoshang; // 左上角坐标
QPointF youxia; // 右下角坐标
// 检查蛇头是否超出窗口上边界
if (she[0].y() - 20 <= 0) {
// 如果蛇头超出上边界,将左上角坐标设置为当前位置的 x 坐标和窗口的高度 - 20
zuoshang = QPointF(she[0].x(), this->height() - 20);
// 右下角坐标设置为左上角坐标的 x 坐标 + 20 和窗口的高度
youxia = QPointF(she[0].x() + 20, this->height());
}
else {
// 如果蛇头未超出上边界,将左上角坐标设置为当前位置的 x 和 y 坐标,但 y 坐标减去 20
zuoshang = QPointF(she[0].x(), she[0].y() - 20);
// 右下角坐标设置为蛇头矩形的右上角坐标
youxia = QPointF(she[0].topRight());
}
// 在蛇的头部插入一个新的矩形,使用左上角和右下角坐标创建矩形
she.insert(0, QRectF(zuoshang, youxia));
}
这段代码是当向上移动时,那么对于蛇的每一个元素会将坐上坐标的x减去20,实现蛇的移动,如果出现she[0].y()的距离快到边框时,那么会重置到下面,详细代码如下
void Widget::addshang()
{
// 定义左上角和右下角的 QPointF 类型变量,用于表示新矩形的坐标
QPointF zuoshang; // 左上角坐标
QPointF youxia; // 右下角坐标
// 检查蛇头是否超出窗口的上边界
if (she[0].y() - 20 <= 0) {
// 如果蛇头超出上边界,将左上角坐标设置为蛇头的 x 坐标和窗口高度减去 20
zuoshang = QPointF(she[0].x(), this->height() - 20);
// 右下角坐标设置为左上角坐标的 x 坐标加上 20 和窗口的高度
youxia = QPointF(she[0].x() + 20, this->height());
} else {
// 如果蛇头未超出上边界,将左上角坐标设置为蛇头的 x 坐标和 y 坐标减去 20
zuoshang = QPointF(she[0].x(), she[0].y() - 20);
// 右下角坐标设置为蛇头矩形的右上角坐标
youxia = QPointF(she[0].topRight());
}
// 在蛇的头部插入一个新的矩形,使用左上角和右下角坐标创建矩形
she.insert(0, QRectF(zuoshang, youxia));
}
void Widget::addxia()
{
// 定义左上角和右下角的 QPointF 类型变量,用于表示新矩形的坐标
QPointF zuoshang; // 左上角坐标
QPointF youxia; // 右下角坐标
// 检查蛇头是否超出窗口的下边界
if (she[0].y() + 40 > this->height()) {
// 如果蛇头超出下边界,将左上角坐标设置为蛇头的 x 坐标和 0
zuoshang = QPointF(she[0].x(), 0);
} else {
// 如果蛇头未超出下边界,将左上角坐标设置为蛇头底部左侧的坐标
zuoshang = she[0].bottomLeft();
}
// 右下角坐标设置为左上角坐标加上 (20, 20) 的偏移
youxia = zuoshang + QPointF(20, 20);
// 在蛇的头部插入一个新的矩形,使用左上角和右下角坐标创建矩形
she.insert(0, QRectF(zuoshang, youxia));
}
void Widget::addzuo()
{
// 定义左上角和右下角的 QPointF 类型变量,用于表示新矩形的坐标
QPointF zuoshang; // 左上角坐标
QPointF youxia; // 右下角坐标
// 检查蛇头是否超出窗口的左边界
if (she[0].x() - 20 < 0) {
// 如果蛇头超出左边界,将左上角坐标设置为窗口宽度减去 20 和蛇头的 y 坐标
zuoshang = QPointF(this->width() - 20, she[0].y());
} else {
// 如果蛇头未超出左边界,将左上角坐标设置为蛇头左上角坐标减去 (20, 0)
zuoshang = she[0].topLeft() - QPointF(20, 0);
}
// 右下角坐标设置为左上角坐标加上 (20, 20) 的偏移
youxia = zuoshang + QPointF(20, 20);
// 在蛇的头部插入一个新的矩形,使用左上角和右下角坐标创建矩形
she.insert(0, QRectF(zuoshang, youxia));
}
void Widget::addyou()
{
// 定义左上角和右下角的 QPointF 类型变量,用于表示新矩形的坐标
QPointF zuoshang; // 左上角坐标
QPointF youxia; // 右下角坐标
// 检查蛇头是否超出窗口的右边界
if (she[0].x() + 20 > this->width()) {
// 如果蛇头超出右边界,将左上角坐标设置为 0 和蛇头的 y 坐标
zuoshang = QPointF(0, she[0].y());
} else {
// 如果蛇头未超出右边界,将左上角坐标设置为蛇头右上角坐标
zuoshang = QPointF(she[0].topRight());
}
// 右下角坐标设置为左上角坐标加上 (20, 20) 的偏移
youxia = zuoshang + QPointF(20, 20);
// 在蛇的头部插入一个新的矩形,使用左上角和右下角坐标创建矩形
she.insert(0, QRectF(zuoshang, youxia));
}
这样的话就实现了蛇的移动,但是蛇需要加分,所以需要小球
6.创建小球类,如下
头文件如下
#ifndef QIU_H // 防止头文件重复包含的预处理指令
#define QIU_H
#include // 包含 QPixmap 类的头文件,用于处理图片
#include // 包含 QObject 类的头文件,用于定义对象
#include // 包含 QRect 类的头文件,用于定义矩形区域
class qiu : public QObject // 定义一个名为 qiu 的类,继承自 QObject
{
Q_OBJECT // 使用 Qt 的宏,标记这个类为 Qt 对象
public:
explicit qiu(QObject *parent = nullptr); // 构造函数,可以接受一个父对象指针
QPixmap p; // 用于存储蛇的图片
int x; // 蛇的 x 坐标
int y; // 蛇的 y 坐标
QRect kuang; // 蛇的判定框,用于碰撞检测
void gengxin(); // 用于更新蛇的移动和坐标位置的函数
signals: // Qt 信号声明部分
};
#endif // QIU_H // 结束头文件的条件编译指令
源文件cpp为
#include "qiu.h" // 包含自定义头文件 "qiu.h"
#include // 包含时间头文件,用于获取随机种子
qiu::qiu(QObject *parent) : QObject(parent)
{
p.load(":/C:/Users/Administrator/Pictures/tp4.png"); // 加载图片文件
srand((unsigned int)time(NULL)); // 使用当前时间作为随机数种子
this->x = rand() % (600 - 20); // 生成 x 坐标的随机值
this->y = rand() % (368 - 20); // 生成 y 坐标的随机值
this->kuang.setWidth(20); // 设置矩形宽度为 20
this->kuang.setHeight(20); // 设置矩形高度为 20
kuang.moveTo(x, y); // 移动矩形到指定的 (x, y) 坐标
}
void qiu::gengxin()
{
this->x = rand() % (600 - 20); // 生成新的 x 坐标的随机值
this->y = rand() % (368 - 20); // 生成新的 y 坐标的随机值
kuang.moveTo(x, y); // 移动矩形到新的 (x, y) 坐标
}
球的属性为:x坐标,y坐标,判定框,背景图片
球的行为为:瞬移,在被蛇吃掉时瞬移
7.最后是判定如下,在定时检查遍历蛇链表是否和小球的判定框相撞
if(she[0].intersects(yuan->kuang)){
//判断蛇头元素是否和小球的框碰撞,碰撞执行gengxin()函数
yuan->gengxin();
}
碰撞之后执行函数
void qiu::gengxin()
{
this->x=rand()%(600-20); //随机框内x点
this->y=rand()%(368-20); //随机框内y点
kuang.moveTo(x,y); //随机移动
}
随机刷新到一个地方
这样就简单的实现了这个贪吃蛇的游戏