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

WBOY
發布: 2016-06-24 11:30:46
原創
1070 人瀏覽過

编者按:这是一个名为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),参与我们的互动讨论,获得最新比赛信息~

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板