html5飞翔的小鸟越过障碍物小游戏代码免费下载

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

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>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录