Webduino 學習手冊網站即將改版,提供您更好的閱讀體驗!

搶先試用

Smart 自走車 ( 網頁遙控器操控 )

Smart 自走車是 Webduino 自主研發的產品,專為 Smart 開發板量身打造,輕巧、方便又環保!這個範例我們會實作如何透過網頁遙控器 ( 電腦、平板、手機皆可 ),就能操控自走車。

接線與實作

要操控 Smart 自走車,首先要將 Smart 自走車 DIY 材料包組裝完成,材料包裡頭有:自走車車身木板拼圖、左右各一顆輪子與中間定向輪、馬達、行動電源及馬達驅動板,另外最重要的還需要有個 Webduino Smart 開發板,跟著組裝步驟實作即可完成。

詳細組裝參考:Smart 自走車 ( 組裝步驟 )

Webduino Smart 自走車

操作解析

打開 Webduino 雲端平台,並選擇 Blockly 編輯工具 ( https://blocklypro.webduino.io/ ),你可以建立一個積木程式專案,並命名為 Smart 自走車 ( 網頁遙控器操控 )

建立專案

使用雲端平台之前須先註冊並登入,首次註冊教學請點此:註冊與登入

Webduino Blockly 操作解析

接著會進入 Blockly 畫面,打開網頁互動測試區,下拉選單選擇「遙控器」,就會帶出一個網頁遙控器,當完成積木操控程式,就可以用行動裝置打開這個遙控器。

網頁遙控器

首先放入開發板及自走車的積木,開發板設定為 Smart,自走車名稱命名為 car,腳位設定右前 14、右後 16、左前 2、左後 5。

開發板設定積木在「開發板控制 > 開發板」目錄下。

自走車的積木在「玩具及馬達 > 自走車」目錄下。

自走車積木

使用「遙控器按鍵按下」的積木,設定按住向上的圖案時,自走車會往前移動,如果放開就會停止。

遙控器積木在「遙控器」目錄下。

網頁遙控器控制自走車

依序把前進、後退、左轉與右轉的行為放入遙控器的動作裡。

網頁遙控器控制自走車

填入 Smart 開發板 Device ID,確認開發板上線,點選右上方紅色按鈕執行,就可以用網頁裡的遙控器操控自走車了。

範例解答:https://blocklypro.webduino.io/#7ggDlVjoPn

行動裝置操控

如果想透過行動裝置 ( 手機或平板,Android / IOS 皆可 ),只需點選上方「產生即時預覽 QRCode 的按鈕」,點選後會彈出一個 QRCode。

Blockly 產生 QRCode

用行動裝置掃描 QRCode,就會打開遙控器的網頁,剛剛所做的積木程式會直接在這個網頁裡執行,也就可以用行動裝操控 Smart 自走車了。

手機遙控器

進階功能

為了發揮行動裝置的功能,凸顯行動裝置和電腦的差異,這邊要來偵測行動裝置的陀螺儀和加速度計,這樣我們就能夠偵測行動裝置的旋轉、翻轉與加速度。在畫面中多綁定一個遙控器事件,當按下中間圓型小點的按鈕,就可以啟動偵測行動裝置陀螺儀的功能,反之放開就取消這功能。

行動裝置偵測的積木在「進階功能 > 行動裝置」目錄下。

手機陀螺儀與加速度控制自走車

在偵測旋轉翻轉的區塊內,放入邏輯判斷,判斷三個情形:前後翻轉角度大於 20 ( 表示手機往前翻 ),前後翻轉角度小於 -20 ( 表示手機往後翻 ),以及前後翻轉角度在 -20~20 的區間。

邏輯相關積木在「基本功能 > 邏輯」目錄下,數字的積木在「基本功能 > 數學式」目錄下。

手機翻轉控制自走車

在第一個判斷條件內放入判斷左右翻轉的第二層邏輯,目的在偵測手機是往左前、右前還是正前方翻轉。

手機翻轉控制自走車

後面兩個判斷式依此類推,這樣就可以完成手機翻轉時,自走車也會跟著動作的邏輯程式。

手機翻轉控制自走車

同樣的,點選上方產生即時預覽的 QRCode 按鈕,產生 QRCode,透過行動裝置掃描,就可以使用行動裝置的陀螺儀操控自走車了。( 記得要按住中間原點的黑色按鈕 )

範例解答:https://blocklypro.webduino.io/?demo=demo-area-09#71EN9LPn2x

相關參考