Webduino 模擬器：網頁遙控器控制動畫(Webduino Simulator: Web-controlled Animation)

若您覺得文章寫得不錯，請點選文章上的廣告，來支持小編，謝謝。

這次要用Webduino網頁的遙控器來控制Arduino模擬器上的 LED 點矩陣來產生動畫，首先本篇文章所用到的 LED 點矩陣圖形是由LED點矩陣圖形代碼產生器http://webduinoio.github.io/demo/max7219/ 所建立出來的。

模擬器的接線方式，為一組 LED 點矩陣 ，DIN接 UNO D11，CS接 UNO D10，CLK接 UNO D9，VCC接 UNO 5V，GND 接 UNO GND。

程式積木部分為：

範例網址：https://simulator.webduino.io/#-Kz3nVrfexs8RB-jfn1w

影片：

Webduino 模擬器：按鈕控制LED亮滅 (Webduino Simulator: Control a LED with a Button)

若您覺得文章寫得不錯，請點選文章上的廣告，來支持小編，謝謝。

If you like this post, please click the ads on the blog or buy me a coffee. Thank you very much.

這次換用 Webduino 模擬器上的按鈕來控制 LED 燈。
This tutorial will control a LED with a button. 

模擬器的接線方式，為一顆 LED ，長腳接D13，短腳接GND。(注意：實際硬體的LED燈是需要接上電組的，不然LED燈有可能會燒掉。)以及一個按鈕，S接D10，V接5V，G接GND。

Wiring:

1. LED anode --> UNO D13
2. LED cathode --> UNO GND
3. Button S(signal) --> UNO D10
4. Button V(voltage) --> UNO 5V
5. Button G(ground) --> UNO GND

The circuit design is the following diagram. (Note: a resistor is needed for physical wiring to avoid destroying a LED.)

程式積木部分為：

The code:

範例網址 (Example URL)：https://simulator.webduino.io/#-Kyxg9IBRGE_Wir9kKyZ

影片 (Demo Video)：

物聯網 NodeMCU 開發環境建立 (Preparing NodeMCU IoT Development Environment)

若您覺得文章寫得不錯，請點選文章上的廣告，來支持小編，謝謝。

NodeMCU是具有聯網能力的 ESP8266 開發套件，整合了GPIO、PWM、I2C、1-Wire、ADC等硬體功能，方便開發物聯網相關的應用，而TUNIOT是以積木程式來產生程式碼的網頁平台：

本文將說明如何以建立 NodeMCU的積木程式開發環境。

硬體材料

NodeMCU一套

MicroUSB線一條

行動電源一顆

NodeMCU開發環境建立

請至Arduino官網 https://www.arduino.cc/en/Main/Software，下載最新版的Arduino IDE安裝程式，下圖藍色箭頭所指。

從Arduino IDE中的檔案==>偏好設定，

來設定ESP8266程式庫來源： http://arduino.esp8266.com/stable/package_esp8266com_index.json

從Arduino IDE中的工具==>開發版==>開發版管理員，來開啟開發版管理員工具

在開發版管理員工具搜尋 ESP8266，並安裝

接著在工具==>開發版中選擇NodeMCU：

接著進入 TUNIOT 網站，開始積木程式設計。打開積木範本

使用內建範本Model 1

點選存檔案按鈕

輸入檔名

以Arduino IDE開啟 TUNIOT_Hello.ino 檔案，會出現下面畫面，請選擇確定。

按下編譯按鈕，白色箭頭所指的勾勾。

成功編譯的畫面如下：

此時，使用 TUNIOT 積木程式來開發 NodeMCU 物聯網的環境已建立完成，接著就可以開始著手設計物聯網的應用了。