简单Qt贪吃蛇项目

先看效果

项目介绍

界面一：游戏大厅界面

界面二：关卡选择界面编辑

界面三：游戏界面

游戏大厅页面

游戏关卡选择页面

游戏房间页面

封装贪吃蛇数据结构

初始化游戏房间界面

设置窗口大小、标题、图标等

蛇的移动

初始化贪吃蛇本体和食物节点

实现各个方向的移动

实现向上移动

实现向下移动

实现向左移动

实现向右移动

检查是否自己会不会撞自己

设置游戏开始和游戏暂停按钮

设置退出游戏按钮

获取历史战绩

先看效果

项目介绍

贪吃蛇游戏是⼀款休闲益智类游戏。它通过控制蛇头⽅向吃⻝物，从⽽使得蛇变得越来越⻓。在本游戏中设置了上下左右四个⽅向键来控制蛇的移动⽅向。⻝物的产⽣是随机⽣成的，当蛇每吃⼀次⻝物就会增加⼀节⾝体，同时游戏积分也会相应的加⼀。在本游戏的设计中，蛇的⾝体会越吃越⻓，⾝体越⻓对应的难度就越⼤，因为⼀旦蛇头和⾝体相交游戏就会结束。

界面一：游戏大厅界面

当用户点击 “开始游戏” 按钮之后，就会进⼊到关卡选择界面。

界面二：关卡选择界面

在关卡选择界⾯上设置了三个游戏模式按钮，分别是：简单模式、正常模式、困难模式；⼀个 “历史战绩” 按钮；⼀个返回游戏⼤厅界⾯的按钮。

当我们点击三个游戏按钮中的任意⼀个时，就会进⼊游戏房间界⾯，游戏房间界⾯如下：

界面三：游戏界面

在游戏界⾯，如果想要开始游戏，⾸先点击 “开始” 按钮，此时蛇就会移动并且还有背景⾳效。如果想要暂停游戏，那么点击 “暂停” 按钮即可。当我们在游戏时，可以通过右边控制区域的上下左右方向键来控制蛇的移动。当蛇每吃⼀次⻝物时，伴随有吃⻝物的⾳效，蛇⾝会增加⼀节⻓度，并且分数积分也会相应的加⼀。最后在控制区域的右下⻆布局了⼀个 “退出” 按钮，当点击 “退出” 按钮时，就会弹出一个对话框，我们点击OK就会退出游戏，点击cancel我们便不会退出游戏。

在刚进⼊游戏房间界⾯时，⼀定不能点击 “退出” 按钮，如果点击 “退出” 按钮，那么程序就会异常退出。点击的顺序⼀定是：先点击 “开始” 按钮，最后才能点击 “退出” 。

游戏大厅页面

主要内容重写了绘图事件

    //重写绘图事件
    void paintEvent(QPaintEvent *event);

void GameHall::paintEvent(QPaintEvent *event)
{

    (void) event;
    //实例化画家对象
    QPainter painter(this);

    //Qpixmap
    QPixmap pix(":/res/game_hall.png");

    //画家绘画
    painter.drawPixmap(0,0,this->width(),this->height(),pix);

}

固定窗口的大小，同时将其与的窗口也设置为（1000,800），设置窗口的图标以及窗口的标题名，使用信号和槽函数点击开始按钮跳转的游戏选择窗口。

GameHall::GameHall(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::GameHall)
{
    ui->setupUi(this);

    //调整窗口大小
    this->setFixedSize(1000,800);

    //设置窗口的图表
    this->setWindowIcon(QIcon(":/res/ico.png"));
    this->setWindowTitle("贪吃蛇游戏");

    QFont font("华为行楷",24);
    QPushButton* starBtn = new QPushButton(this);
    starBtn->move(430,530);
    starBtn->setFont(font);
    starBtn->setText("开始游戏");
    starBtn->setStyleSheet("QPushButton{border:0px;}");  //去掉边框

    //跳转到第二个窗口
    GameSelect * gameSelect = new GameSelect;
    connect(starBtn,&QPushButton::clicked,[=](){
        this->close();
        //设置第二个窗口和第一个窗口一样大
        gameSelect->setGeometry(this->geometry());

        gameSelect->show();
        QSound::play(":/res/clicked.wav");
    });
}

使用的知识点总结：

通过使用setFixedSize设置窗口的大小

使用setWindowIcon设置左上角的图标

```
使用setWindowTitle设置文本标题
```
```
使用lambda表达式
```

使用信号和槽函数跳转到第二个页面

游戏关卡选择页面

实现代码如下：

    //绘图事件
    void paintEvent(QPaintEvent *event);

