LED ( 兩顆交互閃爍 )

在基礎教學裡已經認識了 LED 的用法,接下來就要做點延伸的應用,在這篇教學裡,將會利用點選網頁的按鈕,同時操控兩顆 LED 燈,做出兩顆 LED 燈交互閃動的效果。

LED 基礎教學:LED

教學影片

接線與實作

因為我們這次有使用到兩顆 LED 燈,因為馬克一號只有一個 GND,所以要使用麵包板來進行,將一顆 LED 燈長腳接在 11,另外一顆 LED 燈長腳接在 10,兩顆 LED 燈共用一個 GND ( 地線 ),但如果是使用 Webduino Fly,上頭有三個 GND,直接用杜邦線連接就可以。

由於 Webduino 支援開發板種類只會越來越多,接線圖先使用馬克一號與 Fly 示範,對於其他開發板來說,只要 LED 長腳接數位腳 ( 數字 ),短腳接 GND,仍會一樣的效果

馬克一號接線示意圖:

馬克一號接線 LED 燈

Fly 接線示意圖:

Fly 接線 LED 燈

基本操作

打開 Webduino Blockly 編輯工具 ( https://blockly.webduino.io ),因為要使用網頁按鈕,打開 Webduino Blockly 的網頁互動測試區,下拉選單選擇「按鈕行為」,此時畫面中會出現五個網頁按鈕,右下角也會出現對應的積木功能可以選擇。

網頁互動測試

把開發板放到編輯畫面裡,填入對應的 Webduino 開發板名稱,因為有兩顆 LED,所以要放入兩個 LED 積木,並且重新命名,名稱為 red 的 LED 腳位設定 10,名稱為 yellow 的 LED 腳位設定 11。

LED 相關的積木在「發光元件 > LED」目錄下。

LED 積木

放入點選按鈕的積木,點選按鈕 1 的時候紅色 LED 和黃色 LED 都會同時亮起,點選按鈕 2 的時候則會同時熄滅。

按鈕點選積木

接著繼續放入三個按鈕,點選按鈕 3 的時候讓兩個 LED 以 0.5 秒一次的速度閃爍,點選按鈕 4 改成 0.1 秒一次的速度閃爍,而按鈕 5 一開始讓紅色 LED 熄滅,黃色 LED 亮起,這樣執行閃爍的時候就會一明一暗的交互閃爍了。

LED 設定狀態積木

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,點擊網頁按鈕,就可以看到同時控制兩顆 LED 燈。

範例解答:https://goo.gl/jW9CVo

相關參考

購買 Webduino 系列產品:https://webduino.io/buy.html

如需轉帳付款請來信詢問:[email protected]