描述

這是使用物聯網增強現實的演示。我的家庭辦公室溫度和濕度顯示在虛擬儀表板上，該儀表板在真實紙板的頂部進行了增強。在硬紙板的地板上增加了一個虛擬按鈕。點擊按鈕后，儀表板消失。這項技術有很大的潛力，我很好奇你建立了什么。

許多大學生問我如何輕松地重新創建這個項目。因此，我正在嘗試記錄每個步驟，以便您可以快速開始。如果你遇到問題，讓我們在 github repo 上討論，以便每個人都可以貢獻。

先決條件

Unity - 我使用的是 2018.4.34 版本。如果可以的話，請堅持使用這個版本，因為我聽說不同的版本有時不一樣。

Vuforia - 您可以通過 Unity Hub 本身安裝它。您還需要在https://developer.vuforia.com/中創建一個開發者帳戶

Arduino IDEA - 您需要安裝它并準備它以上傳 ESP8266 草圖。你可以按照這個教程

Visual Studio Code 或您最喜歡的編輯器

MQTT 客戶端 - 從這里下載

該項目有兩個高級組件。

從 Node MCU (ESP8266) 向 MQTT 發送傳感器數據

在 AR 儀表板上顯示來自 MQTT 的傳感器數據

將傳感器數據發送到 MQTT

如上圖所示，將 DHT11 傳感器連接到 ESP8266

"+" to 3V3 Pin

"-" to GND Pin

"Out" to D4 pin

將 repo 克隆到您的計算機

?

git clone https://github.com/just4give/ar-sensor-unity.git

?

在 Arduino IDE 中打開SensorMCU.ino文件更新以下 3 行。輸入您的 Wifi SSID、密碼并選擇主題名稱，例如“yourname/esp8266/sensor”

?

const char* ssid = "";//put your wifi network name here
const char* password = "";//put your wifi password here
const char* topic = "";

?

更改代碼后，上傳草圖并檢查串行監視器中的日志。您應該看到每分鐘打印一次溫度和濕度。

現在，為確保將傳感器數據發送到 MQTT，請打開您之前下載的MQTT.fx客戶端。然后創建一個新的連接配置文件。

Broker Address = broker.hivemq.com

Broker Port = 1883

Client ID = Click on "Generate" button to get random id

創建配置文件后，連接到代理。然后轉到“訂閱”選項卡并輸入您的主題名稱，然后單擊“訂閱”按鈕。稍等片刻，您應該會看到 ESP8266 板上出現數據！

恭喜！您現在已成功將傳感器數據發送到 MQTT 代理。你已經成功了一半！

準備你的目標

您的增強儀表板將附加到目標圖像。從我的存儲庫中打印target_image.jpeg ，這將是您的目標。您可以使用您選擇的任何其他圖像。為此，您需要在 Vuforia 開發者帳戶中創建圖像目標。我會稍微解釋一下。現在，只需打印出圖像或在手機或平板電腦上打開即可。

在 Unity 上創建 AR 儀表板

打開 Unity Hub，單擊“添加”按鈕并選擇您之前克隆的 ar-sensor-unity 文件夾。您應該看到如下導入的項目。

單擊將在 Unity 中打開該項目的項目，該項目應如下所示。

你會注意到，主視圖有點空。現在，將“sensorscreen”拖到“Untitled”（左上角），您應該會看到添加了“sensorscreen”，如下圖所示。

現在，右鍵單擊“無標題”并刪除屏幕。然后在 VS 代碼或任何編輯器中打開 Assets/Scripts/SensorReader.cs 文件并輸入您在 ESP8266 中使用的主題名稱。

現在，將 USB 攝像頭連接到您的計算機，然后單擊播放按鈕。將您的相機聚焦在目標圖像上，您應該會看到通過 Unity 上的相機視圖增強的虛擬儀表板。

恭喜！！！您已成功創建 AR 項目。

您自己的圖像目標

到目前為止，在這個項目中，您已經使用了我的 Vuforia 圖像目標。如果我從開發人員門戶中刪除我的 Vuforia 密鑰，它將無法工作。因此，如果您在閱讀本文時遇到任何問題，則需要創建自己的圖像目標。

訪問https://developer.vuforia.com/并注冊您的帳戶。然后登錄您的帳戶并導航到“許可證管理器”頁面。單擊“獲取開發密鑰”。在下一頁中，輸入許可證名稱，輸入您的姓名并單擊“確認”。你應該看到你的執照。單擊您的許可證，然后在下一頁上復制許可證密鑰。

現在，前往 Unity，點擊“ARCamera”，然后點擊“Open Vuforia Engine Configuration”

然后將許可證密鑰粘貼到“應用程序許可證密鑰”字段下，然后單擊“添加許可證”。這將打開 Vuforia 開發人員門戶。前往“目標管理器”，然后單擊“添加數據庫”按鈕并創建一個。

現在，單擊將帶您到以下頁面的數據庫。

在添加新的圖像目標之前，首先從互聯網上選擇一張圖像。我要使用這個。

?

現在，單擊“添加目標”按鈕。從您的計算機中選擇圖像。

類型 = 單個圖像

寬度 = 0.2 比例的目標。我的目標是 0.25 米。所以 0.25x0.2=0.05

幾分鐘后，您可以看到圖像的評分。更高的評級意味著增強期間的更高準確度。

現在，選擇目標并單擊“下載數據庫”。下載后，雙擊文件并導入 Unity。

然后在 Unity 中，選擇 Image Target、database 和 image，如下所示。

而已 ！單擊播放按鈕并將相機聚焦在新的目標圖像上。我在 iPad 上打開圖像并用作我的目標。