編者按：這是一個名為IoTables的團隊自制的數(shù)位板，他們都是物聯(lián)網(wǎng)的狂熱愛好者，平時也喜歡鼓搗一些小玩意。

對設(shè)計師來說，用鼠標(biāo)或觸控板在電腦上繪圖是件很不舒服的事，不過專業(yè)級的數(shù)位板大多價格不菲。所以我們就決定自己打造一塊數(shù)位板，這樣只要像平時一樣用筆在紙上作圖，就能將圖像傳回電腦了。

在這里我們用一塊BeagleBone Black開發(fā)板作為圖像處理的核心，這樣整個圖像處理過程就能變得非常流暢。

第一步：制作繪畫設(shè)備

為了測量X坐標(biāo)和Y坐標(biāo)的值，我們需要準(zhǔn)備兩個線性電位器，拉動它們時電壓就會改變。這個裝置需要安裝在一個平面上，為此我們選了一塊平坦光滑的木頭來做平面，以便用戶能用普通的書寫工具進行繪圖。

在木頭平面上安裝支架時，記得要讓兩個支架呈對角線排列（如圖），此外，兩個支架由一根彈簧弦連接，只要這根弦被扯動，電壓就會改變，我們就可以測量到X坐標(biāo)值和Y坐標(biāo)的值了。

下一步我們要將線軸纏在線性電位器末端，當(dāng)弦被扯動時，線軸就會帶動電位器旋轉(zhuǎn)。最后用把一個墊圈放在這根弦中間，完成后我們將筆插進這個墊圈就可以開始繪圖了。

第二步：接口布局

在這塊數(shù)位板中起控制作用的是一個按鈕，按下它你就可以開始繪畫了，而松開它就會自動停止。數(shù)位板上其實還有另一個按鈕，不過我們可以通過顏色來區(qū)分它們。

想要搞定這個電路我們得先為BeagleBone開發(fā)板找到接口。首先將按鈕連上GPIO接口，這樣后續(xù)我們才能對其進行編程。在這里我們分別用 P9_11和P9_15接口連上了兩個按鈕。

此外，數(shù)位板上還安裝了一個LED來提醒我們是否可以繪畫，請將LED與P9_13接口連起來。

由于兩個電位器采用的是模擬輸入，所以我們要分別用P9_33和P9_35接口來連接它們。此外，我們還要用一個1.8V的電源為它們供電。搞定這些后硬件的制作就告一段落了。

第三步：代碼

代碼才是測量X和Y坐標(biāo)值的關(guān)鍵，在這里我們用到了processing.js架構(gòu)，它可以制作出HTML5 canvas和繪畫的后端。此外，我們還會用BoneScript庫來讀解來自線性電位器的值。

可在此下載代碼，processing.js和BoneScript庫。

第四步：成品

組裝好之后，用戶就可以自行添加書寫工具了，選好后將筆插入墊圈并按下按鈕。好啦，下一個設(shè)計師就是你！

via instructables

關(guān)注硬創(chuàng)邦微信號（leiphone_bang），加入全球創(chuàng)客馬拉松主群（群號：259592983），參與我們的互動討論，獲得最新比賽信息~

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。