雲林SONG

程式設計可以改變您的未來(Programming can change your future)。雲林SONG 全名為雲林軟體工程(SOftware eNGineering)，目標致力於軟體人才的培養並推廣開源軟體落實於資訊教育。程式設計的觀念是軟體產品的基礎，程式碼就像沙子一樣，要紮實，所建立出來的高塔才會穩固。本站也提供資訊教育相關的教學資源。 YunlinSONG stands for Yunlin SOftware eNGineering, offering tutorial for computer programming and promoting open-source software. Teaching resources in information technology education are provided here.

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:

LED anode --> UNO D13
LED cathode --> UNO GND
Button S(signal) --> UNO D10
Button V(voltage) --> UNO 5V
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 物聯網的環境已建立完成，接著就可以開始著手設計物聯網的應用了。

Webduino 模擬器：網頁燈泡控制 LED 燈( Webduino Simulator: A Image-controlled LED )

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

自從知道 Webduino 有模擬器後，三不五時就試試看有什麼功能，最近才知道原來有網頁可以做互動，於是就拿模擬器與網頁互動功能來玩玩看了，首先來個控制LED燈吧。

模擬器的接線方式很簡單，就是一顆 LED 而已，長腳接D13，短腳接GND。(注意：實際硬體的LED燈是需要接上電組的，不然LED燈有可能會燒掉。)

接著就是程式積木部份了，也很容易了解。

範例網址：
https://simulator.webduino.io/#-KytkfHro-O1lT853DDa

示範影片：

鍵盤、按鈕、按鍵壓住時會連發嗎

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

本篇文章假設硬體沒發生機械彈跳(Bounce)訊號的情況下，如何處理彈跳情況(Debounce)請參考【Arduino教學】實作05-按鈕Debounce教學影片及[Arduino] 消除機械彈跳 – Debounce 與
探討：Button Debouncing (軟體作法)兩篇文章。

小時候玩紅白機(任天堂)時，用過連發把手與不連發把手，當時也不知道其中的原理，只覺得好玩，不過偶而會發現「連發」的功能有時也不好用啊，例如格鬥遊戲，需要「重擊」時，連發的功能完全無法用「重擊」攻擊對手阿 XD。那我們來了解一下按鍵的連發與不連發在積木上會是怎麼做。

觀念說明：

連發就是「在重複判斷按鍵是否有按下時，按鍵正好有按下。」類似下圖的概念，所以只要壓住按鍵，程式就會幫按鍵做連發的動作。