GameSelect::GameSelect(QWidget *parent) : QWidget(parent)
{
    
    this->setFixedSize(1000,800); //设置窗口大小（其实可以设置也可以不设置）
    this->setWindowIcon(QIcon(":/res/ico.png"));
    this->setWindowTitle("游戏关卡选择");
    QPushButton* backBtn = new QPushButton(this);
    backBtn->move(900,730);
    backBtn->setIcon(QIcon(":/res/back.png"));
    //信号和槽 跳转到第一个页面
    connect(backBtn,&QPushButton::clicked,[=](){
        this->close();
        GameHall* gameHall = new GameHall;
        gameHall->show();

        //加上音效
        QSound::play(":/res/clicked.wav");
    });

    QFont font("华文行楷",24);

    GameRoom* gameRoom = new GameRoom;

    QPushButton * simpleBtn = new QPushButton(this);
    simpleBtn->move(420,160);
    simpleBtn->setText("简单模式");
    simpleBtn->setFont(QFont(font));
    connect(simpleBtn,&QPushButton::clicked,[=](){
       this->close();
       gameRoom->show();
       QSound::play(":/res/clicked.wav");

       gameRoom->setTimerout(400);
    });

    QPushButton * normalBtn = new QPushButton(this);
    normalBtn->move(420,260);
    normalBtn->setText("正常模式");
    normalBtn->setFont(QFont(font));
    connect(normalBtn,&QPushButton::clicked,[=](){
       this->close();
       gameRoom->setGeometry(this->geometry());
       gameRoom->show();
       QSound::play(":/res/clicked.wav");

       gameRoom->setTimerout(200);
    });

    QPushButton * difficultBtn = new QPushButton(this);
    difficultBtn->move(420,360);
    difficultBtn->setText("困难模式");
    difficultBtn->setFont(QFont(font));
    connect(difficultBtn,&QPushButton::clicked,[=](){
       this->close();
       gameRoom->setGeometry(this->geometry());
       gameRoom->show();
       QSound::play(":/res/clicked.wav");

       gameRoom->setTimerout(50);
    });




    QPushButton * history = new QPushButton(this);
    history->move(420,460);
    history->setText("历史战绩");
    history->setFont(QFont(font));
    QSound::play(":/res/clicked.wav");


    connect(history,&QPushButton::clicked,[=](){
        QWidget * widget = new QWidget;
        widget->setWindowTitle("历史战绩");
        widget->setFixedSize(500,300);
        QTextEdit* edit = new QTextEdit(widget);
        edit->setFont(font);
        edit->setFixedSize(500,300);
        //获取历史战绩  == 获取蛇的长度 -3 就表示吃的食物
        QFile file("C:/Users/19846/Desktop/greedy_snack/1.txt");
        file.open(QIODevice::ReadOnly);
        QTextStream in(&file);
        int data = in.readLine().toInt();

        edit->append("得分为：");
        edit->append(QString::number(data));

        widget->show();


    });
}

void GameSelect::paintEvent(QPaintEvent *event)
{
    (void) event;
    //实例化 画家对象
    QPainter painter(this);

    QPixmap pix(":/res/game_select.png");

    painter.drawPixmap(0,0,this->width(),this->height(),pix);
}

游戏房间页面

• 蛇的绘制、蛇的移动、判断蛇是否会撞到自己
• 积分的累加和绘制
在这⾥我们要考虑几个比较核心的问题：
1. 怎么让蛇动起来？
• 我们可以用⼀个链表表示贪吃蛇，⼀个⼩方块表示蛇的⼀个节点，我们设置蛇的默认长度为3；
• 向上移动的逻辑就是在蛇的上方加入⼀个小方块，然后把最后⼀个小方块删除即可；
• 需要用到定时器Qtimer 每100 - 200ms 重新渲染。
2. 怎么判断蛇有没有吃到⻝物？
• 判断蛇头和⻝物的坐标是否相交，Qt 有相关的接口调用。
3. 怎么控制蛇的移动？
• 借助QT的实践机制实现，重写keyPressEvent即可，在函数中监控想要的键盘事件即可
• 我们通过绘制四个按钮，使⽤信号和槽的机制控制蛇的上、下、左、右移动⽅向

封装贪吃蛇数据结构

//枚举蛇的移动方向
enum class SnakeDirect{
    UP = 0,
    DOWN,
    LEFT,
    RIGHT
};

class GameRoom : public QWidget
{
    Q_OBJECT
public:
    explicit GameRoom(QWidget *parent = nullptr);

    void paintEvent(QPaintEvent *event);

    void moveUp(); //蛇向上移动

    void moveDown();//蛇向下移动

    void moveLeft(); //蛇向左移动

    void moveRight();//蛇向右移动

    bool checkFail(); //判断游戏是否结束

    void crateNewFood(); //创建食物

    void setTimerout(int timeout)
    {
        moveTimeout = timeout;

    }



signals:


private:
    const int kSnakeNodeWidth = 20;  //表示蛇身体节点的宽度
    const int kSnakeNodeHeight = 20; //表示蛇身体的高度
    const int kDefaultTimeout = 200; //设默认的移动速度

    QList<QRectF> snakeList; //表示贪吃蛇链表
    QRectF foodRect;         //表示食物节点

