發表文章

目前顯示的是 7月, 2017的文章

Webduino模擬器「瘋」神榜:用LED 點矩陣學亂數、玩賓果(簡易版與標準版)

圖片
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 號隨機取出後,顯...

跟著 Webduino 一起翻轉 IoT 物聯網:杜邦線使用PK賽「張君雅小妹妹麵條餅」一排一排 V.S「模範生點心麵」獨立麵條式一條一條?

圖片
是的,杜邦線到底是整排好,還是每條各自獨立好,也可以寫篇文章來討論一下的! 因為每條杜邦線其實都是相同的功能,各自獨立的,沒有因為顏色、或是連結方式而有所不同。       因為自己並非電子相關背景,以僅接觸一段短時間的外行人角度來看,個人是認為一排一排連結的杜邦線具有以下的優點: 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點矩陣輕鬆完成距離偵測感應!(了解麵包板的使用與電源、接地的硬體連接是這次的重點喔!)

Webduino模擬器「瘋」神榜:用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 點矩陣的顯示方式,將圖形點按出來。 當圖形已經點按完成後,可以直接選按上方「代碼」欄位的...

20170727 新北高工資處科:Webduino Dr. Smart 套件入門

圖片
這次來到新北高工,記得在 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...