控制單顆LED 燈- Webduino教學 - Google Sites
文章推薦指數: 80 %
在基本的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
延伸文章資訊
- 1三個小時精通Web x Arduino 奧義 - 活動通
Webduino 開發環境概要. Webduino vs Arduino · 不寫程式的視覺化開發. Webduino Blockly 教學 · 實戰元件快速上手 ( 課程實做 ). 「智慧小燈...
- 2實戰智慧插座02 - Webduino 是什麼?能吃嗎? - iT 邦幫忙
直到2015 年,使用Webduino 技術的開發板,終於可以純粹使用Web 的技術來控制,除了可以讓原本的Arduino 上網,更可以「雲端更新韌體程式」,「用各種程式語言開發」以及「 ...
- 3Arduino 韌體下載與燒錄 - Webduino 基礎教學
如果您燒錄時,UNO 上面有和Webduino Fly 結合,請務必將Webduino Fly 切換至STA 模式,避免燒錄時出現無法燒錄的錯誤,如果您只有使用Arduino UNO,直接透過U...
- 4Webduino 與Arduino 的差異 - Google Sites
Webduino 有別於傳統要寫C 或C++ 才能控制Arduino 的傳感器,Webduino 利用了WebComponents 的方法,讓使用者可以在完全不用接觸C 或C++ 的情形下,只需...
- 5常見問題與解答 - Webduino 基礎教學
Webduino 一開始是基於Arduino 所研發的技術,有別於Arduino 是撰寫C/C++,Webduino 是透過網頁語言HTML 和JavaScript 控制,並且能透過Wi-Fi、...