不知道從什麼時候開始，消費電子界颳起了一股RGB旋風：鍵盤，鼠標，機箱，乃至顯示器，不加點RGB燈效，好像就顯得不夠高端。一開始，我是不為所動的，覺得RGB太花哨。但是沒過多久，我也被RGB俘虜了，在電腦機箱裡面裝滿了花裡胡哨的RGB燈光。
可是好看的RGB燈光溢價也是很高的，有些所謂高端內存條，多了RGB燈光，價格就貴了好幾百。那麼RGB燈光真的就那麼貴嗎？答案是否定的。
一米長的RGB燈條不過十幾塊，再加上十塊多的ESP8266 NodeMCU單片機，我們就能很方便地做出可以通過網頁控制的炫彩RGB燈效!
RGB燈光的網頁控制界面，可以輕鬆控制顏色和動態燈效
大家是不是已經按耐不住了呢？現在就讓我們來開始製作吧！
一、所需材料
- WS2812B 全綵LED 3pin 5V 燈帶 （長度一米，60個RGB LED燈珠）
- ESP8266 NodeMCU開發板，自帶wifi模塊，自帶usb串口芯片
- 公對母杜邦線三根
- micro USB數據線一根
ESP8266是啥？
ESP8266 NodeMCU是一個非常適合用於物聯網和家庭智能項目的帶wifi模塊單片機。它的售價非常低廉，在某寶上一塊ESP8266開發板只要10幾塊錢！
ESP8266的介紹和入門指南可以參見我上次寫的這篇文章：
二、配置開發環境
首先參照我上次寫的ESP8266新手指南，設置好基本環境：
這裡簡單概括一下：
- 安裝串口芯片驅動(CH340或者CP2102)
- 安裝Arduino IDE
- 安裝用於Arduino IDE的ESP8266插件（如果下載不動，建議使用arduino中文論壇打包好的插件安裝包）
- 設置開發板型號並選擇正確的COM口
三、接線
WS2812B燈帶只有三根線，所以接線十分簡單：
- 紅色線 接 VIN
- 白色線 接 GND
- 綠色線 接 D2
不過，需要注意的是，WS2812B燈帶是有方向的，要注意燈帶上的箭頭，三根線要接在箭頭起始的那端。
四、上傳代碼
下載代碼包，雙擊使用Arduino IDE打開：
在Arduino IDE中安裝兩個依賴庫：WebSockets 和 FastLed：
修改wifi名稱和密碼：
點擊按鈕，上傳代碼到ESP8266:
稍等片刻，等待代碼上傳完成。
打開串口監視器：
確認傳輸速率為9600波特：
按下esp8266上的RST按鈕，串口監視器顯示esp8266開發板的ip地址：
五、上傳文件
這個時候如果設置正確，你會發現我們的燈帶已經開始不停變換色彩了！
不過，我們要怎麼控制燈效呢？
我們還要把燈效的控制頁面上傳到esp8266開發板~
ESP8266自帶了輕量級文件系統SPIFFS(Serial Peripheral Interface Flash File System)，我們需要把燈效控制界面的網頁文件上傳到ESP8266上。
下載arduino-esp8266fs插件，解壓並複製到`我的文檔/Arduino/tools`文件夾下（如果沒有tools文件夾，則需要新建）：
複製之後的文件夾結構：
重啟Arduino IDE之後，多了上傳文件功能：
點擊上傳，稍等片刻，data目錄下的文件會被上傳到ESP8266：
六、控制燈效
用同一局域網下的設備，在瀏覽器訪問剛才獲取的IP地址，通過網頁來控制燈效：
界面上可以控制顏色，亮度，甚至還有眾多預設的燈效可以選擇~
有沒有覺得燈效非常酷炫呢~
大家可以嘗試一下各種燈效，找到自己喜歡的效果，如果不滿意的話，甚至可以自己編寫新的燈效~
各位覺得這個小項目的燈光效果如何？在下面留言告訴我吧~
我是零度橙子，科技達人，谷歌認證雲計算架構師，AWS認證devops專家，歡迎大家關注我，瞭解有用有趣的科技知識～
閱讀更多 零度橙子 的文章
