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

搶先試用

三色 LED

三色 LED 是由紅、綠、藍,三種不同顏色的 LED 所組成,因此可以發出最少三種顏色的光,也由於三色 LED 內部含有三顆 LED 燈,所以它具有 VCC、R、B、G 四支針腳,我們也可以分別控制每個顏色的強弱,進一步達到混合顏色的效果。

教學影片

影片對應範例:https://blockly.webduino.io/?page=tutorials/rgbled-2

接線與實作

要控制三色 LED 燈,我們必須要使用 PWM 的腳位 ( Pulse Width Modulation,脈衝寬度調變 ),這是一種將類比信號轉換為波段並且輸出的腳位,可以改變輸出的信號大小,透過輸出信號的強弱,我們就可以做出各種不同顏色的混合,但因為開發板的不同,我們需要選擇對應的腳位來使用 ( 基本上在 Arduino 的開發板,有「~」記號的就是 PWM 腳位 )。

接線的方式就是將三色 LED 燈接上杜邦線 ( 一公一母 ) ,把 v 接在 3.3v 的位置 ( 避免電壓過高,造成三色 LED 燈會發出微弱的光線 ),R ( 紅色 ) 接在 6,B ( 藍色 ) 接在 10,G ( 綠色 ) 接在 9,如果沒有這些腳位,可以選擇其他有 PWM 的腳位來接 ( 3、5、11 )。

因為共用的接頭為 3.3v,因此這種三色 LED 稱作「三色共陽」的 LED,另外一種如果共用的接頭為 GND,則是「三色共陰」的 LED。

由於 Webduino 支援開發板種類只會越來越多,接線圖先使用馬克一號與 Fly 示範,對於其他開發板來說,只要紅綠藍三個顏色都接 PWM 腳位 ( 有 ~ 符號的數字腳 ),V 的針腳接 3.3v,仍會有一樣的效果

馬克一號接線示意圖:

馬克一號接線三色燈

Fly 接線示意圖:

Fly 接線三色燈

基本操作

打開 Webduino Blockly 編輯工具 ( https://blockly.webduino.io ),在畫面中放入開發板積木,填入 Device ID,在開發板內放入三色 LED 的積木,腳位設定紅色 6,綠色 9,藍色 10,三色 LED 變數名稱設定為 rgbled。

開發板的積木在「開發板控制」目錄下,三色 LED 積木在「發光元件 > 三色 LED」的目錄下。

webduino blockly rgbled

要讓三色 LED 發出紅光,只需要使用「rgbled 設定顏色」的積木,設定顏色為紅色,就會發出紅色光。

blockly 設定三色燈顏色

如果要讓三色 LED 隨機發出顏色,只要將顏色的積木換成「隨機顏色」就可以。

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

三色燈隨機顏色

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,就可以看到三色 LED 發出紅色光或是隨機顏色光了。

範例解答 ( 雲端平台 ):https://blocklypro.webduino.io/#XJLjG4LYMn

範例解答 ( 體驗版 ):https://goo.gl/Ux1GHD

網頁按鈕操控三色 LED

更進一步我們可以透過網頁操控三色 LED,打開 Webduino Blockly 的網頁互動測試區,下拉選單選擇「按鈕行為」,畫面裡會出現好幾個網頁按鈕,此時在右下角也會出現對應的積木功能可以選擇。

網頁互動按鈕

放入「點選按鈕...執行」的積木,放入對應顯示的顏色,如果選擇黑色就是把三色 LED 燈關起來,如此一來就可以在點擊按鈕的時候,發出對應的顏色。

按鈕積木

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,並開始點按網頁互動區裡的按鈕,就可以輕鬆地控制三色 LED 燈的顏色了。

範例解答 ( 雲端平台 ):https://blocklypro.webduino.io/?demo=demo-area-05#RY5jrNzdm9

範例解答 ( 體驗版 ):https://goo.gl/cbdHcy

相關參考