飞翔的小鸟简易版

最新推荐文章于 2024-03-03 13:44:56 发布
最新推荐文章于 2024-03-03 13:44:56 发布
阅读量174 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48299146/article/details/107961576
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <style>
        html,body{
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .bg{
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: url(img/img/sky.png);
            background-size: 100% 100%;
        }
        .bird{
            background: url(img/img/bird1.png);
            width:30px;
            height: 30px;
            position: absolute;
            left:calc(50% - 15px);
            top: 28%;
            z-index: 9999;
        }
        h2{
           width: 150px;
           height:50px;
           line-height: 50px;
           text-align: center;
            position: absolute;
            left:calc(50% - 75px);
            top: 43%;
            cursor: pointer;
        }
        h2:hover{
            background: #666;
            opacity: .5;
            border: 1px solid #666;
            border-radius: 10px;
        }
        .fenshu{
            position: absolute;
            right: 0;
            top: 0;
            display: none;
            font-size: 40px;
            font-weight: bold;
            z-index: 9999;
        }
        .mark{
            width: 100%;
            height: 100%;
            background: #666;
            opacity: .5;
            position: absolute;
            display: none;
            z-index: 9999;
        }
        .gameover{
            width: 400px;
            height: 200px;
            position: absolute;
            text-align: center;
            background: rgba(255, 255, 255, .5);
            left: calc(50% - 200px);
            top: calc(50% - 100px);
            display: none;
            z-index: 9999;
        }
        .gameover>span{
            display: inline-block;
            width: 100%;
            font-size: 20px;
        }
        .gameover>span:last-of-type{
            width: 90px;
            height: 40px;
            margin-top: 20px;
            line-height: 40px;
        }
        .gameover>span:last-of-type:hover{
            background: #333;
            opacity: .3;
        }
        a{
            color: #f00;
            text-decoration: none;
            
        }
    </style>
</head>
<body>
    <div class="bg">
        <div class="bird">
        </div>
        <h2 class="aaa">开始游戏</h2>
        <div class="fenshu"><h1></h1></div>
        <div class="mark"></div>
        <div class="gameover">
            <h1>Game over</h1>
            <span>您的最终分数是:<span></span></span>
            <span><a href="飞翔的小鸟.html">再试一次</a></span>
        </div>
    </div>
    <script>
        var flybird=
        {
            sky:0,
            count:0,
            gameover:0,
            bird:
            {
                high:0,
                y:$(".bird").offset().top,
                stepy:0
            },
            bg_timer:function()
            {
                
                this.sky--;
                $(".bg").css({"background-position-x":this.sky});

            },
            birdrun:function()
            {
                if(this.gameover==0){
                    this.bird.high++;
                this.bird.y+=this.bird.high
                if(this.bird.high>15)
                {
                    this.bird.high=-16;
                    this.bird.y+=this.bird.high
                }
                $(".bird").css({"top":this.bird.y+"px"});
                }
                
            },
            run:function()
            {
                if(this.gameover == 0){
                     
                    this.bird.y+=this.bird.stepy+=0.5;
                $(".bird").css({top: "32%",left:"52px"}).css({"margin-top":this.bird.y+"px"});
                $("h2").css({"display":"none"});
                $(".fenshu").css({"display":"block"}).find("h1").text(this.count);
                if($(".bird").offset().top<=0||$(".bird").offset().top>=parseInt($(".bg").css("height")))
                this.gameover=1;
                this.zhuzi_move(); 
                this.fenshu();
                }
                else if(this.gameover==1)this.isgameover();
                
            },
            up:function()
            {
                this.bird.stepy=-10;
                this.bird.y+=this.bird.stepy;
                $(".bird").css({"margin-top":this.bird.y+"px"});
            },
            zhuzi:function(l)
            {
                var sheight=Math.random()*parseInt($(".bg").css("height"))-250;
                if(sheight<0)sheight=0;
                var xheight=parseInt($(".bg").css("height"))-sheight-250;
                $("<div></div>").appendTo(".bg").css({"height":sheight,"width":52,"position":"absolute","left":l,"top":0,"background":"url(img/img/pipe2.png) center bottom"});
                $("<div></div>").appendTo(".bg").css({"height":xheight,"width":52,"position":"absolute","left":l,"bottom":0,"background":"url(img/img/pipe1.png)"});
            },
            zhuzi_move:function()
            {
                var off=$(".bird").offset().left;
                var div=$(".bg").find(".gameover").nextAll();
                var top=$(".bird").offset().top
                for(var i=0;i<div.length;i++)
                {
                    var left=parseInt(div.eq(i).css("left"));
                    left-=2;
                    if(this.count>50)left-=3;
                    if(left<=-52)left=parseInt($(".bg").css("width"))
                    div.eq(i).css({"left":left});
                    
                }
                for(var j=0;j<div.length;j+=2)
                {
                    var left=parseInt(div.eq(j).css("left"));
                    if(left==0)this.count++
                    if(off+30>left&&left>0&&top<=parseInt(div.eq(j).css("height"))||off+30>left&&left>0&&top>=parseInt(div.eq(j).css("height"))+250)this.gameover=1
                }
            },
            fenshu:function()
            {
                $(".fenshu").text(this.count);
            },
            isgameover:function()
            {
                    $(".bg").find(".mark").css({"display":"block"}).next().css({"display":"block"}).find("span:eq(1)").text(this.count);
            }
        }
        var timer1= setInterval(function(){flybird.bg_timer.call(flybird);flybird.bg_timer()},30)
        var timer2= setInterval(function(){flybird.birdrun.call(flybird);flybird.birdrun},30)
        $("h2").on("click",function()
        {
            var width=(parseInt($(".bg").css("width"))+52)/5;
            clearInterval(timer2);
            flybird.zhuzi(width);
            flybird.zhuzi(width*2);
            flybird.zhuzi(width*3);
            flybird.zhuzi(width*4);
            flybird.zhuzi(width*5);
            setInterval(function(){flybird.run.call(flybird);flybird.run()},30)
        })
        $(".bg").on("click",function()
            {
                var a=$(".aaa").css("display");
                if(a=="none"&&flybird.gameover==0)
                flybird.up();
            }) 
    </script>
</body>
</html>
我叫郭文达达达
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小鸟飞翔游戏1.0
Bdrjason的博客
01-15 138
此为小鸟飞翔1.0下一篇是照片
飞翔的小鸟 c++ 2.0版
小哼007的博客
02-19 3791
飞翔的小鸟 c++ 2.0版 大家好，我是小哼007 在进入正文之前，让我由衷感谢此文章的作者提供了《飞翔的小鸟》c语言版，本文章暂且称它为《飞翔的小鸟 1.0版》 在编写《飞翔的小鸟 c++ 2.0版》时，本萌新本来想用双缓冲解决闪烁问题，但无奈自己看不懂，毕竟我还是一个编程年龄半年的初一学生……好尴尬 （麻烦大佬在评论区指点一下，谢谢） 废话不多说了，开始进入正文！ ...
飞翔的小鸟java小游戏适用于期末作业
11-20
java小游戏适用于期末作业，有图片素材，源代码。解压可运行。
C语言小游戏：飞翔的小鸟（完整版）
致力于C语言C++知识分享！
01-31 3079
本程序设计了三种不同颜色的小鸟（可以实现三人对战）另外也有白天模式和夜晚模式，不同模式和不同小鸟是在每次死亡后随机刷新，避免产生视觉疲劳。
python简单小游戏代码飞翔的小鸟
M3666789的博客
03-03 368
大家好，本文将围绕python简单小游戏代码飞翔的小鸟展开说明，python简单小游戏代码可以复制是一个很多人都想弄明白的事情，想搞清楚python简单小游戏代码5行图片需要先了解以下几个事情。
飞翔的小鸟游戏(Flying bird)（含素材）
12-09
C#小项目飞翔的小鸟游戏详细教程(Flying bird),基于Winform框架（含素材）实现效果： 1.空格，鼠标左键控制小鸟跳 2.管道随机大小 3.小鸟与管道碰撞，小鸟碰到地面 4.小鸟煽动翅膀动画 5.开始暂停游戏 6.过一个管道得分增加
JavaScript飞翔的小鸟
M_X_B_MR_L的博客
12-20 1215
HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>疯狂的小鸟</title> <style>
愤怒的小鸟简易版
04-15
《愤怒的小鸟简易版》是一款基于Unity引擎开发的初级教学项目，旨在帮助初学者快速上手Unity游戏开发。Unity是一款强大的跨平台游戏开发工具，它支持2D和3D游戏制作，广泛应用于移动设备、桌面电脑以及网络浏览器等...
scratch编程项目源代码文件案例素材-[飞翔的小鸟0.1版本].zip
05-16
此压缩包中包含的核心文件是"飞翔的小鸟0.1版本.sb2"，这是一个使用Scratch编程语言制作的简易游戏源代码。Scratch是一款由麻省理工学院（MIT）媒体实验室终身幼儿园团队开发的图形化编程工具，旨在培养孩子们的逻辑...
flappbird飞翔的小鸟
10-08
《飞翔的小鸟》是一款基于JavaScript开发的简易版小游戏，它以经典的Flappy Bird为原型，旨在帮助初学者理解和掌握基础的编程概念，特别是JavaScript语言在游戏开发中的应用。这款小游戏的核心在于通过定时器控制...
像素鸟简易版
06-06
《像素鸟简易版》是一款基于Cocos2d-x框架开发的休闲游戏，旨在为初学者提供一个学习和实践的平台。Cocos2d-x是一款开源的游戏开发框架，它使用C++语言，支持跨平台开发，广泛应用于2D游戏制作。这款像素鸟简易版，...
工业视觉智能-分割模型基础知识
08-18
根据《阿里云工业视觉智能高级工程师ACP认证免费课程》（https://edu.aliyun.com/course/3128115/lesson/342981389）创建的个人笔记
计算机毕业设计jsp高考志愿选择辅助系统idea论文
08-18
计算机毕业设计jsp高考志愿选择辅助系统idea论文
分享一款特别好看特别美的樱花博客前端页面
08-18
分享一款特别好看特别美的樱花博客前端页面
电脑软件：圆形印章生成.exe
最新发布
08-18
电脑软件：圆形印章生成.exe
安全测试：安全测试策略.zip
08-18
史上最全软件测试技术全套教程，包括： Postman Selenium 单元测试 压力测试 回归测试 安全测试 性能测试 测试工具 集成测试 等流行技术的系列教程
智慧校园解决方案PPT(28页).pptx
08-18
智慧校园的建设目标是通过数据整合、全面共享，实现校园内教学、科研、管理、服务流程的数字化、信息化、智能化和多媒体化，以提高资源利用率和管理效率，确保校园安全。 智慧校园的建设思路包括构建统一支撑平台、建立完善管理体系、大数据辅助决策和建设校园智慧环境。通过云架构的数据中心与智慧的学习、办公环境，实现日常教学活动、资源建设情况、学业水平情况的全面统计和分析，为决策提供辅助。此外，智慧校园还涵盖了多媒体教学、智慧录播、电子图书馆、VR教室等多种教学模式，以及校园网络、智慧班牌、校园广播等教务管理功能，旨在提升教学品质和管理水平。 智慧校园的详细方案设计进一步细化了教学、教务、安防和运维等多个方面的应用。例如，在智慧教学领域，通过多媒体教学、智慧录播、电子图书馆等技术，实现教学资源的共享和教学模式的创新。在智慧教务方面，校园网络、考场监控、智慧班牌等系统为校园管理提供了便捷和高效。智慧安防系统包括视频监控、一键报警、阳光厨房等，确保校园安全。智慧运维则通过综合管理平台、设备管理、能效管理和资产管理，实现校园设施的智能化管理。 智慧校园的优势和价值体现在个性化互动的智慧教学、协同高效的校园管理、无处不在的校园学习、全面感知的校园环境和轻松便捷的校园生活等方面。通过智慧校园的建设，可以促进教育资源的均衡化，提高教育质量和管理效率，同时保障校园安全和提升师生的学习体验。 总之，智慧校园解决方案通过整合现代信息技术，如云计算、大数据、物联网和人工智能，为教育行业带来了革命性的变革。它不仅提高了教育的质量和效率，还为师生创造了一个更加安全、便捷和富有智慧的学习与生活环境。
后端框架：Ruby on Rails.zip
08-18
后端技术系列教程，包括： API开发全套教程 后端安全全套教程 后端微服务架构全套教程 后端性能优化全套教程 后端框架全套教程 后端缓存技术全套教程 后端编程语言全套教程 数据库技术全套教程
VB合同管理系统设计与实现(源代码+系统+需求分析).zip
08-18
计算机毕业设计资源包含（项目部署视频+源码+LW+开题报告等等），所有项目经过助教老师跑通，有问题可以私信博主解决，可以免费帮部署。
python 飞翔的小鸟
10-30
Python飞翔的小鸟是一款基于Python语言开发的游戏，玩家需要控制一只小鸟，通过跳跃来避开障碍物，获得更高的分数。游戏的原理是通过不断移动地板和切换小鸟的图片来制造小鸟向前飞行和翅膀扇动的假象。Python飞翔的小鸟是一款非常经典的游戏，也是Python语言学习的一个很好的实践项目。除此之外，Python还有很多其他的应用领域，比如Web开发、爬虫、数据分析、人工智能和机器学习等等。如果你想系统性地学好Python，可以参考一些Python的教程和学习资料，比如引用中提到的Python教程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值