从零开始的泡泡龙游戏



  • 来玩泡泡龙

    花了一小时,做了准备工作

    0_1525269456973_QQ图片20180502215537.jpg

    发射泡泡

    按下屏幕可以发射泡泡,泡泡碰撞后,粘在上面

    0_1525327635185_Screenshot_20180503-140700.jpg

    泡泡粘贴的位置

    0_1525334610207_QQ截图20180503160252.png

    根据角度计算

    0_1525335750992_QQ截图20180503161857.png

    var radian = Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x )
    
    var angle = 180 / Math.PI * radian
    console.log("angle=", angle)
    if(angle>=45 && angle<=90){
        //右下角
    }
    else if(angle>90 && angle<=135){
        //左下角
    }
    else if(angle<45 && angle>=-45){
        //右
    }
    else if(angle<-45 && angle >= -90){
        //右上角
    }
    else if(angle<-90 && angle >= -135){
        //左上角
    }
    else{
        //左
    }
    

    消除计算

    每个发射球周围有六个球,依次计算他们是否跟发射球颜色相同,如果相同,再次递归,直到找不到相同颜色球

    function checkSameTypeSize(newI, newJ, tempType){
            console.log("checkSameTypeSize ", newI, newJ, tempType)
            var hasSize = 0
            var flag = newI%2
            var len = flag==0?9:10
            var otherLen = flag==1?9:10
    
            var tempPoint = new Array
    
            //左侧泡泡
            if(newJ-1>=0){
                if(level.arrays[newI][newJ-1] == tempType){
                    tempPoint.push(Qt.point(newI, newJ-1))
                }
            }
    
            //右侧泡泡
            if(newJ+1<=len-1){
                if(level.arrays[newI][newJ+1] == tempType){
                    tempPoint.push(Qt.point(newI, newJ+1))
                }
            }
            //上侧
            if(newI-1>=0){
    
                if(flag==0){
                    //上层是偶数行
                    if(newJ>=0){
                        //上左侧泡泡
                        //上左侧 存在
                        if(level.arrays[newI-1][newJ] == tempType){
                            tempPoint.push(Qt.point(newI-1, newJ))
                        }
                    }
                     //上右侧泡泡
                    if(newJ+1<=otherLen-1){
                        //存在
                        if(level.arrays[newI-1][newJ+1] == tempType){
                            tempPoint.push(Qt.point(newI-1, newJ+1))
                        }
                    }
                }
                else{
                    //上层是奇数行
                    if(newJ-1>=0){
                        //上左侧泡泡
                        //上左侧 存在
                        if(level.arrays[newI-1][newJ-1] == tempType){
                            tempPoint.push(Qt.point(newI-1, newJ-1))
                        }
                    }
                     //上右侧泡泡
                    if(newJ<=otherLen-1){
                        //存在
                        if(level.arrays[newI-1][newJ] == tempType){
                            tempPoint.push(Qt.point(newI-1, newJ))
                        }
                    }
                }
    
            }
    
            //下侧
            if(newI+1<level.arrays){
                if(flag==0){
                    //下层是偶数行
                    if(newJ>=0){
                        //下左侧泡泡
                        //下左侧 存在
                        if(level.arrays[newI+1][newJ] == tempType){
                            tempPoint.push(Qt.point(newI+1, newJ))
                        }
                    }
                     //下右侧泡泡
                    if(newJ+1<=otherLen-1){
                        //存在
                        if(level.arrays[newI+1][newJ+1] == tempType){
                            tempPoint.push(Qt.point(newI+1, newJ+1))
                        }
                    }
                }
                else{
                    //下层是奇数行
                    if(newJ-1>=0){
                        //下左侧泡泡
                        //下左侧 存在
                        if(level.arrays[newI+1][newJ-1] == tempType){
                            tempPoint.push(Qt.point(newI+1, newJ-1))
                        }
                    }
                     //上右侧泡泡
                    if(newJ<=otherLen-1){
                        //存在
                        if(level.arrays[newI+1][newJ] == tempType){
                            tempPoint.push(Qt.point(newI+1, newJ))
                        }
                    }
                }
            }
    
            var tempArrayFunc = new Array
    
            for(var p=0 in tempPoint){
                var pp = tempPoint[p]
                if(tempArray[pp.x][pp.y]==1){
                    //已经采集过这个点
                }
                else{
                    tempArray[pp.x][pp.y] = 1
                    tempArrayCaiji++
                    tempArrayFunc.push(Qt.point(pp.x, pp.y))
                }
            }
    
            //递归采集
            for(var p=0 in tempArrayFunc){
                var pp = tempArrayFunc[p]
                console.log("============pp", pp)
                checkSameTypeSize(pp.x, pp.y, tempType)
            }
    
        }
    

    粘贴位置优化

    六个方向每个角度为60

    边界碰撞优化

    碰撞边界后不超出边界,强制设置x,y坐标

    function checkScreen(x, y){
            var w = Screen.width
            var h = Screen.height
            var radian = Math.PI/180 * moveAngle
    
            var point = Qt.point(x,y)
    
            if(x<=2/* && moveAngle<-90*/){
                moveAngle = -(180+moveAngle)
                point.x = 2
                point.y = (fireBall.x-2)*Math.tan(radian) + fireBall.y
            }
            else if(x+ballRadius*2+2>=w /*&& moveAngle>-90*/){
                moveAngle = 180-moveAngle
                point.x = w-ballRadius*2-2
                point.y = (w-fireBall.x-ballRadius*2-2)*Math.tan(radian) + fireBall.y
            }
    
            return point
        }
    

    球与球碰撞优化

    碰撞前不移动发射球,检测到预碰撞后,下次坐标直接设置为正确的点位置

    分数

    //计分
    score += ballScore
    

    泡泡破碎

    0_1525404206965_ball1.gif

    破碎优化

    0_1525411221012_ball3.gif

    菜单与关卡

    0_1525420516148_Screenshot_20180504-155437.jpg

    0_1525420525652_Screenshot_20180504-155442.jpg

    未完待续



  • 这种游戏难吗
    难在哪里



  • @大黄老鼠 第一次做,难在计算消除的算法



  • 也是哦,消除算法第一眼可能看不出来怎么做的。还是有些难度的。😝 😝


  • 网站研运

    程序设计来说,算法还是挺重要的,然后呢,一些精美的图片,也会带来很棒的视觉效果。我喜欢这样的游戏。



  • 再来一个顶!支持一波


 

