我的 Stem Project (五) 考反應小遊戲

前 四 課 ,我 們 學 會 了 使 用 Arduino UNO 來 亮 著 LED 和 如 何 在 Arduino 上 使 用 push button,是 時 候 用 這 些 知 識 來 製 作 小 遊 戲 。

教 孩 子 programming,給 孩 子 功 課 ,要 孩 子 自 己 去 寫 program,其 實 就 是 在 訓 練 小 朋 友 的 創 意 。大 家 應 該 都 了 解 ,創 意 並 不 是 花 幾 千 蚊 去 買 一 盒 頂 級 lego 回 來 砌 完 佢 ,那 只 是 鸚 鵡 學 舌 ,只 是 模 仿 。

等 一 等 ,喂 ,只 有 buttonLED 兩 樣 野 ,可 以 玩 什 麼 遊 戲 呀 ?

就 像 筆 者 兒 時 的 校 歌 ,「艱 苦 我 奮 進 ,困 乏 我 多 情 」,創 意 是 不 可 能 被 貧 乏 限 制 的 。我 們 小 時 候 一 顆 波 子 一 個 衣 夾 ,不 是 亦 會 玩 得 不 亦 樂 乎 麼 ?有 一 堆 LED 和 一 個 push button,再 加 上 一 塊 programmable 的 Arduino,應 該 夠 小 朋 友 發 揮 無 限 想 像 力 的 了 。

筆 者 從 來 只 相 信 身 教 ,你 希 望 孩 子 有 創 意 ,唯 一 的 方 法 就 是 你 自 己 先 要 有 創 意 。嘿 嘿 ,我 們 來 一 起 做 一 個 考 反 應 的 小 遊 戲 吧 。

Lesson 5

Lesson 5

我 們 先 建 立 好 上 面 的 電 路 吧 ,1 個 push button 用 pull down 的 方 法 接 在 pin 2,作 為 輸 入 。然 後 ,5 顆 LED 分 別 接 到 pins 8 – 12。

其 實 我 們 應 該 是 先 設 計 好 遊 戲 ,再 去 著 手 設 計 電 路 的 。在 這 裡 ,我 先 把 電 路 畫 出 來 ,是 因 為 可 以 方 便 我 們 去 解 說 遊 戲 的 邏 輯 。

1. 首 先 ,遊 戲 會 進 入 待 機 狀 態 ,等 待 玩 家 。這 時 候 單 數 LED 和 雙 數 LED 會 輪 流 閃 亮 。此 時 如 果 有 人 按 動 push button,遊 戲 就 會 開 始 。
2. 遊 戲 開 始 ,LED 會 由 左 至 右 不 停 循 環 閃 動 ,然 後 玩 家 要 在 「中 間 」的 LED 亮 著 時 按 動 push button。
3. 如 果 成 功 ,遊 戲 會 進 入 下 一 個 level,LED 閃 動 會 加 快 。
4. 如 果 失 敗 ,遊 戲 會 停 留 在 這 一 個 level,從 新 開 始 。
5. 遊 戲 會 總 共 進 行 5 次 ,完 成 之 後 ,會 由 LED 顯 示 分 數 。如 果 全 錯 就 沒 有 LED,如 果 按 對 兩 次 ,就 亮 2 顆 LED,如 此 類 推 。
6. 報 完 分 數 ,遊 戲 返 回 待 機 狀 態 。

遊 戲 的 邏 輯 很 好 理 解 吧 ,現 在 要 如 何 把 這 個 邏 輯 轉 化 為 程 序 呢 ?

因 為 唔 知 道 玩 家 會 幾 時 按 按 鈕 ,所 以 程 序 會 是 一 個 無 限 循 環 ,去 檢 查 幾 時 有 玩 家 按 了 按 鈕 。

我 會 先 建 立 一 個 變 數 ,叫 gameState。0 就 是 待 機 ,1 就 是 第 一 次 遊 戲 ,2 就 是 第 二 次 遊 戲 ,…,5 就 是 最 後 一 round,6 就 是 顯 示 分 數 。6 之 後 就 會 回 到 0。這 是 主 宰 整 個 遊 戲 的 變 數 。在 任 何 一 個 循 環 ,程 序 想 知 道 現 在 是 那 一 個 state,檢 查 一 下 gameState 的 值 就 知 道 了 。

