头像

html5飞翔的小鸟越过障碍物小游戏代码

来源:https://www.sucaihuo.com/js/4354.html 18***38 2019-05-14 10:50浏览(92) 收藏

一款简单好玩的html5 canvas飞翔的小鸟越过障碍物小游戏代码,玩法:点击鼠标控制小鸟飞行。
html5飞翔的小鸟越过障碍物小游戏代码
分类:html5 > canvas 难易:中级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 2

手机扫码访问:

下载资源 下载积分: 30 积分

js代码

<script src="./js/util.js"></script> 
<script src="./js/bird.js"></script> 
<script src="./js/land.js"></script> 
<script src="./js/pipe.js"></script> 
<script src="./js/sky.js"></script> 
<script src="./js/gameScene.js"></script> 
<script src="./js/overScene.js"></script> 
<script>
        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 );
                }
            }());
        });
    </script>
最新交易
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

1 2