走马观花

最近的回复

  • @chinasmu Webkit网络的部分可能不是受到Qt控制的,扩展性较差,所以呢,还不能通过代码的方式侦听网络收发数据。但是WebEngine就可以。如果可以的话,试试Qt WebEngine。😺

    阅读更多
  • C

    我用qt建了个对话框程序,里面加了个webkit,请问有办法获取该控件的全部网络封包通信数据吗?
    不采用windows hook recv和send函数的形式,或者有没有第三方的控件可以这样做

    阅读更多
  • 这个错误不是编译器的错误,而是IntelliSense的错误。
    这种情况,可以不用太担心。

    如果你使用MSVC编译应用程序,那么最好安装Qt Visual Studio Addon,使用这个插件同步开发Qt应用程序。
    不过一个小小的建议,就是Qt Creator写Qt程序非常直观,不需要在Visual Studio中那么麻烦,而且Qt Creator是强制安装的,基本上你安装了Qt 5.12,就可以在安装的目录中找到它。QAxContainer是Qt的模块activeQt中的,需要在pro文件中写QT += axcontainer,才会找到这个类。

    阅读更多
  • C

    VS2017 Qt5.12
    新建一个空的QWidget对话框,编译执行
    可以成功生成并执行,但是错误列表里显示

    傲游截图20190217212931.png

    exe文件能够成功生成。

    另外的问题:我在vs2017编译环境中使用qt,需要用到 QAxContainer,我看帮助文档里说要在.pro中加入CONFIG+=qaxcontainer,但是vs2017创建的程序中没有.pro这个文件,那这句话应该加在哪里呢?

    还有我想建一个有浏览器控件的对话框程序,如果想在5.12版本中加入QtWebKit应该如何使用

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