然 後 就 來 寫 每 一 個 gameState 內 要 進 行 的 程 序 ,就 由 0 開 始 吧 。在 這 個 gameState,LED 會 單 雙 數 輪 流 閃 動 ,直 至 有 人 按 按 鈕 為 止 。

Lesson 05 -Scratch 01

Lesson 05 -Scratch 01 ( gameState = 0 )

首 先 ,我 們 新 增 一 個 Make a Block,叫 做 waitUser,用 來 做 待 機 狀 態 的 LED 閃 動 。我 們 再 新 增 一 個 變 數 waitLedState,這 個 waitLedState 只 有 兩 個 狀 態 ,0 時 就 單 數 LED 亮 著 ,1 時 就 雙 數 LED 亮 著 。watiUser 的 功 用 就 是 改 變 waitLedState,是 0 轉 1,是 1 就 轉 0。

在 無 限 循 環 裡 面 ,我 們 增 加 一 個 if then else block,用 來 檢 查 gameState 的 值 ,我 們 現 在 寫 的 是 gameState = 0 的 內 容 ,所 以 要 把 這 一 階 段 寫 的 blocks 都 放 到 if then else block 裡 面 。

這 一 階 段 的 程 式 就 是 兩 個 if block,第 一 個 if 是 檢 查 時 間 ,如 果 夠 0.5 秒 就 轉 一 次 waitLedState,於 是 LED 就 會 輪 流 閃 動 。第 二 個 if 是 檢 查 用 家 有 沒 有 接 push button,如 果 有 ,就 把 遊 戲 推 動 到 下 一 個 gameState

這 時 候 我 們 就 可 以 測 試 一 下 程 序 了 ,按 Upload to Arduino。完 成 之 後 ,你 就 應 該 看 得 到 我 們 的 小 遊 戲 的 「待 機 畫 面 」了 。這 時 候 ,如 果 你 按 一 下 push button,LED 的 閃 動 就 會 停 止 ,因 為 gameState 已 經 轉 變 為 1 了 。

驟 眼 看 是 不 錯 ,但 有 聽 書 的 小 朋 友 應 該 可 以 發 現 到 問 題 。這 正 正 就 是 第 四 課 所 說 的 ,我 們 沒 有 記 錄 那 個 button 的 完 整 click cycle。假 如 有 個 玩 家 長 按 著 鍵 不 放 ,遊 戲 是 否 應 該 繼 續 呢 ?所 以 我 們 應 該 把 程 序 調 整 一 下 ,是 在 玩 家 放 手 ( 就 是 keyUp event ) 時 才 把 gameState 轉 移 到 下 一 個 state。

我 們 可 以 跟 著 第 四 課 來 改 動 程 序 ,但 問 題 來 了 ,我 們 每 次 都 在 timer > 0.1 時 reset 了 timer,那 timer 永 遠 不 到 達 0.5,那 LED 燈 就 不 會 閃 動 了 ,那 怎 麼 辦 呢 ?

其 實 我 們 可 以 用 variables 來 模 擬 多 幾 個 timer 的 。試 看 以 下 的 程 序 。

Lesson 05 - Scratch 02

Lesson 05 – Scratch 02

我 們 添 加 了 兩 個 變 數 timerAtimerB。使 用 的 方 法 是 ,1. 如 果 要 reset timerA,就 用 set timerA to timer;2. 如 果 想 取 得 timerA 的 時 間 ,就 使 用 timer – timerAtimerB 亦 是 一 樣 ,你 可 以 自 行 增 加 多 少 個 timer 都 可 以 。

以 上 的 程 序 執 行 之 後 ,接 在 pin 9 的 LED 會 每 0.5 秒 開 關 一 次 ,pin 11 的 LED 會 每 1 秒 開 關 一 次 。你 可 以 隨 意 設 定 它 們 閃 爍 的 時 間 ,以 觀 察 不 同 的 結 果 。

好 了 ,回 到 我 們 的 小 遊 戲 吧 。

Lesson 05 - Scratch 03

Lesson 05 – Scratch 03

按 照 前 面 提 到 的 方 法 修 改 了 程 序 ,現 在 如 果 玩 家 長 按 buttonLED 的 閃 動 是 不 會 停 止 的 ,要 到 玩 家 放 開 button,就 是 keyUp 時 ,遊 戲 才 會 去 到 下 一 個 state。

