述文老師學習網

LED 點矩陣是上課過程中，同學最喜歡玩的元件之一，因為非常的視覺化，而且除了顯示圖形外，也能做出動畫圖形變換或是跑馬燈的效果！當然，如果能實際將 LED 點矩陣接上 Webduino 開發板，讓同學實際拿賓果卡玩一次，相信大家在學習亂數與陣列的使用上，會特別有感覺的！ 在 Webduino 線上模擬器中，與一般硬體一樣，具有相同的功能喔！這次我們一起來看看如何透過 LED 點矩陣學 Blockly 的亂數積木、並將結果儲存至陣列列表中，避免抽到重複數字，這樣就能一起來玩賓果遊戲囉！ 目前市面上賓果卡的數字範圍有好幾種，我使用的是 1 ~ 75 號的版本！LED 點矩陣有 8 X 8 = 64 顆 LED，剛好可以顯示兩位數以內的數字！   ※ Webduino 官方網站： https://webduino.io/ ※ Webduino 的Arduino 模擬器網址： http://simulator.webduino.io/ ※ 用LED 點矩陣學亂數、玩賓果「簡易版」 Demo  網址 ： 馬克1號版： http://simulator.webduino.io/#-KpwshDNS15rKJmrvLQb Smart開發板： http://simulator.webduino.io/#-LfUHa-TOSqKsRJTq6Ix ※ 用LED 點矩陣學亂數、玩賓果「標準版」 Demo  網址 ： 馬克1號版： http://simulator.webduino.io/#-KpzaPZjm8HnB6XUYrKY Smart開發板： http://simulator.webduino.io/#-LfUIKR02JJ1Qs_mHN6S 註：目前線上模擬器只能在 Windows / MAC 電腦上使用，無法在平板與手機上使用喔！ 在 Webduino 線上模擬器中，沒有電壓、連接腳位可連接裝置的限制，所以要玩一些原本因硬體限制，而需要使用麵包板才能完成的應用，都是沒有問題的！ 一、模擬器「硬體」連接與硬體積木程式 加入一個 LED 點矩陣，VCC 接 5V，腳位為 DIN：10、CS：9、CLK：8 二、簡易版賓果： 使用「亂數」積木自 1 ~ 75 號隨機取出後，顯示在 LED 點矩陣上，有機

是的，杜邦線到底是整排好，還是每條各自獨立好，也可以寫篇文章來討論一下的！ 因為每條杜邦線其實都是相同的功能，各自獨立的，沒有因為顏色、或是連結方式而有所不同。       因為自己並非電子相關背景，以僅接觸一段短時間的外行人角度來看，個人是認為一排一排連結的杜邦線具有以下的優點： 1.容易收納整理，不會因為每條杜邦線各自獨立而混亂的放在收納盒中。 2.連接元件感測器時，用整排杜邦線做連接，比較容易檢查腳位是否有接錯，如果每條都是各自獨立，又交錯連接，那真的就是考驗眼力了！ 3.目前所接觸到的非電子相關背景的同學、老師…等，似乎也因為不熟悉，所以拿到教具時，多數不會想要把一排一排的杜邦線拆開。 那麼如果將杜邦線獨立一條一條拆開，又有什麼好處呢？ 1.可以依據一般電腦標準的配線顏色來使用，不用受限於整排的杜邦線顏色與位置 2.可自由的選擇要連線的位置、角度，不用受限於整排杜邦線連結的影響。 3.整體接線上，不會有多餘的杜邦線，每條都是有作用的！ 如果您對於杜邦線有其他的想法，也歡迎您提出來，大家一起來討論看看喔！ ※ 延伸閱讀： Webduino模擬器「瘋」神榜：用LED燈+蜂鳴器+超音波完成「倒車雷達」、學「多重邏輯判斷」 Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學列陣與多重迴圈 Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學變數命名與迴圈 Webduino模擬器「瘋」神榜：模擬器為什麼無法「模擬」出結果？ Webduino模擬器「瘋」神榜：用「如來神掌」玩超音波感測器！ 跟著 Webduino 一起翻轉 IoT 物聯網：線上模擬器為何無法做元件的「連線」？ 20170630 嘉義女中：用 Webduino Fly 開發板，一起 High 翻 IoT 物聯網 什麼？Webduino 也能玩假的？Webduino 最新推出的 Arduino 模擬器，讓您也能「弄假成真」！ 跟著 Webduino 一起翻轉 IoT 物聯網：如何用馬克1號、超音波、LED點矩陣輕鬆完成距離偵測感應！(了解麵包板的使用與電源、接地的硬體連接是這次的重點喔！)

