首页/ 资源中心/ H5小游戏/ Flappy Bird
🐤

Flappy Bird

街机 · 上传者 驰旭教研组 · 更新于 2026-07-11
H5小游戏 免费开源 物理模拟Canvas碰撞检测街机
9,206浏览
2,960下载
760点赞
2026-07-11更新

⚠ 版权与免责声明

本资源由社区用户「驰旭教研组」上传分享,版权归原作者所有。
· 本站内容仅限个人学习与研究使用,严禁用于任何商业用途
· 下载后请于 24 小时内删除或销毁,逾期风险自负。
· 因参考、运行本站代码产生的任何损失,本站不承担赔偿责任。
· 如涉及侵权,请联系我们,核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息,均属于在学习研究时的测试模拟数据,与现实中的同名任何个人、企业、组织无任何关联;若有雷同,纯属巧合。如这些内容无意中侵犯您的合法权益,请联系我们,核实后将及时删除或更改。

功能介绍

  • 重力 + 点击上飞的物理模拟
  • 管道随机缝隙生成
  • 穿越计分 + 最高分
  • 上下边界/管道碰撞检测
  • 点击/空格/方向键操作

界面预览

界面预览
界面预览

源码结构

g10.html
└─ <script>
├─ 重力 G 与跳跃冲量
├─ pipes[] 管道对象
├─ 碰撞检测
└─ requestAnimationFrame

详细说明

Flappy Bird 的核心是最简单的物理模拟:每帧给速度加上重力、点击时赋予一个向上的冲量,位置随速度更新。

难度全靠管道缝隙与间距,学生可调参数、加背景滚动、金币收集等提升趣味。

下载压缩包后解压,按源码内 README 配置 AppID / 接口地址 / 云环境,使用对应开发者工具导入即可预览。如遇问题可在评论区留言,由上传者与其他社区成员交流答疑。

用户评论 0

还没有评论,来抢沙发~