Webduino 積木方程式：用 MQTT 做到多裝置協同互動 LED 燈控制
最近有某藝術學校同學詢問，想要與國外藝術表演者，透過網路連動兩盞燈，想了解 Webduino 該如何達到這樣的效果！
↑ 同學設計的檯燈造型
↑ 這位同學很認真的實做出他的初步成果囉！
※ 20201115 更新
目前同學已經完成最後作品，將燈運到法國，也有連上了！～他們的展覽最近也開始了！
- 2020大臺北當代藝術雙年展_真實世界 AuthenticWorld
https://www.facebook.com/events/1021544675029465/?event_time_id=1021544741696125
↑在法國的燈
↑在臺灣的燈
在這邊將分享給同學的 Webduino 程式做一個記錄，也提供給有需要的朋友們參考，如何使用 MQTT 的方式，進行多個裝置間的互動！
如果對於在 Webduino 中使用 MQTT 還不是很了解，可以參考以下這兩篇文章：
- Webduino Blockly 「積木方城市」：用 MQTT 做到真正 Webduino 網頁協同同步顯示裝置狀態
- Webduino Blockly 「積木方城市」：用 MQTT 打通所有 Webduino 開發板的「任督二脈」
一、Webduino 雙開發板程式說明
因為使用 MQTT 方式進行互動控制，所以在「開發板」積木上，不需要核選「串聯」喔！
※關於為什麼使用 MQTT 而沒有使用 Webduino 內建「串聯」的想法
其實如果以 Webduino 內建「串聯」的方式來控制多個裝置是相對比較簡單！但是考量到對方是從事表演藝術，所以盡可能讓他只要用電源開關能連上網就好，其餘的都由同一個程式來處理；加上有可能表演場所若連線不穩，有斷線重連可能性時，用「串聯」就可能會出問題！若是 MQTT 的方式，只要開發板隨時上線，一接到訊息就可以有作用！ 不用擔心斷線重連的問題！
二、Webduino 雙開發板控制 Demo
三、Webduino 雙開發板控制共享檔案
使用以下檔案時：
- 必須先到 Webduino 雲端平台 https://cloud.webduino.io/?lang=zh-tw 註冊帳號
- 開啟後，只要任意移動一個程式積木，就會自動在您的程式碼檔案清單中，產生一個相同檔名的副本檔案囉！
※ 教學資料總整理：
- 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/
- Sweet Home 3D 教學總整理：https://sites.google.com/view/sweethome3d-tw/
- OBS Studio 虛擬攝影棚教學總整理：https://sites.google.com/view/obs-tw
- 翻轉教學「現形記」教學總整理：https://sites.google.com/view/teachers-tools/
※ 延伸閱讀：
- Webduino 動手做系列：Smart + mini 麵包板，教學專用3D列印底板 V2 (打火機縮小版)
- 述文老師 Webduino 新書續集接棒：跟著 Webduino 邁向 IoT 高手之路！透過「自有積木」增強 Webduino 功能與 IoT 客製化互動網頁一次到位！
- 述文老師 Webduino 新書推出：跟著 Webduino 一起 Smart 學習！書籍專屬 Google 協作平台同步上架，章節試閱、即測即評、教學資源全都有！
- Webduino Blockly 「積木方城市」：用 MQTT 做到真正 Webduino 網頁協同同步顯示裝置狀態
- Webduino Blockly 「積木方城市」：用 MQTT 打通所有 Webduino 開發板的「任督二脈」
- Webduino Blockly 「積木方城市」：雲端部署功能正式上線，全自動運行 Webduino 更方便！
- Webduino Blockly 「積木方城市」：如何將 Blockly 體驗版程式無痛轉移至 Cloud 雲端版？
- Webduino 動手做系列：冰棒棍水車小木屋
- Webduino 動手做系列：冰棒棍智慧小木屋
- Webduino 動手做系列：環保紙風車 + 冰棒棍基座
- Webduino 動手做系列：Smart + mini 麵包板，教學專用3D列印底板(靠得住握壽司手感)
- Webduino Blockly 「積木方城市」：如何一次停用或啟用多個程式積木？
- Webduino Blockly 「積木方城市」：用 Bit 九軸加速器玩「拋拋剪刀石頭布」與「擲骰子」
- Webduino Blockly 「積木方城市」：如何利用「iframe 顯示網頁」自有積木，免用任何網頁語法就能輕鬆在 Blockly 中動態顯示「Google 統計圖」？
- Webduino Blockly 「積木方城市」：如何利用「使用自有積木」找回失落的「Google 地圖」積木「拼圖」？
- Webduino 太陽能照明與智慧植栽澆灌實作@台北市螢橋國中
- Webduino模擬器「瘋」神榜：用伺服馬達+按鈕學旋轉角度控制與使用者資料輸入，看誰的角度「眉角」最神準！
- Webduino模擬器「瘋」神榜：用三色 LED 幫交通警察控制紅綠燈、學函數(流程)
- Webduino模擬器「瘋」神榜：用 LED 點矩陣+按鈕+蜂鳴器模擬擲骰子、認識等待、聲音播放與停止積木
- 跟著 Webduino 一起翻轉 IoT 物聯網：什麼，連測試的 Blockly 積木都懶得寫？那就使用「載入範例積木」功能吧！
- Webduino模擬器「瘋」神榜：用 LED 點矩陣學陣列應用、玩賓果(進階版：可記錄與顯示已抽取號碼、Blockly 程式註解)
- Webduino模擬器「瘋」神榜：用LED 點矩陣學小綠人動畫與分鏡設計
- 跟著 Webduino 一起翻轉 IoT 物聯網：杜邦線使用PK賽「張君雅小妹妹麵條餅」一排一排 V.S「模範生點心麵」獨立麵條式一條一條？
- Webduino模擬器「瘋」神榜：用LED燈+蜂鳴器+超音波完成「倒車雷達」、學「多重邏輯判斷」
- Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學列陣與多重迴圈
- Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學變數命名與迴圈
- Webduino模擬器「瘋」神榜：模擬器為什麼無法「模擬」出結果？
- Webduino模擬器「瘋」神榜：用「如來神掌」玩超音波感測器！
- 跟著 Webduino 一起翻轉 IoT 物聯網：線上模擬器為何無法做元件的「連線」？
- 20170630 嘉義女中：用 Webduino Fly 開發板，一起 High 翻 IoT 物聯網
- 什麼？Webduino 也能玩假的？Webduino 最新推出的 Arduino 模擬器，讓您也能「弄假成真」！
留言