前端像素鸟小游戏_哔哩哔哩_bilibili
一、案例效果二、实现思路创建游戏背景板和小鸟,并分别设置相对定位与绝对定位;
初始化背景图的位置;
初始化小鸟的位置;
设置游戏状态,游戏开始时背景和管道全部向左运动,游戏结束全部停止运动;
使小鸟飞行,其实就是背景图在X轴方向的位置不断减小,实现小鸟向右飞行效果;
创建管道,X方向上管道和下管道位置相同,Y方向上上管道和下管道高度随机,但中间要空出200px;
实现管道向左运动,与背景图向左操作类似,也是在X轴方向的位置不断减小;
管道向左运动移出游戏面板最左侧时再回到原位重新执行,实现循环效果;
定义上下管道的临界值,也就是上下管道自身区域;
小鸟位置与上下管道位置重合(相碰撞)时游戏结束;
多次调用管道创建函数,产生多组管道。
三、完整代码+详细注释











