描述

接線

在 Arduino 上堆疊 PHPoC WiFi 屏蔽。

將顏色傳感器的引腳GND、3.3V、引腳SCL和SDA分別連接到Arduino的GND、3.3V、A4和A5。（見原理圖部分）

數據流

Arduino ---> PHPoC WiFi Shield ---> 網絡瀏覽器

Arduino 從傳感器讀取 RGB 顏色值并將值發送到 PHPoC WiFi Shield。當接收到顏色值時，PHPoC WiFi Shield 通過 websocket 將其發送到 Web 瀏覽器。Web 瀏覽器將背景顏色更改為接收到的顏色。

由于背景圖像是png圖像，圖像的某些部分是透明的。因此，我們會在背景圖片的透明部分看到背景顏色。在演示中，小黃人的身體是透明的。當背景顏色改變時，我們會看到 Minion 的顏色也改變了。

請注意： PHPoC shield 有一個內置程序可以將數據從 Arduino 傳遞到網絡瀏覽器。因此，我們不需要關心它。

我們需要做什么

為PHPoC shield設置WiFi信息（SSID和密碼）

將新的 UI 上傳到 PHPoC shield

編寫 Arduino 代碼

為 PHPoC Shield 設置 WiFi 信息

請參閱此說明。

將新的 Web UI 上傳到 PHPoC Shield

下載 PHPoC 源代碼 remote_color.php（在代碼部分）和 background.png 文件。

根據此說明使用PHPoC 調試器將它們上傳到 PHPoC shield 。

編寫 Arduino 代碼

安裝以下三個庫：Arduino 的 PHPoC 庫， SparkFun ISL29125 （參見說明）。

將 Arduino 代碼（在代碼部分）上傳到 Arduino。

測試

單擊 Arduino IDE 上的串行按鈕以查看 IP 地址。

打開網絡瀏覽器，輸入http:// replace_ip_address/remote_color.php

單擊連接按鈕并進行測試。

適合初學者的最佳 Arduino 入門套件

查看適合初學者的最佳 Arduino 套件

函數引用

環形（）

設置（）

Serial.begin()

序列號.println()

延遲（）

for循環

while循環

如果別的

字符串.toInt()

?