可變電阻

在「光敏電阻」有介紹過光敏電阻的用法，而可變電阻的積木，也是同樣的使用方式，在這個範例當中，我們將使用可變電阻的旋鈕，透過旋轉旋鈕改變數值，就可以讓圖片的位置發生變化！

範例影片展示

接線與實作

可變電阻有三支接腳，左右分別接 3.3V 和 GND，記得使用電阻保護，避免當可變電阻過小的時候發生短路，中間的腳位為類比訊號腳，我們接在 A3 的位置。

如果 VCC 和 GND 顛倒過來接，但數值也會跟著顛倒，如果發現左右轉的數值大小跟想像相反，應該就是接線接反了。

---

由於 Webduino 支援開發板種類只會越來越多，接線圖先使用馬克一號與 Fly 示範，對於其他開發板來說，只要把類比訊號腳接類比腳，另一隻腳如接線圖一般接 VCC 或 GND，仍會有一樣的效果。

馬克一號接線示意圖：

Fly 接線示意圖：

實際接線圖：

操作解析

打開 Webduino Blockly ( https://blocklypro.webduino.io )，因為這個範例會透過旋轉可變電阻，調整圖片的位置，所以要先打開 Webduino Blockly 的網頁互動測試區，下拉選單選擇「控制圖片」，此時在右下角會出現對應的積木功能可以選擇。

把開發板放到編輯畫面裡，填入對應的 Webduino 開發板名稱，開發板內放入光敏(可變)電阻積木，名稱設定 pot，腳位設定 A3。

可變電阻相關積木和光敏電阻是同一個，在「環境偵測 > 光敏(可變)電阻」目錄下。

放入 pot 開始偵測的積木，並在裡頭放入「圖片水平移動」，移動的像素就是可變電阻的數值。

注意，圖片水平或垂直移動，表示離中心的的距離，不是每次移動多少。

因為可變電阻的數值只有 0~1，移動的幅度幾乎小到看不出來，所以這裡要用數值轉換積木進行數值轉換，先放入四捨五入到小數點 0 位，接續尺度轉換的積木，將 0~1 的數字轉換成 0~200，最後放入偵測到的數值。

四捨五入與尺度轉換的積木在「進階功能 > 數值轉換」目錄下。

填入裝置 Device ID，確認開發板上線，點選右上方紅色按鈕執行，旋轉可變電阻，就可以看到圖片跟著旋轉的方向移動了。

範例解答 ( 雲端平台)：https://blocklypro.webduino.io/?demo=demo-area-03#kEqjMGKAQd