偵測溫度

Webduino Bit 的內建一個溫敏電阻,溫敏電阻類似光敏電阻的原理,即時透過類比訊號反饋溫度數值並偵測溫度的變化,進一步更能實現智能居家監測的相關應用。

基本操作 ( 顯示溫度數值 )

打開 Webduino Blockly Bit 體驗版 ( https://bit.webduino.io/blockly/https://bit.webduino.com.cn/blockly/ ),在編輯區放入開發板積木,開發板預設使用「模擬器」,連線到畫面中「虛擬的 Bit 開發板」,預設 Device ID 為 「1234」。

開發板相關積木,在「開發板」目錄下。

如果是使用「實體 Bit 開發板」,下拉選單選擇「Wi-Fi」,並於後方欄位填入開發板的 Device ID。

在開發板內放入「設定 thermistor 為熱敏電阻」的積木。

熱敏電阻相關積木,在「熱敏電阻」目錄下。

點選右上方的選單,打開網頁互動區,下拉選單選擇「顯示文字」,左側選單也會出現對應的積木功能。

放入 thermistor 開始偵測的積木,在偵測的同時,於網頁互動區顯示偵測到的溫度。

點選右上方紅色按鈕執行,會看見虛擬 Bit 開發板下方出現一個燈泡和一個火焰的圖案,這時候只要用滑鼠拖曳「火焰圖案」靠近熱敏電阻,就會看見溫度呈現在網頁中,如果是使用實體 Bit 開發板,則可以用手指按壓熱敏電阻,或用嘴吹氣,觀察溫度數值變化。

範例連結:Webduino Bit 偵測溫度Webduino Bit 偵測溫度

因為熱敏電阻為類比訊號,所以呈現的數值會有許多小數點以下的位數,我們可以透過四捨五入的積木,顯示小數點兩位的數值。

四捨五入到小數點的積木在「進階功能 > 數值轉換」目錄下。

元件互動 ( 全彩點矩陣顏色顯示溫度 )

5x5 全彩 LED 點矩陣 教學裡有介紹全彩點矩陣的用法,接著將會介紹如何透過不同的顏色,呈現溫度的變化,當溫度越高顏色越紅,反之溫度越低顏色越藍,一開始除了溫敏電阻,也放入設定 matrix 為全彩點矩陣的積木。

因為要改變顏色,所以會用到顏色目錄裡的「紅、綠、藍」顏色積木,由於在 Blockly 的設定中,混合顏色的最大值為 100,最小值為 0,待會將要把溫度的數值侷限在這個範圍內。

首先使用一個變數 t 表示偵測到的溫度,接著透過邏輯判斷:「如果 t 大於 100 則 t 只等於 100,如果 t 小於 0 則 t 只等於 0」,就能將 t 侷限在 0 到 100 之間,完成後也可透過網頁互動區顯示 t 的數值。

變數的積木在「變數」目錄下,邏輯積木在「基本功能 > 邏輯」目錄下,數字積木在「基本功能 > 數學式」目錄下。

放入「設定 matrix 第一顆色彩」的積木,設定紅色為 t,藍色為 100-t,如此一來當溫度越高就會越紅,溫度越低就會越藍。

數學式加減的積木在「基本功能 > 數學式」目錄下。

點選右上方紅色按鈕執行,要用滑鼠拖曳「火焰圖案」靠近或遠離熱敏電阻,就會看見全彩點矩陣的第一顆燈,呈現紅色藍色的變化,如果是使用實體 Bit 開發板,則可以用手指按壓熱敏電阻,或用嘴吹氣,觀察顏色變化。

範例連結:Webduino Bit 全彩點矩陣顏色顯示溫度 1Webduino Bit 全彩點矩陣顏色顯示溫度 1

如果要一次讓全彩點矩陣的 25 顆燈一起亮,可以透過迴圈的方式,讓 25 顆燈一起依據溫度而產生紅色藍色的顏色變化。

範例連結:Webduino Bit 全彩點矩陣顏色顯示溫度 2Webduino Bit 全彩點矩陣顏色顯示溫度 2