3-Makecode Arcade 入門

2024/1/3 

你準備好開始編寫自己的遊戲了嗎？

完成本教程，了解如何：

·       按照教程提示進行操作

·       在工具箱中查找積木

·       在工作區中建構程式

·       在模擬遊戲螢幕上運行您的專案

在不知不覺中，您將擁有自己的街機遊戲！

第一節：初識 MakeCode Arcade 編輯器

1. 目標：

1. 引導學生了解 MakeCode Arcade 編輯器的基本介面和功能

2. 介紹學生將在本節學到如何使用編輯器創建簡單的角色控制遊戲

2. 活動：角色控制遊戲製作：

步驟1：編輯器介紹通過簡短的介紹，學生了解 MakeCode Arcade 編輯器的主要功能，

                           包括積木區、程式區域和模擬器

步驟2：創建遊戲學生將按照指導在編輯器中創建一個簡單的角色控制遊戲

步驟3：角色移動學生學會使用程式設計積木實現遊戲中的角色移動，例如上下左右的控制

步驟4：遊戲測試學生通過模擬器測試他們創建的遊戲，確保角色能夠正確回應控制

角色控制遊戲製作玩法說明：

·       遊戲目標：學生將製作一個簡單的角色控制遊戲，目標是通過操作按鍵控制角色在螢幕上移動

·       角色設計：學生可以選擇自己喜歡的角色形象，例如動物、人物等，並自訂角色的外觀和顏色

·       控制方式：學生使用 MakeCode Arcade 編輯器中的積木，實現角色的上下左右移動，

                            以及可能的其他動作

·       遊戲場景：學生可以在編輯器中設計一個簡單的遊戲場景，例如草地、天空等，

                            為遊戲增加更多趣味性

·       測試和調整：學生需要測試遊戲，確保角色的移動和遊戲場景的設計符合他們的預期

                                他們可以根據測試結果調整遊戲的參數

老師和學生互動方法：

·       學生展示：學生在小組中展示他們創建的角色控制遊戲，分享設計靈感和面臨的挑戰

·       問題回答：老師在學生展示後提出問題，引導他們思考如何改進遊戲或添加更多功能

通過這個實際的遊戲製作活動，學生能夠在自學的環境中通過實踐更深入地瞭解 MakeCode Arcade 編輯器的

使用，並體驗到遊戲設計的樂趣

實際操作

任務一:  創建一個 MakeCode Arcade 程式，在程式中新建一個角色，並通過方向按鍵控制角色移動

使用瀏覽器打開 makecode arcade 線上編輯器，網址為  https://arcade.makecode.com/

新增專案 -> 取個名字 (中英文皆可) -> 創建

操作介面說明

創建角色

每個遊戲中都會有各種各樣的人物、物品、動植物等，這些都是遊戲中的角色，MakeCode Arcade 把它們稱作“角色”(Sprite)

在 MakeCode Arcade 中，我們將創建角色積木拉至“當啟動時”指令內部，就可以在啟動時直接創建角色

下圖所示的積木可以創建角色，並設置角色的名稱、外觀、類型

在設置角色的外觀時，我們可以通過 MakeCode Arcade 自帶的編輯器，繪製獨一無二的外觀，也可以直接選擇系統自帶的圖庫中的圖片

按一下積木中灰白色的角色外觀設置框，打開下圖所示的角色外觀編輯器。在繪製角色外觀時，首先使用滑鼠按一下“畫筆尺寸然後選擇需要的繪圖工具，設置畫筆顏色，最後在中間的繪圖區繪製想要的造型。也可以選擇現成的造型

這裏我將角色重新命名為 "小鴨子" ，而類別設定為 "player"  ，指的是玩家控制的角色，下面還有幾個其它類別，後面再逐一解釋

控制角色

我們通常需要控制遊戲中的角色移動。在 MakeCode Arcade 的"控制器"積木中，有一個“單個玩家" -> "控制器移動角色" 積木，加上這個移動積木後，就可以通過方向按鍵控制對應名稱的角色移動了，自己動手試看看!

-> 記得要移動的角色，要選擇自己重新命名後的變數名稱 

Hint: 

每按一下方向按鍵，角色就移動一次，且每次角色移動的距離是相同的

若一直按住某個方向鍵，角色會不斷向那個方向移動

測試程式

確保左側模擬器處於運行狀態，即左下角圖示為正方形而不是三角形，且模擬器不是灰色的。使用滑鼠按一下模擬器的方向按鍵，查看角色"小鴨子" 是否按照相應方向移動

模擬器正常運行後，可按下載，選擇硬體為 "R2" 控制器後，存成 xxxx.uf2 檔

接著按照之前的步驟，

< UF2 檔上傳方式 : 按住 Pico 白色 boot 鈕後，再插上 usb 線，出現新磁碟機，把 UF2 檔複製過去即可> 

上傳至 Pico_Game 板子上，完成第一個自建的遊戲!