仿Flappy Bird小游戏详细教程（含素材and文档）-让游戏角色模拟重力下坠

教程目录：

1. 小游戏展示
2. 下载游戏引擎
3. 创作一个移动的背景
4. 让阿菌煽动翅膀
5. 让阿菌模拟重力下坠
6. 让阿菌可以摸鱼
7. 编写游戏开始与结束
8. 编写 boss 剧情
9. 部署到服务器，在手机玩耍
10. 视频教程链接

让阿菌模拟重力往下掉，简单来说就是递减阿菌 y 坐标的值，代码可以酱紫写：

// 定义一个计算下坠速度的计数器，每帧累加 0.5
this.dropCounter += 0.5
// 阿菌的 y 坐标在每帧中减去计数器，达到重力加速度的效果
this.ajun.y -= this.dropCounter

当然，我们希望每点一次屏幕，阿菌可以跳起来一点，我们可以定义一个按钮，然后添加这样一段逻辑：

clickButton() {
    // 由于阿菌的 y 坐标会在每帧中减去计数器
    // 当按下按钮时，设置计数器为负值，相当于让阿菌的 y 坐标加上一个正值
    this.dropCounter = -10
}

为了更能模拟阿菌往下掉的效果，我们让阿菌下掉时发生角度变化：

this.dropCounter += 0.5
this.ajun.y -= this.dropCounter
// 定义角度计数器
this.angleCounter += 0.1
// 每帧角度发生一点变化
this.ajun.rotation += this.angleCounter

同理，每次点击屏幕的时候，我们让阿菌的角度也发生改变：

clickButton() {
    this.dropCounter = -10
    // 每次点击屏幕后角度减一个负值
    this.angleCounter = -2
}

这样就完成了阿菌下坠的效果。

推荐阅读：微信飞机大战小游戏详细教程