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