下 一 步 ,我 們 就 要 開 始 遊 戲 了 ,首 先 要 增 加 幾 個 變 數 。我 們 的 遊 戲 的 速 度 會 提 升 ,所 以 我 們 要 有 initialSpeedcurrentSpeed。我 們 要 知 道 現 在 是 那 一 pin 亮 燈 ,所 以 會 有 currentPin。遊 戲 會 計 分 ,所 以 亦 有 score。我 們 使 用 roundFinish 去 記 錄 在 每 一 round 玩 家 按 了 鍵 沒 有 。

這 時 我 們 要 建 立 一 個 Make a Block 叫 做 loopLED,作 用 是 令 LED 輪 流 亮 起 ( 亮 起 的 永 遠 是 currentPin )。但 loopLED 要 在 玩 家 未 按 鈕 時 才 工 作 ,所 以 會 加 上 if block。我 們 用 回 timerA 來 設 定 閃 動 的 時 間 ,那 個 時 間 就 用 currentSpeed

Lesson 05 - loopLED

Lesson 05 – loopLED

在 主 入 每 一 層 遊 戲 之 前 ,我 們 都 要 初 始 化 各 項 設 定 ,亦 即 是 我 們 的 變 數 。所 以 ,在 我 們 把 gameState 轉 變 為 1 的 時 候 ,要 同 時 設 定 好 各 個 變 數 ,亦 要 reset 一 次 timerA。因 為 每 一 個 round 都 要 initialize 一 次 ,所 以 我 們 可 以 增 加 一 個 Make a Block 叫 initializeRound

Lesson 05 - initializeRound

Lesson 05 – initializeRound

而 當 使 用 者 在 gameState = 1 按 動 按 鈕 時 ,我 們 在 keyDown 就 要 停 止 這 一 個 round,然 後 按 結 果 ( currentPin = 10,亦 即 中 間 的 LED ) 來 計 分 和 看 看 是 不 是 要 增 加 難 度 ( 把 currentSpeed 除 2 )。在 玩 家 放 手 時 就 進 入 下 一 round ( change gameState by 1 ),並 初 始 化 下 一 round 的 變 數 ( initializeRound )。

Lesson 05 - button press in rounds

Lesson 05 – button press in rounds

完 成 之 後 就 是 下 面 的 樣 子 。

Lesson 05 - Scratch 04

Lesson 05 – Scratch 04

好 了 ,我 們 可 以 來 寫 round 2 了 。聰 明 的 讀 者 應 該 可 以 感 應 到 ,round 2 的 程 式 和 round 1 是 沒 有 分 別 的 。所 以 ,我 們 可 以 直 接 duplicate 整 個 round 1 的 blocks ( 在 gameState = 1 那 個 if then else block 去 right click,再 選 duplicate ),然 後 直 接 copy 到 下 面 用 就 可 以 了 。

Lesson 05 - using multiple OR block

Lesson 05 – using multiple OR block

但 這 是 完 全 沒 有 必 要 的 ,亦 會 令 到 我 們 的 程 式 碼 過 長 ,以 後 很 難 debug。而 且 ,當 要 改 寫 的 時 候 ,亦 要 逐 round 一 個 個 地 去 改 。其 實 我 們 只 要 在 if gameState = 1 then 那 行 ,加 上 2, 3, 4, 5 就 可 以 了 ( 明 顯 地 ,第 3, 4, 5 round 的 程 式 碼 亦 都 是 一 樣 的 )。

Lesson 05 - Scratch 05

Lesson 05 – Scratch 05

終 於 到 了 最 後 一 個 gameState ( = 6 ),就 是 報 分 。我 增 加 了 一 個 Make a Block 叫 showScore。首 先 ,所 有 LED 會 全 滅 ,然 後 按 玩 家 的 得 分 逐 顆 亮 起 ,1 分 1 顆 ,2 分 2 顆 ,如 此 類 推 。報 分 時 可 以 慢 一 點 ( wait 1 sec ),增 加 一 點 懸 疑 性 。到 達 分 數 之 後 ,就 整 體 閃 5 次 ,讓 玩 家 確 認 最 後 得 分 。

Lesson 05 - showScore

Lesson 05 – showScore

showScore 裡 面 全 都 使 用 wait block,因 為 在 gameState = 6 的 時 候 ,我 們 只 要 報 分 ,並 不 需 要 玩 家 輸 入 。在 showScore 完 成 之 後 ,我 們 把 gameState 重 新 設 定 為 0,整 個 遊 戲 從 新 開 始 。

