用micro:bit玩體感遊戲
前一陣子都在玩 micro:bit,嘗試用它來做各項應用。回憶起很早以前玩 Scratch 時,除了在電腦上直接按鍵控制角色外,也可以透過一些軟硬體套件配合,利用 Arduino 來連動。後來也有軟體搭配,讓 micro:bit 能夠控制 Scratch 角色。這讓我想到:我應該可以繞過這些複雜的套件,直接用 micro:bit 來控制網頁遊戲吧?
技術原理與可行性
結合以下三個核心特色,就能達成硬體與網頁遊戲的互動:
- 感測器豐富:micro:bit 內建傾斜、加速度和光線感測器,能即時產生動態數據。
- 多元傳輸介面:數據可以透過 UART Serial(USB 線)或藍牙(Bluetooth)傳回電腦。
- 現代瀏覽器支援:目前的瀏覽器(如 Chrome)已支援 Web Bluetooth 或 Web Serial API,可直接讀取硬體資料。
micro:bit 體感遊戲控制專案
基於上述構想,我製作了一個小專案。透過這個網頁介面,你可以輕鬆實現體感操作:
- 體驗網頁:micro:bit 體感遊戲控制
- GitHub Repo:ChihHsiangChien/microbit-BLE-UART-game
設定教學與操作流程
1. MakeCode 專案設定
在使用藍牙連線前,務必先在 MakeCode 進行以下設定:
- 點擊 MakeCode 右上角的齒輪 ⚙️。
- 選擇「專案設定」(Project Settings)。
- 勾選 No Pairing Required (不需要配對)。
2. 產生並燒錄程式
在專案網頁中,你可以選擇想要的「控制方式」與「傳輸介面」,網頁會自動產生對應的程式碼。請切換到 micro:bit MakeCode 的 JavaScript 標籤區,將代碼貼上並上傳至開發板。
3. 開始玩耍
設定完成後,下方就有一些簡單的體感遊戲可以直接測試玩耍囉!
透過這種方式,就可以用 micro:bit 成了網頁遊戲的搖桿。