Webduino 學習手冊網站即將改版,提供您更好的閱讀體驗!

搶先試用

按鈕開關 ( 控制顏色 )

Smart 開發板上內建一個微型按鈕開關,透過開關的三種行為:按下、放開和長按,可以控制三色 LED 燈的顏色,甚至將原本正在執行的迴圈暫停或啟動迴圈。

Webduino Blockly 操作解析

在畫面中放入開發板積木,開發板下拉選單選擇「Smart」,連線方式選擇「Wi-Fi」,填入 Device ID,在開發板內放入三色共陰 LED 的積木 ( 腳位設定為紅 15、綠 12 和藍 13 ) 和上拉按鈕開關的積木 ( 腳位 4 )。

取得 Device ID、使用 IP 來進行 WebSocket 操控,請參考:Webduino Smart ( 初始化設定 )

Webduino Smart、三色燈與按鈕開關

一開始用按鈕的積木來測試最簡單的範例,當按鈕「按下」的時候,三色 LED 燈就會出現隨機的顏色,當按鈕「長按」,就會關閉三色 LED 燈,完成後填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,接著按壓按鈕開關,就會看到三色 LED 燈發出不同顏色了。

隨機顏色功能在「基本功能 > 顏色」目錄下。

設定按鈕開關顯示三色燈顏色

除了基本的按鈕操控,我們也可以用按鈕開關來停止迴圈或開始迴圈,因為按鈕開關只有一個,所以必須透過一個會切換「真」與「否」的變數來判斷何時該停止迴圈,首先放入一個變數,命名為 a,將其初始值設定為「否」( 也就是迴圈停止狀態 ),接著在按鈕開關按下的時候,判斷如果是「否」,就切換為「真」,反之切換為「否」。

邏輯與真否的功能在「基本功能 > 邏輯」目錄下,此處不見得要用真或否,亦可使用 1 或 0 之類的數字判斷,總之必須要知道哪一個是對應迴圈停止,哪一個是對應迴圈開始。

利用邏輯積木設定按鈕動作

接著放入「無窮迴圈」的積木,無窮迴圈有兩種形式,一種是「當」,表示「當發生什麼事情」的時候會啟動迴圈,另外一種是「直到」,表示「直到發生什麼事情」的時候就會停止迴圈

無窮迴圈的積木

在「無窮迴圈」積木下拉選單選擇「直到」,後面邏輯判斷放入「a 等於否」,也就是說如果按下開關的時候,a 切換為否,迴圈就會停止,不然就會啟動迴圈。迴圈內放入隨機顏色的積木,以及一個等待 0.5 秒的積木,注意!使用無窮迴圈一定要使用等待積木,不然可能會造成瀏覽器的效能被耗盡的情況。

無窮迴圈的功能在「基本功能 > 迴圈」目錄下,等待功能在「進階功能 > 等待」目錄下。

使用無窮迴圈與等待積木

最後放入「長按」的積木,在按鈕開關長按的時候,將 a 變成否,停止迴圈,同時把三色 LED 燈關閉。

放入長按按鈕開關積木

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,開始按壓按鈕開關,就可以控制顏色的播放,同時也可以暫停播放或關閉三色 LED 燈。

解答:https://goo.gl/HzTcbe

相關參考