js实现flappy bird小游戏

游戏构架思路

一、小鸟

1.x轴位置不变，y轴位置遵循自由落体运动和点击向上运动（onmousedown，onmouseout）
2.向上飞和向下飞用不同的图片

二、柱子

1.x轴位置向左均匀移动，上面柱子因在屏幕外y轴位置要用负数表示，屏幕总宽度减去留在屏幕内下面柱子和上面柱子的总长度要等于固定的给鸟通过的宽度

三、得分

1.当鸟经过柱子时得分加一
2.鸟碰撞柱子时终止游戏，得出总分（y鸟>y下柱子 || y鸟<y上柱子）
3.3秒后点击重新开始游戏

源码

var context = canvas.getContext("2d");

/*小鸟部分*/

var img = new Image();

img.src = "依赖包/图片/鸟/下.png";

var movingTimer = null;

var birdX = 300;

var birdY = 100;

img. = function(){
   

if(!movingTimer){
    //阻止更换图片 重新加载BUG

movingTimer = setInterval(function(){
   

context.clearRect(0,0,800,600);

drawBird();

columnDraw();

},30)

}

}

function drawBird(){
   

if(birdY <= 300){