Webduino模擬器「瘋」神榜:用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片,一起來跨年倒數、跳妖怪手錶做運動,炒熱氣氛吧!
在 Webduino Blockly 網頁互動方式中的「Youtube」,可以讓我們輕鬆地將這些 IoT 物聯網的元件與影片結合做互動,不僅可以發揮 Webduino 原生網頁技術的優勢,更能利用 Youtube 影片帶動氣氛!不論是跨年倒數、生日派對、勁歌熱舞,都可以一起來玩玩看喔!
※ Webduino 官方網站:https://webduino.io/
※ Webduino 的Arduino 模擬器網址:https://simulator.webduino.io/
註:目前線上模擬器已經能在 Windows / MAC 電腦與平板上使用囉!
※ 用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片,一起來跨年倒數、跳妖怪手錶做運動 Demo 網址 :
- 馬克1號版:https://simulator.webduino.io/#-LhoueqEQUikFouQRZvY
- Smart 開發板:https://simulator.webduino.io/#-Lhov9l7ao-A8dJOgWA8
一、模擬器「硬體」連接與硬體積木程式:LED 點矩陣、蜂鳴器
- LED 點矩陣,腳位為:VCC:5V、GND:GND、DIN:14、CS:12、CLK:13
- 蜂鳴器,腳位為:05,另一個腳位接到 GND
二、載入 Youtube 影片,並暫停播放
目前 Webduino 支援單一影片或是播放清單,但是程式預設載入後就會開始播放影片,所以先設定影片的狀態為「暫停」。※ Webduino 使用 Youtube 影片網址注意事項:
- 支援:瀏覽器「網址列」的標準網址,如 https://www.youtube.com/watch?v=VyKLQXOj0ts
- 不支援:「短址」,如 https://youtu.be/3g5Stkt-w70!
※ 20210718補充:
由於行動裝置上 Youtube 影片網址與電腦版不同,因此,使用 Youtube 影片積木部份,只能在電腦版上執行,行動裝置上雖可顯示,但無法自動播放影片。
三、使用 for 迴圈開始倒數計時,將數字顯示在 LED 點矩陣上,並播放「嗶」一聲
for 迴圈是寫程式執行重複動作時,常會用到的語法,對於未來數字範圍的調整也都相當方便!四、前往影片特定時間位置,開始播放 Youtube 影片
Webduino 雖然不支援直接在 Youtube 網址上加入指定時間的語法,但是有提供「設定影片前往第?秒」的程式積木,這樣就能讓影片播放時,直接從最適合的時間點開始播放,不需要從頭重新播放!五、「一起來跳妖怪手錶做運動」模擬器實測:
是的,這個範例就是這麼簡單,趕快一起來做運動囉!
※ 延伸閱讀:
- 述文老師 Webduino 新書推出:跟著 Webduino 一起 Smart 學習!書籍專屬 Google 協作平台同步上架,章節試閱、即測即評、教學資源全都有!
- Webduino模擬器「瘋」神榜:終於可以用 Smart 開發板本尊亮相,不必再借用 Arduino UNO 以假亂真了!
- Webduino模擬器「瘋」神榜:真假 Webduino 開發板同臺競技!真假同樂會一起Hight翻天!
- 跟著 Webduino 一起翻轉 IoT 物聯網:杜邦線針頭斷在開發板針腳塑膠插座裏面,如何以「免解焊」的方式救回?
- Webduino模擬器「瘋」神榜:用伺服馬達+按鈕學旋轉角度控制與使用者資料輸入,看誰的角度「眉角」最神準!
- Webduino模擬器「瘋」神榜:用三色 LED 幫交通警察控制紅綠燈、學函數(流程)
- Webduino模擬器「瘋」神榜:用 LED 點矩陣+按鈕+蜂鳴器模擬擲骰子、認識等待、聲音播放與停止積木
- 跟著 Webduino 一起翻轉 IoT 物聯網:什麼,連測試的 Blockly 積木都懶得寫?那就使用「載入範例積木」功能吧!
- Webduino模擬器「瘋」神榜:用 LED 點矩陣學陣列應用、玩賓果(進階版:可記錄與顯示已抽取號碼、Blockly 程式註解)
- Webduino模擬器「瘋」神榜:用LED 點矩陣學小綠人動畫與分鏡設計
- 跟著 Webduino 一起翻轉 IoT 物聯網:杜邦線使用PK賽「張君雅小妹妹麵條餅」一排一排 V.S「模範生點心麵」獨立麵條式一條一條?
- Webduino模擬器「瘋」神榜:用LED燈+蜂鳴器+超音波完成「倒車雷達」、學「多重邏輯判斷」
- Webduino模擬器「瘋」神榜:用「多顆LED霹靂燈」學列陣與多重迴圈
- Webduino模擬器「瘋」神榜:用「多顆LED霹靂燈」學變數命名與迴圈
- Webduino模擬器「瘋」神榜:模擬器為什麼無法「模擬」出結果?
- Webduino模擬器「瘋」神榜:用「如來神掌」玩超音波感測器!
- 跟著 Webduino 一起翻轉 IoT 物聯網:線上模擬器為何無法做元件的「連線」?
- 什麼?Webduino 也能玩假的?Webduino 最新推出的 Arduino 模擬器,讓您也能「弄假成真」!
留言