Webduino模擬器「瘋」神榜：用Web:Bit陣列學Youtube影片控制與玩賓果遊戲


之前使用 Smart 模擬器寫過「Webduino模擬器「瘋」神榜：用LED 點矩陣學亂數、玩賓果(簡易版與標準版)」與「Webduino模擬器「瘋」神榜：用 LED 點矩陣學陣列應用、玩賓果(進階版：可記錄與顯示已抽取號碼、Blockly 程式註解)，但是 Web:Bit 上的 LED 點矩陣只有 25 顆燈，僅能顯示 0 ~ 9 的個位數，該怎麼突破這樣的限制，讓 Web:Bit 也可以玩賓果遊戲呢？

答案就是：配合 Youtube 影片！

這次的範例使用 Canva 製作一段從 1 ~ 75 的影片，每個數字長度都是一秒鐘。



只要使用 Web:Bit 裏面的 Youtube 擴充功能積木，就可以在抽出號碼時，指定 Youtube 影片前往指定時間位置囉！




※ Webduino 官方網站：https://webduino.io/
※ Webduino 的 Web:Bit 教育版網址：https://webbit.webduino.io/
※ Webduino 的 Smart 模擬器網址：https://simulator.webduino.io/

※用Web:Bit陣列學Youtube影片控制與玩賓果遊戲網址 ：


不論您要使用真實的賓果遊戲卡或是使用虛擬的賓果遊戲卡，都可以讓同學們一起同樂喔！

















以下就來了解一下這個賓果遊戲的設計重點：

一、使用變數「total_number」，設定賓果遊戲數字數量

由於賓果遊戲的數字範圍可以有不同的設定，因此，透過變數「total_number」的設定，來讓使用者自行決定。



二、使用「重複」積木，建立賓果遊戲數字陣列

  • k_array 陣列：要從賓果遊戲抽出的號碼
  • k_award 陣列：將抽出後的號碼放入此陣列中，做為後續的查詢使用



三、將抽中號碼從陣列中移除，轉移加入已抽中號碼陣列中




四、使用「Youtube」積木載入影片並前往指定秒數

由於影片是從 1 ~ 75 的影片，每個數字長度都是一秒鐘，因此0秒就是1，1秒就是2，取得的「數字 - 1」即是該號碼的影片時間點。



五、使用「語音朗讀」積木唸出最近取得的5個數字

總是會有人忘記剛才抽出的號碼，所以將已抽出的號碼存入k_award陣列中，透過「語音朗讀」積木唸出方式取出最近5個數字。



六、用Web:Bit陣列學Youtube影片控制與玩賓果遊戲 Demo


上課與同學一起玩 Bit 賓果遊戲：




※ 教學資料總整理：


※ Youtube 直播與研習記錄：

※ 延伸閱讀：

留言

張貼留言