5
編者按：這是一個名為IoTables的團隊自制的數位板，他們都是物聯網的狂熱愛好者，平時也喜歡鼓搗一些小玩意。
對設計師來說，用鼠標或觸控板在電腦上繪圖是件很不舒服的事，不過專業級的數位板大多價格不菲。所以我們就決定自己打造一塊數位板，這樣只要像平時一樣用筆在紙上作圖，就能將圖像傳回電腦了。
在這里我們用一塊BeagleBone Black開發板作為圖像處理的核心，這樣整個圖像處理過程就能變得非常流暢。
第一步：制作繪畫設備
為了測量X坐標和Y坐標的值，我們需要準備兩個線性電位器，拉動它們時電壓就會改變。這個裝置需要安裝在一個平面上，為此我們選了一塊平坦光滑的木頭來做平面，以便用戶能用普通的書寫工具進行繪圖。
在木頭平面上安裝支架時，記得要讓兩個支架呈對角線排列（如圖），此外，兩個支架由一根彈簧弦連接，只要這根弦被扯動，電壓就會改變，我們就可以測量到X坐標值和Y坐標的值了。
下一步我們要將線軸纏在線性電位器末端，當弦被扯動時，線軸就會帶動電位器旋轉。最后用把一個墊圈放在這根弦中間，完成后我們將筆插進這個墊圈就可以開始繪圖了。
第二步：接口布局
在這塊數位板中起控制作用的是一個按鈕，按下它你就可以開始繪畫了，而松開它就會自動停止。數位板上其實還有另一個按鈕，不過我們可以通過顏色來區分它們。
想要搞定這個電路我們得先為BeagleBone開發板找到接口。首先將按鈕連上GPIO接口，這樣后續我們才能對其進行編程。在這里我們分別用 P9_11和P9_15接口連上了兩個按鈕。
此外，數位板上還安裝了一個LED來提醒我們是否可以繪畫，請將LED與P9_13接口連起來。
由于兩個電位器采用的是模擬輸入，所以我們要分別用P9_33和P9_35接口來連接它們。此外，我們還要用一個1.8V的電源為它們供電。搞定這些后硬件的制作就告一段落了。
第三步：代碼
代碼才是測量X和Y坐標值的關鍵，在這里我們用到了processing.js架構，它可以制作出HTML5 canvas和繪畫的后端。此外，我們還會用BoneScript庫來讀解來自線性電位器的值。
可在此下載代碼，processing.js和BoneScript庫。
第四步：成品
組裝好之后，用戶就可以自行添加書寫工具了，選好后將筆插入墊圈并按下按鈕。好啦，下一個設計師就是你！
via instructables
關注硬創邦微信號（leiphone_bang），加入全球創客馬拉松主群（群號：259592983），參與我們的互動討論，獲得最新比賽信息~
雷峰網原創文章，未經授權禁止轉載。詳情見轉載須知。
