Webduino模擬器「瘋」神榜:用伺服馬達+按鈕學旋轉角度控制與使用者資料輸入,看誰的角度「眉角」最神準!

image

在前一篇「Webduino模擬器「瘋」神榜:用三色 LED 幫交通警察控制紅綠燈、學函數(流程)」學會 Function 流程(函數)後,我們要繼續來挑戰更多流程的控制,讓流程可以依據我們設定的變數「真/否」來決定是否繼續執行或是停止!此外,也要來學習如何讓使用者自行輸入資料的積木。

在這個範例中,我們將讓玩家輸入「預測」的角度,按下按鈕後讓伺服器馬達開始旋轉,待放開按鈕時,來看看伺服馬達旋轉的角度與剛才玩家「預測」的是否相同!若相同時 LED 燈會閃爍,並用蜂鳴器播放音樂!

伺服馬達可旋轉的角度是 1 ~ 180 度。

image

※ Webduino 官方網站:https://webduino.io/

※ Webduino 的Arduino 模擬器網址:http://simulator.webduino.io/

※ 用伺服馬達+按鈕學旋轉角度控制與使用者資料輸入,看誰的角度「眉角」最神準! Demo  網址 :http://simulator.webduino.io/#-KtFF6ALgDYBd1SILpE4

註:目前線上模擬器只能在 Windows / MAC 電腦上使用,無法在平板與手機上使用喔!

在 Webduino 線上模擬器中,沒有電壓、連接腳位可連接裝置的限制,所以要玩一些原本因硬體限制,而需要使用麵包板才能完成的應用,都是沒有問題的!


一、模擬器「硬體」連接與硬體積木程式:伺服馬達、按鈕、LED 燈、蜂鳴器

  • 伺服馬達,腳位為:10、VCC:5V、G:GND
  • LED 燈,腳位為:9
  • 蜂鳴器,腳位為:11,另一個腳位接到 GND
  • 按鈕,S:8、V:3.3V、G:GND

image

image


二、加入讓使用者自行輸入「預測」角度的積木

設定變數「x」儲存玩家在對話方塊中輸入的角度數值,程式執行時會彈出可輸入內容的對話框!

image

image

以下為將來程式執行時,使用者所看到的輸入網頁畫面:

image


三、加入流程「rotate」控制伺服馬達的旋轉,並依不同條件決定是否繼續迴圈或顯示答對反對

  1. 以迴圈方式讓伺服馬達從 1 至 180 度,每隔 0.01 秒轉動 1 度的速度開始旋轉,變數「i」為伺服馬達旋轉的角度。
  2. 利用變數「k」做為「按鈕狀態」的判定,如果是「真」,表示按鈕「按下」,伺服馬達繼續轉動,如果是「否」,表示按鈕已「放開」,將伺服馬達停止旋轉(停止迴圈),並顯示目前旋轉的角度數值。
  3. 如果伺服馬達旋轉角度「i」與玩家在對話方塊中輸入的角度數值「x」相同,就讓 LED 燈閃爍並播放音樂。

image


四、加入按鈕「按下」與「放開」積木

設定變數「x」儲存玩家在對話方塊中輸入的角度數值,程式執

image


五、「用伺服馬達+按鈕學旋轉角度控制與使用者資料輸入」模擬器實測:



※ 延伸閱讀:

張貼留言

這個網誌中的熱門文章

原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)

OnlineVideoConverter 雲端影片擷取服務,讓您不只下載 youtube 影片,更能直接下載指定範圍的影片內容,幫您省下影片下載後再剪輯轉檔的時間!(也有瀏覽器擴充工具,讓使用率較高的人更方便!)

「Google 語音輸入法」、「訊飛中文語音輸入法」APP ,讓智慧型裝置也能輕鬆「離線」進行語音輸入!