新手QML贪吃蛇 Qt Quick

已于 2023-09-01 14:07:18 修改
阅读量298 收藏 2
点赞数
文章标签： qt
于 2023-09-01 11:38:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52857380/article/details/132620728
版权 
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5



ApplicationWindow {
    id:window

    property int speech: 600
    property int movestate: 1//防止出现控制方向与行动方向相反的情况
    property var snakeBodylength: -1
    property var snakeBody: []//存储蛇身
    property var keydirection: 1//键盘控制方向
    property var n: 0//自定义一把锁


    minimumWidth:600
    minimumHeight: 460
    maximumWidth:600
    maximumHeight: 460
    visible: true
    title: qsTr("This snake is going to eat chickens")

    background: Rectangle
    {
        color:"#E0EEE0"
    }


    function creatObj(){
        snakeBodylength++;
        var obj = creat.createObject(window,{})//新对象的父对象window
        return obj
    }
    Component{//有了Component，就可以调用其createObject（）方法来创建该组件的实例
        id:creat
        Rectangle{
            id:test
            height: 20
            width: 20
            color: "black"
        }
    }

    Rectangle{
        id:border
        x:20
        y:20
        width: 400
        height: 400
        border.color: "#6E8B3D"
        border.width: 1
    }
    Button {//暂停按钮
        id: stop
        x: 467
        y: 50
        width:100
        height: 50
        text: qsTr("stop")
        font.pixelSize: 16
        background:Rectangle{
            color:"#F0E68C"
            radius: 6
        }
        onClicked:{
          timer.running = false
        }
    }


    Button {//一键重新开始按钮
        id:start
        x: 467
        y: 150
        width:100
        height: 50
        text: qsTr("start")
        font.pixelSize: 16
        background:Rectangle{
            color:"#BFEFFF"
            radius: 6
        }
        onClicked:{
            keydirection = 1
            movestate = 1
            snake.x = 200
            snake.y = 200
            snake.focus = true
            score.text = 0
            for(snakeBodylength;snakeBodylength>=0;snakeBodylength--)
                 snakeBody.pop().destroy()
            timer.running = true
            newchicken()
            }

    }
    Rectangle{
        id:sn
        x:430
        y:310
        scale:1.2
        Image{
            source: 'tp/snake.png'
        }
    }
    Rectangle{
        id:ch1
        x:500
        y:17
        scale: 0.15
        Image{
            source: 'tp/chicken.png'
        }
    }
    Rectangle{
        id:ch2
        x:500
        y:117
        scale: 0.31
        Image{
            source: 'tp/chicken1.png'
        }
    }

    Text {
        id: scoretip
        x: 469
        y: 260
        width: 42
        height: 27
        text: qsTr("score:")
        font.pixelSize: 20
        color:"#EE9A00"
    }

    Text {//分数显示
        id: score
        x: 535
        y: 255
        width: 56
        height: 27
        text: qsTr("0")
        color:"#CD7054"
        font.pointSize: 20
    }

    Dialog{
        id:out_mesDialog
        title:"terrible new: You are out of bounds."
        x:100
        y:200
        width: 300
        height: 100
        background: Rectangle{
        border.color: "#ADD8E6"
        }
        Label{
            x:20
            y:0
            text:"grade:"
            font.pointSize: 20
        }
        Label{
            x:105
            y:0
            text:score.text
            font.pointSize: 20
        }
    }
    Dialog{
        id:self_mesDialog
        title:"terrible new: You bumped into yourself."
        x:100
        y:200
        background: Rectangle{
        border.color: "#ADD8E6"
        }
    }
    Dialog{
        id:win_mesDialog
        title:"good new: You win!!!!"
        x:100
        y:200
        background: Rectangle{
        border.color: "#ADD8E6"
        }
    }
    Rectangle{
        id:yanhua
        visible: false
        z:1//置位上
        AnimatedImage
        {
        id: animation
        source: 'tp/yanhua.gif'
        }
    }


    //chicken
    Rectangle{

        id:chicken
        width: 20
        height: 20
        radius: 20
        //initial position
        x:(Math.round(Math.random()*19)+1)*20//(1~20)*20即在20到400间取随机值
        y:(Math.round(Math.random()*19)+1)*20
        color: Qt.rgba(Math.random(),Math.random(),Math.random(),1)//rgba红黄蓝三色比例产生随机颜色,以及透明度

    }

    Rectangle {
        id:snake
             property var keydirection: 1//键盘控制方向
            // 初始化蛇
            x:200
            y:200
            z:2//置位上层
            width: 20
            height: 20
            color: "black"
            focus:true
            Keys.onPressed: {
                switch(event.key){
                case Qt.Key_Left:
                    keydirection = 1
                    if(!timer.running){
                        timer.running = true//如果暂停了按键继续游戏
                    }
                    break
                case Qt.Key_Right:
                    keydirection = 2
                    if(!timer.running){
                        timer.running = true
                    }
                    break
                case Qt.Key_Up:
                    keydirection = 3
                    if(!timer.running){
                        timer.running = true
                    }
                    break
                case Qt.Key_Down:
                    keydirection = 4
                    if(!timer.running){
                        timer.running = true
                    }
                    break
                  default:
                      keydirection = 0 //无意义按键
                      if(timer.running){
                          timer.running = false//按键错误时会暂停游戏
                      }
                }
                //event.accepted = true//应该被设置为 true 以免它被继续传递
            }

    }


    Timer{
         id:timer
         interval:speech
         repeat:true
         running:true//设置启动，true为启动
         onTriggered:{//触发，发出信号
            move()
//             console.log("snake.x="+snake.x)
//             console.log("snake.y="+snake.y)
//             console.log("keydirection="+snake.keydirection)
//             console.log("snakeBody[0].x="+snakeBody[0].x)
//             console.log("snakeBody[0].y="+snakeBody[0].y)
//复制用作调试代码
         }
     }

    function newchicken(){//刷新小鸡的函数
        for(var q=0;q<=snakeBodylength;q++){
        while((chicken.x===snakeBody[q].x&&chicken.y===snakeBody[q].y)//为了小鸡刷新的位置不在蛇身体的位置
              ||(chicken.x===snake.x&&chicken.y===snake.y)){
            chicken.x = (Math.round(Math.random()*19)+1)*20
            chicken.y = (Math.round(Math.random()*19)+1)*20
        }
        chicken.color = Qt.rgba(Math.random(),Math.random(),Math.random(),1)

//        此种方法考虑不完全，淘汰
//        chicken.x = (Math.round(Math.random()*19)+1)*20
//        chicken.y = (Math.round(Math.random()*19)+1)*20
//        for(var q=snakeBodylength;q>=0;q--){//为了小鸡刷新的位置不在蛇身体的位置
//            if(chicken.x!=snakeBody[q].x&&chicken.y!=snakeBody[q].y){
//                if(snake.x!=chicken.x&&snake.y!=chicken.y){
//                    chicken.color = Qt.rgba(Math.random(),Math.random(),Math.random(),1)
//                }
//            }
        }

    }

    function collid(item1,item2){//实现碰撞
        if((item1.x <= item2.x)&&(item1.x >= item2.x)){
           if((item1.y <= item2.y)&&(item1.y >= item2.y)){
               return true;//小鸡和蛇碰撞返回值为true
           }else
               return false;
        }else
            return false
    }

    function snakeBodyMove(){//蛇在未碰撞情况下蛇身体自由移动
        if (snakeBodylength>=0){
            for(var i=snakeBodylength;i>0;i--){

                snakeBody[i].x = snakeBody[i-1].x
                snakeBody[i].y = snakeBody[i-1].y
            }
            snakeBody[0].x = snake.x
            snakeBody[0].y = snake.y
        }
    }

    function eat(){


//出界，不适合于沿着边缘移动的情况
//        if((snake.x==20&&snake.keydirection==1)||(snake.x==400&&snake.keydirection==4)
//                ||(snake.y==20&&snake.keydirection==3)||(snake.y==400&&snake.keydirection==4)){
//            timer.running = false
//            out_mesDialog.open()
//        }
//出界，不美观会在出界后才提示
//        if(snake.x>420 || snake.y>420 ||snake.x<20 || snake.y<20){
//            timer.running = false
//            out_mesDialog.open()
//             }
        if(collid(snake,chicken)){//蛇吃到彩色小鸡时
            speech -= 20
            if(speech == 60){//检查是否提升速度，提升游戏等级--------------------------------------
                timer.running = false
                win_mesDialog.open()
                yanhua.visible = true
            }
            snakeBody.push(creatObj())//加入一个新身体
            snakeBody[snakeBodylength].x = snake.x
            snakeBody[snakeBodylength].y = snake.y
            newchicken()
            score.text++
            n++/*锁：蛇吃到彩色小鸡就变成1
                 制锁的原因：
                          1.在蛇吃到彩色小鸡的瞬间会有snakeBody[snakeBodylength]与蛇头坐标重合
                          2.蛇头由于操作不当撞到蛇身
                              两种情况均会触发自撞，为排除第一种影响因素*/

        }
        //自撞
        if(snakeBodylength>0){
            for(var t=1;t<=snakeBodylength;t++){

               if(snake.x===snakeBody[t].x&&snake.y===snakeBody[t].y)
               {
                   if(n==0){//此时锁为0，即未吃到彩色小鸡
                       timer.running = false
                       self_mesDialog.open()
                     }
                   else
                       n--
                }
            }
        }

    }

    function move(){//timer刷新时需要做的

//出界，不美观蛇头出界后显示
//        if(snake.x<=20&&snake.keydirection==1){
//            var m=snake.keydirection
//            m++
//            if(m==2){
//                timer.running = false
//                out_mesDialog.open()
//            }
//        }
        if(movestate == 1 && snake.keydirection == 2 ){
            snake.keydirection = movestate
         }
         if(movestate == 2 && snake.keydirection == 1 ){
             snake.keydirection = movestate
         }
         if(movestate == 3 && snake.keydirection == 4 ){
             snake.keydirection = movestate
         }
         if(movestate == 4 && snake.keydirection == 3 ){
             snake.keydirection = movestate
         }
         snakeBodyMove()//蛇在未碰撞情况下的自由移动
         if(snake.keydirection == 1){
             movestate = 1
             if(snake.x==20){
                 /*出界判断，优点：不会等到出界显示提示且适用于沿着边界行走的状况
                              缺点：蛇身仍然会向前一格，即snakeBody[0].x=snake.x;snakeBody[0].y=snake.y
                                  视觉上缺失了一格*/
                 timer.running = false
                 out_mesDialog.open()

             }
             else
                 snake.x -= 20
         }
         if(snake.keydirection == 2){
             movestate = 2
             if(snake.x==400){
                 timer.running = false
                 out_mesDialog.open()

             }
             else
                 snake.x += 20
         }
         if(snake.keydirection == 3){
             movestate = 3
             if(snake.y==20){
                 timer.running = false
                 out_mesDialog.open()

             }
             else
                snake.y -= 20
         }
         if(snake.keydirection == 4){
             movestate = 4
             if(snake.y==400){
                 timer.running = false
                 out_mesDialog.open()

             }
             else
                 snake.y += 20
         }
         eat();
         }
}

