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

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




※ 延伸閱讀：

留言

張貼留言