连数位板也要DIY了，你咋不上天呢_html/css_WEB-ITnose

编者按：这是一个名为IoTables的团队自制的数位板，他们都是物联网的狂热爱好者，平时也喜欢鼓捣一些小玩意。

对设计师来说，用鼠标或触控板在电脑上绘图是件很不舒服的事，不过专业级的数位板大多价格不菲。所以我们就决定自己打造一块数位板，这样只要像平时一样用笔在纸上作图，就能将图像传回电脑了。

在这里我们用一块BeagleBone Black开发板作为图像处理的核心，这样整个图像处理过程就能变得非常流畅。

第一步：制作绘画设备

为了测量X坐标和Y坐标的值，我们需要准备两个线性电位器，拉动它们时电压就会改变。这个装置需要安装在一个平面上，为此我们选了一块平坦光滑的木头来做平面，以便用户能用普通的书写工具进行绘图。

在木头平面上安装支架时，记得要让两个支架呈对角线排列（如图），此外，两个支架由一根弹簧弦连接，只要这根弦被扯动，电压就会改变，我们就可以测量到X坐标值和Y坐标的值了。

下一步我们要将线轴缠在线性电位器末端，当弦被扯动时，线轴就会带动电位器旋转。最后用把一个垫圈放在这根弦中间，完成后我们将笔插进这个垫圈就可以开始绘图了。

第二步：接口布局

在这块数位板中起控制作用的是一个按钮，按下它你就可以开始绘画了，而松开它就会自动停止。数位板上其实还有另一个按钮，不过我们可以通过颜色来区分它们。

想要搞定这个电路我们得先为BeagleBone开发板找到接口。首先将按钮连上通用输入输出接口，这样后续我们才能对其进行编程。在这里我们分别用 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），参与我们的互动讨论，获得最新比赛信息~