原生JS实现Flappy Bird小游戏(本地化存储)
文章目录1.准备2.难点(1)、创建柱子(2)、柱子移动(3)、碰撞检测(4)、本地存储(5)、成绩展示
1.准备
该游戏主要涉及的知识:
JavaScript基础
ES6基础(模板字符串,箭头函数,模块化)
H5 Web Storage知识
2.难点
(1)、创建柱子
由于两根柱子之间的距离是150,柱子的最小长度为50,页面的大小为600,(600-150)/2 = 225, 因此柱子的长度范围为50-275.通过Math.random函数来实现随机生成长度不同的柱子。
createEle()函数用
原创
2020-08-18 12:22:38 ·
422 阅读 ·
0 评论