控制單顆LED 燈- Webduino教學 - Google Sites

文章推薦指數: 80 %
投票人數:10人

在基本的Arduino 傳感器控制範例裡頭,控制單顆LED 燈通常都是作為第一個範例使用,為什麼呢?因為這個範例最容易上手,也最容易藉由LED 的明暗來測試程式是否有寫錯, ... Webduino教學搜尋這個協作平台 首頁WebduinoBlockly基礎教學Webduino初始化設定Webduino的基本介紹Webduino的開發方式Webduino與Arduino的差異什麼是Webduino開發板教學範例Smart按鈕開關控制YoutubeSmart的按鈕開關光敏電阻控制三色LED控制單顆LED燈協作平台地圖 教學範例‎>‎ 控制單顆LED燈 教學範例1:控制單顆LED燈在基本的Arduino傳感器控制範例裡頭,控制單顆LED燈通常都是作為第一個範例使用,為什麼呢?因為這個範例最容易上手,也最容易藉由LED的明暗來測試程式是否有寫錯,因此進入了Webduino的世界之後,同樣也使用LED來作為第一個範例,而撰寫的程式也更為簡單,就像控制一張網頁圖片切換一樣的容易。

LED燈相關套件:Webduino基本套件Plus(支援馬克1號、Fly)Webduino開發板:Webduino馬克一號、WebduinoFly、WebduinoFly+ArduinoUNO教學影片影片對應範例:https://blockly.webduino.io/?&page=tutorials/led-2接線與實作只有一顆LED燈的接線方式很簡單,首先,LED燈有「長短腳」之分,長腳接「高電位」(帶有數字的腳位),短腳接「低電位」(GND、接地),因此我們只要直接將LED插到腳位上即可,或使用麵包板與麵包線外接出來,在這裡長腳接10,短腳接GND。

馬克一號接線示意圖:Fly接線示意圖:實際接線照片:LED燈相關套件:Webduino基本套件Plus(支援馬克1號、Fly)Webduino開發板:Webduino馬克一號、WebduinoFly、WebduinoFly+ArduinoUNOWebduinoBlockly操作解析打開WebduinoBlockly編輯工具(https://blockly.webduino.io),在第一個範例裡頭,我們將會點選網頁「燈泡圖案」來控制LED燈的切換,所以要先點選右上方「網頁互動測試」的按鈕,打開內嵌測試的網頁,用下拉選單選擇「點擊燈泡」,就會出現讓我們可以點選燈泡的網頁。

從編輯工具左側的積木選單中選擇「開發板」,將開發板放到畫面當中,填入對應的Webduino開發板名稱(Device名稱,不要勾選串連),接著選擇「LED燈」的積木,將LED燈的積木放到開發板積木的缺口內,腳位設定為10(因為剛剛把長腳接在10號腳)。

因為要和網頁互動,所以我們要從積木選單的最下方「網頁互動」,點選「點擊燈泡」,就會看到很多點擊網頁燈泡圖片互動的選項。

把「點擊燈泡執行」的積木放到編輯畫面裡,代表點擊燈泡時要做些什麼事情。

在執行的內容放入「邏輯」的積木,判斷點擊燈泡時,依據當時的狀態做出相對的反應,而我們也可以利用邏輯積木上面「藍色小齒輪」,添增邏輯選項。

根據邏輯,判斷「當燈泡是on」的話,點擊燈泡就會變成「off」,反之就是「on」。

完成後,確認開發板上線(點選「檢查連線狀態」查詢),點選紅色的執行按鈕,就可以開始。

點擊內嵌網頁裡的燈泡圖片,就可以輕鬆地控制LED燈的明暗,然而我們也可以點選「JavaScript頁籤」,就可以看到完整的程式碼邏輯,同時也可以複製這些代碼,貼到自己的網頁原始碼當中,就可以在自己的網頁裡實現一模一樣的行為囉!(解答:https://blockly.webduino.io/#-K4pR8RaEF6IkiWdAYk7) Comments Signin|RecentSiteActivity|ReportAbuse|PrintPage|PoweredByGoogleSites



請為這篇文章評分?