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

image
在前一篇「Webduino模擬器「瘋」神榜:用三色 LED 幫交通警察控制紅綠燈、學函數(流程)」學會 Function 流程(函數)後,我們要繼續來挑戰更多流程的控制,讓流程可以依據我們設定的變數「真/否」來決定是否繼續執行或是停止!此外,也要來學習如何讓使用者自行輸入資料的積木。
在這個範例中,我們將讓玩家輸入「預測」的角度,按下按鈕後讓伺服器馬達開始旋轉,待放開按鈕時,來看看伺服馬達旋轉的角度與剛才玩家「預測」的是否相同!若相同時 LED 燈會閃爍,並用蜂鳴器播放音樂!
伺服馬達可旋轉的角度是 1 ~ 180 度。
image
※ Webduino 官方網站:https://webduino.io/
※ Webduino 的Arduino 模擬器網址:http://simulator.webduino.io/
※ 用伺服馬達+按鈕學旋轉角度控制與使用者資料輸入,看誰的角度「眉角」最神準! Demo  網址 :


註:目前線上模擬器只能在 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 Meet 視訊會議裝置成雙成對登入,解決上課播放影片、電子書、音樂與同學互動時的螢幕切換問題,成為教學最佳模式!

肺炎風吹起,終於了解如何解禁 Zoom 線上會議的 10 人限制開放至 100 人共同使用!

Google Meet Attendance 2.0 外掛,不只是有點名功能,還能顯示同學上課的「專注度」,輕鬆找回「神」隊友!

Snap Camera 虛擬攝影機,免用藍綠幕就能輕鬆切換背景,也有各種搞笑有趣的 AR 效果喔!

免費影片剪輯「威力導演 365 基礎版」,不用輸入序號,只要註冊會員即可下載使用!