思享国logo
  • 点赞

    2

  • 宝推

    0

  • 10

  • 回复

  • 下载附件

    3

返回顶部

点赞数

2

回复数

1

被浏览

353

BeagleBone Black开发板+processing.js架构自制一个数位板(代码开源)

2017-12-07 11:03更新
  • 论坛热议

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

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

第一步:制作绘画设备

图片1

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

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

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

第二步:接口布局

Fr7D87NaW_TnFEUm2WjWg1GbYGfE

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

想要搞定这个电路我们得先为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库。

第四步:成品

组装好之后,用户就可以自行添加书写工具了,选好后将笔插入垫圈并按下按钮。好啦,下一个设计师就是你!


您尚未登录, 登入  或  注册  后可查看全部