cocos creator实例--实现FlappyBird游戏的基本功能 | 附代码

FlappyBird是早期的早IOS上的一款非常受欢迎的像素游戏。

 

游戏玩法：

点击屏幕控制小鸟上下飞行；小鸟在飞行的过程中，碰撞到管子就结束游戏，飞过一根管子分数加1；

 

游戏效果：

 

实现逻辑介绍：

1.游戏主场景

小鸟向前飞行的过程，其实是背景向左移动的过程。这里我们添加2张背景图，一起向左边移动；当前面的图移出画布时，位置调整到后面，然后继续循环操作；就形成了小鸟的向前飞行动作。

    //2个游戏背景
    @property(cc.Node)
    bg0: cc.Node = null;

    @property(cc.Node)
    bg1: cc.Node = null;

    

    update (dt) {
        this.moveBg(this.bg0);
        this.moveBg(this.bg1);
    }

    moveBg(bg: cc.Node){
        bg.x = bg.x - 1;
        
        if(bg.x < -288){
            bg.x = bg.x + 288*2;
        }
    }

可以看到，背景开始向左移动起来了：

 

2.小鸟翅膀闪动效果

三张图片在update里面进行循环显示和隐藏来实现。

    //3只小鸟来实现飞行效果
    @property(cc.Sprit