Uploaded byRyan Chung
Flappy Bird Game Dev by Phaser Framework
文档介绍了 Flappy Bird 游戏的基本概念和开发过程，包括如何设置开发环境、编写游戏代码和布局界面，使用 Phaser 框架进行开发。还列出了游戏中的主要机制，比如跳跃、得分和障碍物，以及下一步可以进行的改进和功能添加。
Flappy Bird Game Dev by Phaser Framework
- 1. Flappy Bird http://MobileDev.TW FlappyBird Game Dev by Phaser Ryan@MobileDev.TW 1 Source : Thomas Palef
- 2. Flappy Bird http://MobileDev.TW 遊戲基本概念(一直跳一直跳) • 按下空白鍵讓主角跳躍 • 不跳就會掉下去 • 主角一邊跳越要從障礙物的空隙中穿過 • 得分 • 主角在這些狀況下會死 • 超出遊戲範圍 • 撞到障礙物 2
- 3. Flappy Bird http://MobileDev.TW 開發環境準備- Brackets http://brackets.io 3
- 4. Flappy Bird http://MobileDev.TW 下載空的開發樣板 • http://0rz.tw/j41ce • index.html 空 • main.js 空 • phaser.min.js Phaser framework • assets 素材檔案資料夾 4
- 5. Flappy Bird http://MobileDev.TW 畫面佈局– index.html 5
- 6. Flappy Bird http://MobileDev.TW 開始撰寫– main.js 6
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. Flappy Bird http://MobileDev.TW hitHole hitPipe 13
- 14. Flappy Bird http://MobileDev.TW jump restartGame 14
- 15.
- 16.
- 17.
- 18.
- 19. Flappy Bird http://MobileDev.TW 下一步可以做什麼？ • 關卡難易度改變： • 改變空隙格數(例如3格) • 加上跳躍、得分與撞到磚塊三種音效 • 在preload中載入音效檔 • 在create中加入此項屬性 • 在狀況發生(例如跳躍)時播放音效 • 最高分數記錄 • 在畫面上顯示出目前玩家最高分數 19