本設(shè)計使用由網(wǎng)頁控制的MicroPython驅(qū)動的節(jié)日燈裝飾!通過MicroPython和智能節(jié)日燈來慶祝節(jié)日,這些節(jié)日燈都是通過網(wǎng)絡(luò)控制的!該項目向您展示如何使用在ESP8266 WiFi微控制器上運行的MicroPython為NeoPixels設(shè)置動畫。只需在網(wǎng)頁上選擇動畫的顏色和類型,點擊一個按鈕,您的節(jié)日燈就會充滿動感的節(jié)日歡呼。智能節(jié)日燈甚至可以記住他們上次動畫時的動畫。這個項目很好地展示了ESP8266和MicroPython的優(yōu)勢,例如使用WebREPL輕松訪問WiFi并將數(shù)據(jù)存儲在MicroPython的文件系統(tǒng)中。
本指南需要以下硬件:
- ESP8266運行MicroPython。 該羽毛ESP8266是完美的,如果你沒有一個板呢,但是任何ESP8266板應(yīng)該工作。有關(guān)如何在電路板上運行MicroPython的詳細信息,請參閱電路板指南中的加載MicroPython。
- NeoPixels。 您可以使用任何類型的?NeoPixel,如條帶,矩陣等。但是請確保使用RGB而不是RGBW像素,因為此項目的代碼僅假設(shè)RGB像素。像30像素/米NeoPixels這樣的三到四米長的條帶非常適合環(huán)繞一個小花圈或小樹。查看NeoPixel Uberguide,了解有關(guān)不同類型NeoPixels以及如何為其供電的更多信息。
- 5V電源。 你需要一個5伏電源,有足夠的電流來驅(qū)動所有像素。每個NeoPixel都可以提供高達60mA的電流,因此請確保獲得足夠大的電源以支持所有像素!這款5V 10amp電源可以在全亮度下處理多達約150個NeoPixels(將一個插孔插孔 連接到接線端子適配器,以便輕松連接電源)。查看NeoPixel Uberguide以獲取更多電源選項。
- 大電容保護像素。 正如NeoPixel Uberguide所提到的那樣,您可能需要在電源連接處添加一個大電容,以防止突然出現(xiàn)電源時損壞像素。這里的4700uF 10V電解電容應(yīng)該可以很好地工作。
- 焊接工具。 您可能需要焊接一些NeoPixel和其他連接,因此請務(wù)必使用烙鐵,焊料和電線。如果您不熟悉焊接,請查看優(yōu)秀焊接指南。
接線
如下所示連接硬件:
- 電源接地/ -到NeoPixel GND /地和羽毛HUZZAH ESP8266 GND /地。
- 電源5V / +至NeoPixel + 5V和羽毛HUZZAH ESP8266 USB引腳。對于其他ESP8266板,請檢查其規(guī)格,看看哪個引腳可以支持運行電路板的5V電源輸入。
- 羽毛HUZZAH ESP8266針腳15到NeoPixel Din /輸入。您可以使用ESP8266上的大多數(shù)其他GPIO引腳(引腳16除外),但本指南假設(shè)您使用引腳15。
- 如果您使用電容來保護像素(強烈推薦?。埌慈缦路绞竭B接:
電容器陽極到電源5V / +。
如果您使用圓柱形插孔連接到端子排適配器,最簡單的方法是將電容器直接連接到下面的端子(確保帶有條紋的一側(cè)連接到負極/接地端子?。?/span>
接下來就進入軟件部分了
設(shè)置MicroPython和WebREPL
首先確保您為您的主板運行最新版本的ESP8266 MicroPython。有關(guān)將MicroPython加載到ESP8266板上的更多信息,請查看如何在電路板指南中加載MicroPython。
請注意,在本指南編寫時,當前版本的ESP8266 MicroPython是1.8.6。更高版本可能會更改WebREPL,因此如果遇到意外問題,請嘗試返回1.8.6版本。
接下來按照本指南設(shè)置ESP8266板上的WebREPL。請注意,最新的1.8.6版MicroPython略微改變了WebREPL的設(shè)置方式,因此請按照指南或官方說明啟用WebREPL。在您的ESP8266運行MicroPython并且可以連接到其WebREPL之前,請不要繼續(xù)
加載MicroPython代碼
代碼在文件中請自行下載
控制燈
現(xiàn)在為了一些樂趣,您已準備好控制網(wǎng)頁上的燈光!在Web瀏覽器中打開lights.html頁面(請注意,該頁面已使用最新的Chrome瀏覽器進行了測試,但它應(yīng)該可以與其他現(xiàn)代Web瀏覽器一起使用,例如Safari和IE 8+)。
你應(yīng)該看到頁面加載,看起來像:
確保您的計算機已連接到ESP8266主板的WiFi網(wǎng)絡(luò),就像您使用WebREPL時一樣(但請確保您沒有在另一個選項卡或瀏覽器中連接到WebREPL?。?。
將電路板URL設(shè)置為用于訪問WebREPL的URL(如果您不確定,則保留默認值,這是大多數(shù)WebREPL連接使用的)。
在密碼字段中輸入您在設(shè)置和訪問WebREPL時設(shè)置的密碼。
您可以使用頁面上的字段控制燈光的動畫:
- 動畫 - 此下拉菜單控制燈光是否會以實心脈沖,追逐,平滑淡入淡出或空白動畫(無動畫)進行動畫處理。
- 動畫周期 - 此值控制動畫的速度(以毫秒為單位),或動畫在任何特定顏色上停留的時間。小值會加速動畫,大值會減慢動畫速度。
- 顏色 - 此下拉菜單控制燈光將顯示的顏色范圍。您可以選擇藍色/紅色,綠色/紅色或藍色/白色顏色組。查看下面的index.html代碼和How it Works視頻3,了解如何添加更多顏色!
- 鏡像顏色 - 此復(fù)選框控制所選顏色是否應(yīng)平滑上下移動。默認情況下,顏色會從藍色變?yōu)榧t色,但是通過保持鏡面顏色檢查,您會看到它們上下移動,例如從藍色到紅色,再從藍色再到藍色。嘗試打開和關(guān)閉鏡像以查看它如何更改動畫。
選擇所需選項后,單擊“ 更新燈光”按鈕。過了一會兒,您應(yīng)該看到所選動畫的燈光栩栩如生!
怎么運行的
如果您對網(wǎng)頁如何控制燈光感到好奇,請下載觀看以下視頻,深入探討項目的創(chuàng)建和運作方式,視頻在壓縮文件中。