描述

接線

在 Arduino 上堆疊 PHPoC WiFi 屏蔽。

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

數(shù)據(jù)流

Arduino ---> PHPoC WiFi Shield ---> 網(wǎng)絡(luò)瀏覽器

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

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

請(qǐng)注意： PHPoC shield 有一個(gè)內(nèi)置程序可以將數(shù)據(jù)從 Arduino 傳遞到網(wǎng)絡(luò)瀏覽器。因此，我們不需要關(guān)心它。

我們需要做什么

為PHPoC shield設(shè)置WiFi信息（SSID和密碼）

將新的 UI 上傳到 PHPoC shield

編寫 Arduino 代碼

為 PHPoC Shield 設(shè)置 WiFi 信息

請(qǐng)參閱此說明。

將新的 Web UI 上傳到 PHPoC Shield

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

根據(jù)此說明使用PHPoC 調(diào)試器將它們上傳到 PHPoC shield 。

編寫 Arduino 代碼

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

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

測(cè)試

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

打開網(wǎng)絡(luò)瀏覽器，輸入http:// replace_ip_address/remote_color.php

單擊連接按鈕并進(jìn)行測(cè)試。

適合初學(xué)者的最佳 Arduino 入門套件

查看適合初學(xué)者的最佳 Arduino 套件

函數(shù)引用

環(huán)形（）

設(shè)置（）

Serial.begin()

序列號(hào).println()

延遲（）

for循環(huán)

while循環(huán)

如果別的

字符串.toInt()

?