發表文章

目前顯示的是 七月, 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  網址 :http://simulator.webduino.io/#-KpwshDNS15rKJmrvLQb※ 用LED 點矩陣學亂數、玩賓果「標準版」 Demo  網址 :http://simulator.webduino.io/#-KpzaPZjm8HnB6XUYrKY註:目前線上模擬器只能在 Windows / MAC 電腦上使用,無法在平板與手機上使用喔!在 Webduino 線上模擬器中,沒有電壓、連接腳位可連接裝置的限制,所以要玩一些原本因硬體限制,而需要使用麵包板才能完成的應用,都是沒有問題的!
一、模擬器「硬體」連接與硬體積木程式加入一個 LED 點矩陣,VCC 接 5V,腳位為 DIN:10、CS:9、CLK:8
二、簡易版賓果:使用「亂數」積木自 1 ~ 75 號隨機取出後,顯示在 LED 點矩陣上,有機會會取出重複的數字!網頁互動測試使用「按鈕行為」



加入按鈕互動與亂數積木



模擬器實測



三、標準版賓果遊戲:在標準版賓果版中,我們要將數字 1 ~ 75 放入陣列中,並將取得的數字從陣列中移除,這樣就可以避免取得重複的號碼了!利用迴圈將數字 1 ~ 75 串連成一個字串變數「k_list」,中間以「,」半型逗號隔開,產生字串:1,2,3,4,…………….75,



將「k_list」字串轉換為陣列列…

跟著 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  網址 :https://simulator.webduino.io/#-KqDcXWIvysQ0zklwQLo註:目前線上模擬器只能在 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 一起翻轉 IoT 物聯網:線上模擬器為何無法做元…