在 這 裡 ,我 想 特 別 提 出 一 下 forever block 裡 面 的 if then else block。試 比 較 以 下 兩 個 情 況 。

Lesson 05 - if then else

Lesson 05 – 1. if then else

Lesson 05 - if then

Lesson 05 – 2. if then

在 第 1 幅 圖 ,我 們 一 連 用 了 幾 個 if then else block,一 個 包 住 一 個 ( 這 叫 nesting )。而 在 第 2 個 情 況 ,我 們 用 了 3 個 獨 立 的 if block。雖 說 兩 者 執 行 出 來 的 結 果 是 一 樣 ,但 performance 肯 定 不 一 樣 。如 果 用 單 純 用 3 個 if block,程 序 在 每 個 loop 都 一 定 要 比 對 3 次 。但 如 果 改 用 if then else block,只 要 檢 測 到 了 成 功 的 條 件 ( True ),其 餘 的 if 就 不 會 再 比 對 下 去 。個 人 覺 得 在 比 較 慢 的 硬 件 上 ,還 是 必 須 要 養 成 一 點 寫 程 式 的 好 習 慣 才 行 。

因 為 這 次 的 程 序 比 較 長 ,所 以 我 把 程 序 放 出 來 給 大 家 下 載 。但 希 望 大 家 不 只 是 純 粹 把 程 序 下 載 來 玩 ,而 是 花 少 許 時 間 自 己 建 立 一 次 。

最 後 ,又 是 功 課 時 間 。1. 試 試 把 每 一 round 中 的 遊 戲 速 度 ,變 為 隨 機 的 速 度 ;2. 嘗 試 改 變 「待 機 」LED 的 閃 動 方 式 ;3. 嘗 試 改 變 「報 分 」的 方 式 ;4. 試 試 自 己 設 計 一 個 用 LED 和 push button 來 玩 的 小 遊 戲 吧 。

下 一 堂 ,我 們 開 始 學 習 用 Arduino 去 控 制 複 雜 一 點 的 硬 件 。

檔 案 下 載 :   lesson-5.zip

小 遊 戲 實 作

考 反 應 小 遊 戲

延 伸 課 堂 :自 己 動 手 做 一 個 Arduino Shield

第 二 版

考 反 應 小 遊 戲 Proto Shield 第 二 版

ctleung張 先 生 ,男 性 ,肖 龍 。
職 業 :I.T. Consultant
簡 介 :不 好 好 讀 書 ;七 尺 差 五 寸 ,手 長 過 膝 ,雙 耳 垂 肩 ;性 寬 和 ,寡 言 語 ,喜 怒 不 形 於 色 。據 說 少 時 曾 斬 白 蛇 於 鳳 凰 山 下 ……

我 的 STEM Project 系 列

我 的 Stem Project (一 ) Raspberry Pi 3 vs Arduino UNO
我 的 Stem Project (二 ) 使 用 Scratch 來 控 制 Arduino UNO
我 的 Stem Project (三 ) 使 用 Push Button 來 做 Input
我 的 Stem Project (四 ) Push Button 進 階 一 點 的 用 法
如 何 購 買 Arduino ?( STEM project )
我 的 Stem Project (五 ) 考 反 應 小 遊 戲
我 的 Stem Project (六 ) 用 Arduino 控 制 7 segment display (基 礎 篇 )
我 的 Stem Project (七 ) 用 Arduino 控 制 7 segment display ( 進 階 篇 )
我 的 Stem Project (八 ) 用 Arduino 控 制 7 segment display ( 簡 化 篇 )
我 的 Stem Project (九 ) 用 Arduino 控 制 Buzzer 唱 歌
我 的 Stem Project (十 ) Arduino Multi-function Shield using Scratch (1)
自 己 動 手 做 一 個 Arduino Shield ( STEM project )
我 的 Stem Project (十 一 ) Arduino Multi-function Shield using Scratch (2)
我 的 Stem Project (十 二 ) Arduino Music Light Show
Arduino 的 電 池 ( STEM project )
我 的 Stem Project (十 三 ) Arduino Multi-function Shield using Scratch (3)
自 己 寫 個 mBlock extension (一 ) TM1637 4-digit-display
自 己 寫 個 mBlock extension (二 ) 1602 I2C LCD Module
自 己 寫 個 mBlock extension (三 ) 2-digit-display using 74HC595
This entry was posted in STEM and tagged , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *