04 簡易落鴨遊戲

(2019/11/24)

今天假日來玩個簡易的官網提供的遊戲Falling Duck(落鴨)，藉由官網提供的遊戲再來認識一些積木的使用，最後再將程式下載到前幾天拿到的WiFiBoy遊戲機上，也測試一下硬體的感覺！

本遊戲線上玩：https://makecode.com/_gHidJzCsC49u

一、取得程式

• 完全不用寫程式，直接從下圖來取得程式

• 打開範例

• 已有程式了，可直接玩遊戲！

二、落鴨遊戲說明：

• 落鴨遊戲畫面

• 遊戲初始值：
  • 分數為0 (右上角的數字為分數)，每出現一個障礙物(1.5秒)就加1分。
• 舞台背景：
  • 一開始的背景為淺藍色，並使用【暴雪】效果為開始畫面
• 各角色說明：一共有2個角色，拆解如下：
  • 鴨子：因重力的關係鴨子會往下掉，按任何鍵讓鴨子往上移動。由於讓鴨子的飛動更逼真，因此鴨子的角色有【動畫】的呈現。
  • 障礙物：障礙物會從右一直往左移動，並且每隔1.5秒就會再出現另一個障礙物。其實鴨子只有在中心位置上下移動，由於障礙物由右往左移動，就會有種鴨子由左往右向前飛的錯覺！為讓障礙障物的缺口有上有下的不同位置，因此設有4種不同的障礙物圖形。
• 遊戲玩法說明：
  • 利用按任何鍵讓鴨子往上移動，不然鴨子因重力會一直往下掉，並控制鴨子通過障礙物的缺口，如果鴨子碰到障礙物就GAME OVER。

三、撰寫程式

根據上面的說明，拆解各角色進行程式撰寫

• 程式一開始時，設置舞台背景顏色及效果

• 創建鴨子角色及往下的加速度

1. 創建鴨子角色
2. 設定鴨子y方向的加速度為300
• 設定鴨子角色jumping時的動畫

1. 設定變數anim為當Jumping時會產生間隔25ms的動畫 (每25ms切換一個影格)(除了Jumping，還可設Walking、Idle)(此類動畫積木要透過擴展才可得到)
2. 添加動畫的影格
3. 將動畫anim附加到鴨子的角色上
   • 上述動畫製作過程如下：
   1. 先建立一個角色(如mysprite)，並設定角色圖案及類別
   2. 再建立一個動畫變數(如anim)，並設定動畫動作(如Walking、Idle、Jumping)及間隔時間 (此類動畫積木要透過擴展才可得到)
   3. 添加影格(圖案)到動畫變數 (影格圖案可能有多個)
   4. 將動畫變數(anim)附加到角色上(如mysprite) 3、4位置可互換

• 按下任一鍵讓鴨子往上移動，並有鴨子動畫的產生

1. 往上移動，設定y方向的速度為負值，此設-100
2. 激活鴨子角色的Jumping動畫(除了Jumping，還可設Walking、Idle)，這時鴨子就會有上一程式設定的動畫。
3. 並有噴灑的效果
• 由上可知變數有：
  • 角色變數(如mysprite)
  • 動畫變數(如anim)
  • 動畫動作(如Walking)

• 障礙物(分上下兩個變數)由右往左移動

1. 障礙物的變數為projectle，在此只有用一個來分別代表上障礙物(topImage)及下障礙物(bottomImage)
2. 發射物後方空格用變數來取代圖形
3. 每次會隨機取出一個上下障礙物的圖形

• 當鴨子碰到障礙物時

• 這時遊戲就GAME OVER了

四、將程式下載到WiFiBoy

• 利用USB線把WifiBoy遊戲機與電腦連接，如下已連接上了

• 這時若遊戲機內有遊戲程式就可以玩遊戲了

• 若要將我們的落鴨程式下載到遊戲機，先雙擊WifiBoy遊戲機的RESET鍵
• 這時檔案總管會增加一個OK-D15的磁碟槽

• 且WifiBoy遊戲機會呈現如下畫面

• 點選Arcade畫面左下角的【下載】

• 由於本遊戲機呈現的畫面是D5，因此硬體選擇D5的圖案

• 註：之前使用MeowBit的硬體是選擇MeowBiteowBit或F4，由上圖的說明可知這是因為硬體所用的晶片不同，WiFiBoy是使用基於ATSAMD51的晶片
• 將檔案儲存在OK-D51的磁碟槽

• 儲存完畢後，WiFiBoy遊戲機就可以開始玩了，測試成功！