一、介紹
體驗過官方提供的範例程式之後，您是不是也迫不及待，想趕快設計一個遊戲看看呢？😍
別急，在開始創作之前，先讓小編帶大家了解撰寫程式的介面。熟悉介面操作可是相當重要的，知道的功能越多，越熟悉積木程式在哪裡，越能加快遊戲開發的時間，且做起來才順手喔！
這個單元會從認識介面開始，像是積木程式在哪裡？程式要寫在哪裡？到快速尋找積木程式，以及怎麼知道程式有沒有寫錯？一步一步帶大家熟悉程式撰寫環境，讓我們馬上開始。
二、目標
1. 認識介面
2. 認識積木程式種類
3. 能快速找到積木程式
三、內容
1. 認識 MakeCode Arcade
記得先打開「專屬的網站」，連結如下：
https://arcade.makecode.com/beta?hw=n3
MakeCode Arcade 主要分成三大區塊，由左至右分別是「遊戲模擬器」、「積木程式列表」與「程式撰寫畫面」。
A. 遊戲模擬器
顧名思義就是讓您可以即時暢玩的地方，順便驗證自己的程式有沒有問題，像是按下按鈕，角色有沒有動，或是發射的子彈，路徑是不是自己想要的。
首先讓我們依照上個單元教學的方法，開啟一個範例程式，小編一樣使用「Space Destroyer」這個遊戲來示範。
等它初始化完成後，我們就能點擊模擬器上的按鈕與搖桿，開始享受遊戲的樂趣。但在您還沒玩樂之前，對它的第一印象就是太小了對吧？
玩遊戲確實不用這麼克難的，在遊戲機圖案的下方，有一排「操作按鈕」，最右邊有一個「放大縮小」的按鈕，請您點擊這個按鈕。
Do Re Mi So~ 您看看，這不就變大了嗎？瀏覽器的視窗多大，這個遊戲機畫面就顯示多大，可以自行調整大小。
好的，雖然螢幕變大了，但您會馬上意識到下一個問題，我滑鼠只有一個，無法同時操作搖桿還有按鍵，是否可以使用鍵盤？
在「操作按鈕」當中，有一個「鍵盤圖示」的按鈕，點擊這個按鈕，會跳出說明視窗，可以看到遊戲按鍵對應到鍵盤上的位置，甚至還支援兩個玩家呦！是不是相當貼心(ﾉ>ω<)ﾉ。
其餘的「操作按鈕」由左至右有「執行與暫停」、「重新開始」、「除錯」和「拍照截圖」，關於「除錯」的部分，我們後續文章會獨立拉出來講，其他按鈕大家可以自行操作看看。
B. 積木程式列表
這邊就是存放我們所有積木程式的區塊，隨意點開每個選項看看，例如「角色」，可以看到右側會彈出關於「角色」這個大項內所包含的積木程式清單。
最下方的「進階」，還包含了其他選項，大家都可以一個一個點開來看看。
若以製作一個最簡單的遊戲來劃分的話，我們需要「八大功能」，分別是表示遊戲呈現元素的「角色」、「控制器」、「遊戲」與「音效」，以及背後運作邏輯的「迴圈」、「邏輯」、「變數」與「數學」。
除了「八大功能」之外的其他選項，都屬於豐富遊戲、加強效果、擴充功能……等，大家可以自己選擇。沒有說明到的「擴展」，就屬於彈性的選項，您可以增加別人或官方撰寫的積木程式，或是不擴展只使用介面中本來存在的功能。
C. 程式撰寫畫面
程式撰寫畫面佔整體介面最大範圍，您可以在這個區塊，透過「組合」積木程式，實現遊戲功能。當您拖拉一個積木程式至程式撰寫畫面後，它就會發揮作用。
D. 額外功能
介面中的上與下，皆有一些操作選項，之前有用過「MakeCode」的大家應該不陌生，就是一些「下載程式」、「儲存」、「介面調整」、「操作上下一步」或是「雲端分享」……等功能。
若是第一次接觸的大家也不用擔心，之後的教學我們會頻繁操作到這些選項，慢慢熟悉即可。
2. 如何快速找到指定積木程式
當我們參考範例程式學習時，會想要知道看到的程式，是從哪個程式列表中拉出來的。最直覺的方法當然是一個選項一個選項尋找，但這樣比較花時間，畢竟選項也不少對吧！眼尖的您可能已經發現了這個欄位，「搜尋」。
假設我們要搜尋「生命設為( 3 )」這個積木程式。
在「搜尋」欄位上輸入關鍵字，右側就會彈出搜尋結果。
官方的積木程式其實都有用顏色做區分，例如剛剛搜尋的「生命設為( 3 )」這個積木，是一個 R: 207、G: 106、B: 135 的顏色(小編不會念這個顏色)，類似功能的積木會是同一種顏色，所以大家也可以依照顏色，回去查找「積木程式列表」，進而找到自己想要的積木程式。
四、結論
經過這一篇文章的講解，大家是不是比較認識介面的各個功能了呢？小編建議大家可以照著文章實際操作看看，把積木程式列表中的選項都打開來看一下。
稍微有些概念後，下一個單元我們會從設計角色開始，一步步帶大家設計自己遊戲中的主角ヾ(●゜▽゜●)♡，以及相當重要的大反派😈，當然也可以是女主角啦👸，或是披薩🍕、可樂或炸雞🍗之類的，我們下個單元見～
