1 前言
🚀获取源码，文末公众号回复【小鸟飞行游戏】，即可。
⭐欢迎点赞留言
2 正文
2.1 展示预览
13MB GIF可以欣赏：
https://tvax1.sinaimg.cn/large/007F3CC8ly1h1ooqh4tc2g30t80lr7wi.gif
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hFrOA1fl-1651072583651)(https://tva3.sinaimg.cn/large/007F3CC8ly1h1ooqh4tc2g30t80lr7wi.gif)]
2.2 项目结构
2.2 主要代码展示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FLAPPY</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="js/game.js"></script> <script src="js/Bg.js"></script> <script src="js/Land.js"></script> <script src="js/Pipe.js"></script> <script src="js/Bird.js"></script> <style> *{padding: 0;margin: 0;} body{overflow: hidden;} canvas{display: block;} </style> </head> <body> <audio src="img/bgm.mp3" id="audio"></audio> <canvas id="gama-canvas"></canvas> </body> <script> $(function(){ var player = window.player= $('#audio')[0]; }()) var game = new Game('#gama-canvas'); </script> </html>
源码下载
不会还有人没 点赞 + 关注 + 收藏 吧!
