← 專案持續維護2022–2025程式科技

科技應用專題・MakeCode Arcade

Arcade 遊戲機

和大海合作的遊戲設計課：大海做掌上遊戲機的硬體，站長負責教學與課程設計。學員用微軟 MakeCode Arcade 寫遊戲、燒進遊戲機，最後在發表會上給同學試玩、掃碼評分。

玩玩看兩代機
Arcade 遊戲機
  • 160 × 120螢幕解析度，最多 16 色
  • 2 代機大海做硬體，站長設計課程
  • 3 種寫法積木、JavaScript、Python
  • 5 項指標發表會的評分雷達圖

一代機裝上 3D 列印外殼。

玩玩看

小朋友下樓梯

一樣是 160 × 120、16 色的畫面。這一關要學的是站立平台、碰撞和重力。

Makecode Arcade Game Console

MAGC・160 × 120・16 色

按 A 開始。左右鍵移動，站穩平台往下走，別碰到上面的尖刺。鍵盤：方向鍵、空白鍵。

網頁重做的示意版，遊戲規則和數值是自己訂的。

合作

硬體與教學

  • 硬體

    大海

    遊戲機

    電路板、外殼，一代機到二代機都由大海製作。

  • 教學

    站長

    課程設計

    遊戲設計課的內容、上課方式、發表會與評分系統。

兩代機

一代到二代

一代機二代機
外觀電路板就是機身裝進 3D 列印外殼
螢幕1.8 吋2.8 吋
方向四顆方向鍵類比搖桿
聲音—PWM 推動蜂鳴器發聲
擴充SD 卡、GPIO 接點GPIO 接點、電池盒

構造

一台遊戲機裡有什麼

二代機的構造
二代機的構造
  • 輸入搖桿、A／B 兩個動作鍵、SELECT 與 MENU 兩個功能鍵。
  • 輸出2.8 吋彩色螢幕，加上用 PWM 推動的壓電蜂鳴器。
  • 連接microUSB 接電腦燒遊戲，旁邊留一排 GPIO 接點可以外接感測器。

一路改版

從電路板到發表會

  1. 焊上電路板

    2022一代機

    電路板就是機身

    方向鍵、A／B 鍵、1.8 吋螢幕，接上電腦就能把 MakeCode 的遊戲燒進去。

  2. 上台介紹自己的遊戲

    2022發表

    上台介紹自己的遊戲

    學員把自己寫的遊戲投影在大螢幕上，邊玩邊講。

  3. 一路改版的 3D 列印外殼

    2023外殼

    3D 列印外殼

    上蓋、電路板、電池盒一層一層疊起來，外殼一路改了好幾版。

  4. 2023二代機

    拿在手上玩

    加上搖桿、更大的螢幕和蜂鳴器。

  5. 2025發表會

    獨立遊戲發表會

    學員的遊戲擺出來給大家試玩，掃 QR code 評分、寫評語，作者可以登入看自己收到的回饋。

發表會

掃碼評分

每個遊戲旁邊貼一張 QR code。試玩的人用手機掃碼，給 1～5 分、寫一段評語；評分系統用 Google Apps Script 加試算表做成，全部存進同一張表。

作者用班級、座號登入，就能看到別人對自己遊戲的評價。最後依遊戲性、創意、美術、耐玩度、完成度畫成雷達圖，給出一個稱號，最高是「神作」。

做完之後會知道

寫一個遊戲要會的事

  • 事件與迴圈。按下按鍵、角色重疊、計時結束，程式都要有反應。
  • 座標與運動。位置、速度、重力，角色才會跳、會掉。
  • 碰撞偵測。碰到牆、吃到東西、被打到，都是判斷兩個角色有沒有重疊。
  • 從軟體到硬體。同一個遊戲，網頁上能玩，燒進遊戲機也能玩。
  • 發表與回饋。介紹自己的作品，從別人的評分裡找到下一版要改什麼。

相簿

寫遊戲、玩遊戲

  • 學員作品：投影在大螢幕上試玩

  • 學員作品

  • 一代機：電路板就是機身

  • 外殼的 3D 設計：上蓋、電路板、電池盒

想讓學生做自己的遊戲機

學校、老師或單位想合作程式設計或科技應用課程，歡迎來信。

來信洽詢看更多作品