C语言跳过障碍物小游戏,html5飞翔的小鸟越过障碍物小游戏代码

一款简单好玩的html5 canvas飞翔的小鸟越过障碍物小游戏代码，玩法：点击鼠标控制小鸟飞行。

查看演示

下载资源：

11

次 下载资源

下载积分：

30

积分

js代码

var cvs = document.querySelector( '#cvs' );

var ctx = cvs.getContext( '2d' );

util.loadImage({

bird: './img/bird.png',

land: './img/land.png',

pipeDown: './img/pipeDown.png',

pipeUp: './img/pipeUp.png',

sky: './img/sky.png'

}, function( imgObj ) {

// 根据背景的大小设置画布的大小

cvs.width = imgObj.sky.width;

cvs.height = imgObj.sky.height;

// 游戏场景是否继续

var isRun = true;

// 创建游戏场景

var gameScene = getGameScene( ctx, imgObj );

// 创建游戏结束场景

var overScene = getOverScene( ctx );

// 添加小鸟死亡的听众

gameScene.addListener( function() {

isRun = false; // 游戏场景退场

overScene.draw(); // 结束场景切入

} );

// 切入游戏场景，开始游戏

(function run() {

gameScene.draw();

if ( isRun ) {

requestAnimationFrame( run );

}

}());

});