    SnakeDirect moveDirect = SnakeDirect::UP;      //默认移动方向是向上
    QTimer* timer;      //定时器

    bool isGameStart = false;
    QSound* sound;

    int moveTimeout = kDefaultTimeout;
};

初始化游戏房间界面

设置窗口大小、标题、图标等

GameRoom::GameRoom(QWidget *parent) :
 QWidget(parent),
 ui(new Ui::Widget)
{
 ui->setupUi(this);
 
 // 初始化窗⼝设置
 this->setFixedSize(1000, 800);
 this->setWindowTitle("贪吃蛇游戏");
 this->setWindowIcon(QIcon(":res/ico.png"));
}

蛇的移动

蛇的移动⽅向为：上、下、左、右。通过在游戏房间中布局四个按钮来控制蛇的移动⽅向。

注意：这⾥贪吃蛇不允许直接掉头，⽐如当前是向上的，不能直接修改为向下。

 QPushButton *Up = new QPushButton(this);
 QPushButton *Down = new QPushButton(this);
 QPushButton *Left = new QPushButton(this);
 QPushButton *Right = new QPushButton(this);
 Up->move(880,400);
 Down->move(880,480);
 Left->move(840,440);
 Right->move(920,440);
 Up->setStyleSheet("QPushButton{border:0px;}");
 Up->setFont(font);
 Up->setText("↑");
 Down->setStyleSheet("QPushButton{border:0px;}");
 Down->setFont(font);
 Down->setText("↓");
 Left->setStyleSheet("QPushButton{border:0px;}");
 Left->setFont(font);
 Left->setText("←");
 Right->setStyleSheet("QPushButton{border:0px;}");
 Right->setFont(font);
 Right->setText("→");
 connect(Up,&QPushButton::clicked,this,[=](){
 if(moveDirect != SnakeDirect::DOWN)
 moveDirect = SnakeDirect::UP;
 });
 connect(Down,&QPushButton::clicked,this,[=](){
 if(moveDirect != SnakeDirect::UP)
 moveDirect = SnakeDirect::DOWN;
 });
 connect(Left,&QPushButton::clicked,this,[=](){
 if(moveDirect != SnakeDirect::RIGHT)
 moveDirect = SnakeDirect::LEFT;
 });
 connect(Right,&QPushButton::clicked,this,[=](){
 if(moveDirect != SnakeDirect::LEFT)
 moveDirect = SnakeDirect::RIGHT;
})

初始化贪吃蛇本体和食物节点

GameRoom::GameRoom(QWidget *parent) :
 QWidget(parent),
 ui(new Ui::Widget)
{
 // 初始化贪吃蛇
 snakeList.push_back(QRectF(this->width() * 0.5, this->height() * 0.5, 
kSnakeNodeWidth, kSnakeNodeHeight));
 moveUp();
 moveUp();
 // 初始化⻝物
 createNewFood();
}

moveUp() 的功能是将蛇向上移动⼀次，即在上方新增⼀个节点，但不删除尾部节点。 createNewFood() 方法的功能是随机创建⼀个食物节点：

void GameRoom::createNewFood()
{
 foodRect = QRectF(
 qrand() % (this->width() / kSnakeNodeWidth) * kSnakeNodeWidth ,
 qrand() % (this->height() / kSnakeNodeWidth) * kSnakeNodeWidth,
 kSnakeNodeWidth,
 kSnakeNodeHeight);
}

实现定时器的超时槽函数定时器的是为了实现每隔⼀段时间能处理移动的逻辑并且更新绘图事件。

• ⾸先，需要判断蛇头和食物节点坐标是否相交

◦ 如果相交，需要创建新的食物节点，并且需要更新蛇的长度，所以 cnt 需要 +1 ；

◦ 如果不相交，那么直接处理蛇的移动即可。

• 根据蛇移动方向 moveDirect 来处理蛇的移动，处理方法是在前方加⼀个，并且删除后方节点； • 重新触绘图事件，更新渲染。

GameRoom::GameRoom(QWidget *parent) :
 QWidget(parent),
 ui(new Ui::Widget)
{
 timer = new QTimer(this);
 connect(timer, &QTimer::timeout, this, [=](){
 int cnt = 1;
 // 判断是否贪吃蛇和⻝物是否相交
 if (snakeList.front().intersects(foodRect)) {
 createNewFood();
 ++cnt;
 }
 while(cnt--) {
 // 处理蛇的移动
 switch (moveDirect) {
 case SnakeDirect::UP:
 moveUp();
 break;
 case SnakeDirect::DOWN:
 moveDown();
 break;
 case SnakeDirect::LEFT:
 moveLeft();
 break;
 case SnakeDirect::RIGHT:
 moveRight();
 break;
 default:
 qDebug() << "⾮法移动⽅向";
 break;
 }
 }
 // 删除最后⼀个节点
 snakeList.pop_back();
 update();
 });
}