刚刚开始学习qml，尝试做了一个贪吃蛇（无C++交互），请多指教。

我愿意试一试
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
qt qml quick note
a1317338022的博客
12-01 244
qml有自己运行的而一套机制，了解清楚了他的运行机制，在进行qml组件的灵活应用 了解清楚了机制之后，根据需要进行qml组件的组装
Qt贪吃蛇（代码裸写，不用creator）
littlethunder的专栏
05-12 8077
先上个图哇： 图1，第一关视图 图2，第二关视图 游戏说明： (1).每关只需吃20颗红果即可通关 (2).增加新场景，在第二关出现 (3).增加刚打开程序READY状态，按空格开始 (4).增加暂停功能，在程序运行中按空格暂停，再按空格继续游戏 (5).只要不关闭应用程序，会保留关数，即在X关输了也是从X关开始 (6).每隔两关速度增快一次，场景重复出现
qml实现贪吃蛇--缩水版
qyvlik的专栏
03-15 2062
贪吃蛇作为一款经典的手机游戏，曾经风靡全世界，这里使用QtQuick来做一个简单的贪吃蛇
从零开始的贪吃蛇游戏
chen_227的博客
06-30 342
打算从零开始开发贪吃蛇游戏，写个帖子，记录一下制作过程 先准备一个空项目，当然是熟悉的qt on android框架 刚开始什么都没有，先做一个虚拟摇杆 审美不行，只能P成这样，经过测试，显示的角度如图，为啥会是这样结果，暂时不明，不过不影响使用 关于摇杆控制贪吃蛇转向问题，我的设想是以蛇头为自身坐标系，当向上时候，实际以蛇头的方向向前 自身坐标系已经把我绕晕了，改用全局坐标系，虚拟摇杆和qml界面，四象限对应关系 if(angle<0) { .
Qt Quick贪吃蛇 QML贪吃蛇
03-21
1.上下左右即开始游戏，小蛇移动 2.吃到小鸡即增加蛇身长度，以及小蛇移动速度 3.小蛇碰撞检测，撞墙和撞到自己则会死亡（本例用for循环实现，大家也可以自行使用Timer或别的来同步开辟一条线程进行检测） 4.吃一个小鸡记一分（也可以根据移动速度来换算计分公式） 可在Windows10下运行，开发环境为Qt5.12.7，移植手机需自行修改坐标添加按钮控件等 注意：QML入门练习作品，大家看看就好
Qt Quick之贪吃蛇
qq_36980354的博客
03-21 467
一、概述 学习Qt已久，但目前还是属于门外汉的级别，最近接了一单毕设，准备用Qt写，结果发现Qt Quick是如此有趣，QML是如此简洁易懂，遂写贪吃蛇练手，以备此毕设用之。 完整实现了贪吃蛇的基础功能（胜利、失败、吃小鸡增加长度等），根据吃小鸡的数量自动增加移动速度 二、介绍 程序完整功能： 1.上下左右即开始游戏，小蛇移动 2.吃到小鸡即增加蛇身长度，以及小蛇移动速度 3.小蛇碰撞检测，撞墙和...
纯QML编写的俄罗斯方块小游戏(1.0版本)
07-10
纯QML编写的俄罗斯方块小游戏，使用qml2编写，支持Qt5.5及其以上，可以直接使用qmlscene运行程序，已实现的游戏功能包括:开始，暂停，停止，获取当前分以及基本的游戏操作等功能
Qt实战案例（7）——利用Qt实现贪吃蛇小游戏
热门推荐
Wendy的博客
10-07 1万+
目录一、项目介绍二、详细介绍2.1 开始游戏后2.2 游戏暂停时2.3 游戏失败后2.4 未开始状态时2.5 暂停或终止状态时2.6 其他说明三、项目基本配置3.1 新建四、UI界面设计五、主程序实现5.1 mainwindow.h头文件5.2 mainwindow.cpp源文件六、游戏逻辑七、效果演示 一、项目介绍 利用Qt实现贪吃蛇小游戏。 贪吃蛇的游戏界面为40*40的网格。 游戏界面上包括菜单栏、工具栏和按钮，三者均实现开始游戏、暂停游戏、继续游戏、重新开始、退出游戏、保存游戏、载入游戏的功能。
Qt5.12实现的贪吃蛇小游戏
11-16
这个版本引入了多项新特性，如QML的性能提升、更好的OpenGL支持以及对Qt Quick的增强，使得开发者可以更高效地构建桌面和移动应用。 **Qt用于游戏开发** Qt不仅适用于创建桌面应用，也适用于游戏开发。它提供了...
day07.zip_界面编程_QT_
08-11
首先，QT界面编程的核心是QWidgets或QtQuick（QML）模块。QWidgets是QT传统的GUI库，包含各种预定义的控件，如按钮、文本框、菜单等，可以构建出复杂的窗口应用。而QtQuick使用更现代的声明式语法，通过QML来描述...
QT学习之路2 （1~82篇）
11-02
详细目录 ...76. QML 和 QtQuick 2 77. QML 语法 78. QML 基本元素 79. QML 组件 80. 定位器 81. 元素布局 82. 输入元素 其他文章 宏定义中的 do {…} while (0) C++：在堆上创建对象，还是在栈上？
《Qt学习之路2》2014年6月最新完整版带目录
06-07
QtQuick是基于QML的一套框架，用于快速开发具有流畅动画的动态界面。 ### XML和JSON处理 在Qt中，可以使用流式或DOM方式处理XML数据，也可以使用QJson库来处理JSON数据。 ### 访问网络 Qt提供了多种方式访问网络...
qml demo分析(maroon-小游戏)
weixin_34327761的博客
02-28 952
1、效果展示 　　这篇文章我还是分析一个qt源码中的qml程序，程序运行效果如下图所示。  图1  游戏开始 图2  游戏中 2、源码分析 　　这个游戏的源码文件比较多，为了能更清楚的了解整个代码，我先整体分析代码，然后再局部分析。 1、源码目录结构 图3  源码目录 　　如图3所示，是小游戏的源码目录，下边我分别按文件名称来介绍该文件的功能 TowerBase....
Qt学习之路-贪吃蛇
zhen2_的博客
04-22 589
还记得我们在 Food 类中有这么一句：setData(GD_Type, GO_Food);QGraphicsItem::setData()以键值对的形式设置元素的自定义数据。所谓自定义数据，就是对应用程序有所帮助的用户数据。Qt 不会使用这种机制来存储数据，因此你可以放心地将所需要的数据存储到元素对象。例如，我们在Food的构造函数中，将GD_Type的值设置为GO_Food。那么，这里我们取出G
关于Qt在子线程中使用通讯时发生无法接收数据的情况
填坑之路
09-06 632
在多线程应用中，串口通讯或TCP通讯的场景常常涉及到持续的读写操作，如果子线程处理不当，可能会导致信号阻塞问题。本文将通过串口通讯或TCP通讯为例，详细解释如何在多线程环境中避免信号阻塞，并提供代码示例。
比较stl库的ostringstream与Qt的QString::arg(),QString::number()
最新发布
liji_digital的博客
09-11 186
对于stringstream,使用比较繁琐，要联合使用std::fixed和std::setprecision才能实现固定小数位数显示，qstring则要简单一些。注意，使用qstring的时候，不论使用arg还是number，format输入参数都必须是'f'，不能用'g'，否则可能无法获得理想的效果。考虑STL库的ostringstream或者Qt的QString::arg(), number。显示一个float或者double类型的数，要求小数点后的数字位数为定值。
Qt常用控件——QPushButton
Dirty_artist的博客
09-08 1062
QPushButton介绍
[QT] QT事件与事件重写
SlanderMC的博客
09-07 352
如下，自定义按钮类。通过重写部分事件实现部分功能头文件源文件在ui文件中将widget提升为自定义的mybutton类后，即可使用自定义控件先前提到，信号槽机制，其实是一种事件处理的集成，因为先前对于MousePressEvent进行了重写，所以直接使用clicked信号会与按下事件产生冲突，所以此信号槽函数失效为了正常使用此功能，需要在对MousePressEvent事件的处理函数中手动添加emit click()
qml和qt quick快速入门 pdf
12-01
QML是一种用于创建用户界面的声明性语言，而Qt Quick是一个用于创建现代动态用户界面的框架。如果您想快速入门QML和Qt Quick，最好的方法是找到一个合适的入门PDF教程。 入门教程应该从QML和Qt Quick的基础知识开始...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值