目录
一、案例效果
二、实现思路
- 创建游戏背景板和小鸟，并分别设置相对定位与绝对定位；
- 初始化背景图的位置；
- 初始化小鸟的位置；
- 设置游戏状态，游戏开始时背景和管道全部向左运动，游戏结束全部停止运动；
- 使小鸟飞行，其实就是背景图在 X 轴方向的位置不断减小，实现小鸟向右飞行效果；
- 设置点击事件，每点击一次小鸟在Y轴的位置减小，实现向上飞的效果；
- 创建管道，X 方向上管道和下管道位置相同，Y 方向上上管道和下管道高度随机，但中间要空出200px；
- 实现管道向左运动，与背景图向左操作类似，也是在 X 轴方向的位置不断减小；
- 管道向左运动移出游戏面板最左侧时再回到原位重新执行，实现循环效果；
- 定义上下管道的临界值，也就是上下管道自身区域；
- 小鸟位置与上下管道位置重合(相碰撞)时游戏结束；
- 多次调用管道创建函数，产生多组管道。
三、完整代码+详细注释
小游戏：像素鸟
四、案例素材
sky.png
birds.png
pipe1.png
pipe2.png
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/223922.html原文链接：https://javaforall.net