光是一個 LED 點矩陣元件，在 Webduino Blockly 積木中就有提供：顯示圖形(數字、文字、圖案)、顯示動畫、跑馬燈…等功能，在這篇文章中，我們就以馬路上常見的「小綠人」為主，看看如何透過分鏡圖，了解「小綠人」的各種動作後，使用線上模擬器來完成小綠人的 LED 點矩陣動畫！ ※ Webduino 官方網站： https://webduino.io/ ※ Webduino 的Arduino 模擬器網址： http://simulator.webduino.io/ ※ 用LED 點矩陣學小綠人動畫分鏡設計 Demo  網址 ： 馬克1號版： https://simulator.webduino.io/#-KqDcXWIvysQ0zklwQLo Smart開發板： https://simulator.webduino.io/#-LfUH8IdqdrTTf6dTzL2 註：目前線上模擬器只能在 Windows / MAC 電腦上使用，無法在平板與手機上使用喔！ 在 Webduino 線上模擬器中，沒有電壓、連接腳位可連接裝置的限制，所以要玩一些原本因硬體限制，而需要使用麵包板才能完成的應用，都是沒有問題的！ 一、小綠人動畫分鏡圖 在製作動畫前，我們通常會先做好分鏡圖，將動畫的主要動作拆解成為一個一個畫面，由於 Webduino 支援的 LED 點矩陣為 8X8 = 64 顆 LED，我們把小綠人的動作依這樣的燈數拆解如下：共分成 13 張分鏡圖 二、模擬器「硬體」連接與硬體積木程式 VCC：5V、DIN：10、CS：9、CLK：8 三、加入 LED 點矩陣：顯示動畫積木 可以透過「建立列表」左邊的「齒輪」圖示來增加更多列表變數，增加完成後，記得再按一次「齒輪」圖示，即可將下方的列表積木收合。 四、繪製小綠人分鏡圖 要在 LED 點矩陣上顯示自訂的圖形時，有以下兩個方式： 1.使用以下與 LED 點矩陣相同燈數的積木，在需要顯示的方塊上按滑鼠左鍵即可。 2.若覺得上述的方式還不夠「視覺化」，可以在 LED 點矩陣相關積木上， 按滑鼠右鍵 / 說明 ，就能用更接近實體 LED 點矩陣的顯示方式，將圖形點按出來。 當圖形已經點按完成後，可以直接選按上方「代碼」欄位的「複製」

這次來到新北高工，記得在 2011 年也曾來此分享數位教材製作，只是當時學校的名稱是「海山高工」，沒想到這麼快就過了六年，再次來到這邊跟老師們分享 Dr. Smart 物聯網套件。 除了資處科的老師們，還有約 20 位同學也一起在教室中，加入這次實做的體驗行列！ 在此次的研習中，首次將 Webduino 線上模擬器的內容佔 50% 與實際操作 Dr. Smart 的內容 50%，從「如何點亮第一盞 LED 燈」到「利用超音波偵測距離學習邏輯運算積木」，以幾乎完全相同的教材，先透過 Webduino  線上模擬器實際操作，有概念後，再於第二階段 Smart 實際操作，用杜邦線連接超音波，進行傳感器的實作。 透過「先模擬後實證」的方式，其實對於非電子相關科系背景的老師與同學來說，真的成效特別好，不僅老師們都能完成，連第一次接觸 Webduino Smart 的同學，也幾乎都能成功！ ※ Webduino 三大雲端平台 Webduino Blockly 基本程式積木(免註冊)： https://blockly.webduino.io/ Webduino Simulator 線上模擬器(免註冊)： http://simulator.webduino.io/ Webduino Cloud 雲端平台 Blockly 完整程式積木與裝置管理： https://cloud.webduino.io/ 以下是這次「20170727 新北高工資處科：Webduino Dr. Smart 套件入門」的相關簡報、研習錄影影片 ※ Google 簡報： http://gg.gg/20170727 ※ Youtube 研習錄影影片： https://www.youtube.com/playlist?list=PLGgb8xybFghsA6hME0yFg8ICa0VRkvgcr ※ 延伸閱讀： Webduino模擬器「瘋」神榜：用LED燈+蜂鳴器+超音波完成「倒車雷達」、學「多重邏輯判斷」 Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學列陣與多重迴圈 Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學變數命名與迴圈 Webduino模擬器「瘋」神榜：模擬器為什麼無法「模擬」出結果？ Webduino模擬器「瘋」神榜：用「如來神掌」玩超音波感測器！ 跟著 Webduino 一起翻