从零开始的泡泡龙游戏



  • 来玩泡泡龙

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

    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

    未完待续



  • 这种游戏难吗
    难在哪里



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



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


  • 网站研运

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



  • 再来一个顶!支持一波


 

最近的回复

  • 随后在git for windows这个软件中输入

    git clone git@git.coding.net:jiangcaiyang1/qtdreamrelease_windows.git

    就可以获得一个空的项目了。其它的项目也是同样的操作方法。然后呢,将此作为自动构建的代码库吧。
    此次介绍就是这样~😘 😘 🐧

    阅读更多
  • 0_1540027445466_很好.jpg
    萌梦安装包的分发始终是一个难题。要有一个稳定并且有效的方法进行分包,才能让大家都能够享受到萌梦动作编辑器的最新功能。我们目前有两种分发的方法:

    离线安装包。通常的位置是
    1.1 百度云盘
    1.2 QQ群文件
    1.3 github
    其中百度云盘和QQ群文件不会定期地更新,只有github的文件会定期更新。因为构建脚本要求每次有更改,都让github的文件更新。

    在线安装包。通常的位置是
    2.1 百度云盘
    2.2 QQ群文件
    2.3 github
    这里在线安装包的代码库主要还是在github中,在线安装包非常依赖CDN加速。目前github这块儿在国内做得不太好,还是希望在国内找一个类似的加速。目前可以选的只有两家:

    码云

    coding

    因为以前做过coding的加速,目前coding已经和腾讯云战略合作,所有的代码都要迁移到腾讯云了。而且对于代码库的空间要求变高了。128M。目前我的一个账号显然满足不了要求。所以有必要再注册一个账号。

    下面记录一下新建coding代码库的方法,并且尝试将萌梦安装包的线上代码库部分移动到coding代码库中。

    注册

    到这个位置注册。

    https://coding.net/register

    相信很快就会带你跳转到腾讯云中。不过这里我选择的是邮箱的方式,因为我希望注册尽量多的账号。

    设置ssh密钥

    进入控制台后,是这样的:
    0_1540028446495_2eeb7e93-c15b-4c82-9b36-58e1c304ea3f-image.png
    这个时候,我们要先创建项目,然后ssh的公钥。
    0_1540028822318_b3e81b93-099c-42d5-820d-deaf8d445913-image.png

    创建以后,开始部署公钥。在这里:
    0_1540028925337_d8059b64-8535-45e5-ba4c-d7454505aa5a-image.png
    这期间最好用OpenSSL生成SSH密钥。
    我使用的是git for windows来生成密钥的。方法是

    ssh-keygen

    如果你生成好了密钥,可以直接打开密钥内容看看:

    cat ~/.ssh/id_rsa.pub

    然后粘贴到网站的文本框中。

    添加好了之后,勾选“准许推送权限”,需要推送代码到代码库中。

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