DIY电子世界充满了有趣的方式来互动的硬件和软件。

像Arduino这样的微控制器和Raspberry Pi这样的单板计算机已经完全改变了电子和原型**的方式。它们都非常适合快速开发，以至于很难决定在项目中使用哪一个。

现在，输入Processing及其新的同谋p5.js。

这两种语言的设计都是为了让艺术家、教育者和初学者更容易理解代码。如果您使用过ArduinoIDE，您可能会发现这种布局很熟悉。事实上，ArduinoIDE实际上是基于源代码进行处理的。它们有一些共同点，脚本被称为草图和库，可以从IDE窗口以类似的方式安装。

今天我们将向您展示一些使用Processing和p5.js的最酷的硬件项目。

1diy音乐**控制器

AKAI MPC是嘻哈历史的主要工具之一。这也就不足为奇了，这位**人Bomb先生去年决定在一场以嘻哈为主题的纽约音乐黑客大赛上模仿一位。

这个版本使用p5.js作为它的音乐处理器，还有一个Funkey板作为它的硬件I/O。Funkey是一个与Arduino兼容的板，它也可以与Scratch一起工作，非常适合教孩子们编码。

因为Funkey板的信号是由p5.js处理的，所以不再需要midi了——尽管使用Arduino作为midi设备比你想象的要容易。

在本例中，p5.js框架的使用与实际MPC的样本库非常相似，根据命中哪个pad触发不同的样本。这完全是我们自己动手做的事情。mrbomb没有使用按钮或开关，而是使用铜带和锡箔来**电容式触摸传感器。

由于整个构建的成本加起来大约为20美元的Funkey简单板和部件，这是一个伟大的小黑客替代昂贵的控制器。

2唱p5.js蓝调

从嘻哈音乐到蓝调，由Arduino Uno控制的独立浏览器窗口。

这五声独奏滑块是另一个发明的**先生。这一次，在映射到五声音阶的音符之前，从滑动电位计中获取值。所有这些都是通过p5bots库实现的，p5bots库以firmata模式连接到Arduino兼容板。我们在使用Javascript控制Arduino的教程中使用了类似的方法。

js声音库负责声音的生成。考虑到p5.js在浏览器中本机工作，这使得它成为一个强大的录音、播放和合成工具。

三。飞行管道工

https://vimeo.com/186104890

Vimeo用户Ji Young Chun的这个项目将自制的Arduino游戏控制器与p5.js**的游戏结合在一起，打造出有史以来最难看的浏览器游戏之一。

这个项目没有进一步的文档，但是它看起来使用了所有的基本状态来创建一个简单的浏览器游戏。真正的创造力来自于角色控制。而不是使用标准的输入法，从国产弯曲传感器连接到Arduino引脚的值，而不是采取，使游戏中的英雄移动不稳定。

这是一个深入和有趣的采取建设一个马里奥一样的游戏，当然比真正的东西水平更难！

4带处理的pi ar

Processing还有一个Raspberry Pi版本，这意味着您的GPIO引脚和程序可以全部存在于同一个设备上。这开启了一些真正的可能性，YouTuber shahrukh tariq在他自制的增强现实耳机中使用了它。

AR不同于VR，因为你可以保持对周围世界的感知，并将图像投影到清晰的显示器上。在这个项目中，投影到菲涅耳透镜上的虚拟平面反射回用户的眼睛。处理将这个视频投影到虚拟空间中，让用户用鼠标和键盘控制它的位置。

这段视频是该频道众多令人惊叹的项目之一，它显示用户在耳机上观看视频，然后将视频移到屏幕一侧，以便更好地观看街道。这只是一个原型，但科幻想象的铁人风格的视图屏幕是在范围内的方便DIY修补匠现在。

5arduino雷达

使用带有Arduino的距离传感器来收集数据并不是什么新鲜事。这个项目有什么了不起的地方黑客.io用户Akshay6766是数据的使用方式。

伺服机构来回移动距离传感器，使其对周围环境的读数更准确。如果任何人离得太近，蜂鸣器就会发出警报，屏幕会显示入侵者的位置！

在以图形方式显示距离数据之前，这里使用处理通过串行连接与Arduino接口。项目页面概述了项目，并给出了所需的代码和组件的完整摘要，以及显示如何构建电路的fritzing图。

6diy 3d控制器

基于手势的控制器和虚拟现实正变得越来越普遍，但它们的开发成本很高，甚至入门级的Leap Motion控制器的零售价也高达69.99美元。

事实证明，前面的句子并不完全正确，你可以用Arduino、Processing和锡箔构建一个非接触式3D界面。听起来像是在做梦，不是吗？不是的。

完整的构建文章概述了**控制器所需的一切，以及Arduino和处理软件所需的代码。这个版本使用了与本文开头的p5.js纸板MPC相同的电容触控，但使用方式不同，它是基于三个不同的电压读数在3D空间计算用户的手。

这是一个令人难以置信的令人印象深刻的项目，它几乎不需要任何零件来**，而且是一个完美的方式来启动你的实验与计算机的替代控制方法。

7哦，我还在跳动的心

使用红外线LED和接收器的Arduino心率监测仪有很多不同。这张由YouTuber Kevin Darrah拍摄的照片吸引了我们的眼球，因为它更特别

这段视频深入讲述了他是如何**出奇精确的心率监测仪的，以及他是如何在屏幕上表现数据的。简而言之，红外LED和接收器检测用户的脉搏，然后通过自制的放大和滤波系统发送。凯文的YouTube频道有一个优秀的视频过滤器，该频道是一个很好的资源，为那些进入DIY电子产品。

然后，这些数据被发送到自制的Arduino中，Arduino对数据进行采样，并根据心跳的总振幅点亮LED。这意味着每个脉冲的LED都会一直亮起。然后，Arduino板通过串行端口将映射的数据发送到Processing，并将其转换为整数，以便在屏幕上定位心率图形。

对于这个项目来说，这是一种优雅的方法，它生成的构建比其他类型的构建要精确得多。

8diy vr手套

这个项目把事情带到平流层，并带回那些钢铁侠的感觉。这是一个功能齐全，DIY蓝牙激活VR手套。不仅如此，它看起来是这样的：

那不是我们在开玩笑，那东西看起来棒极了。这是我们的DIY，你会看到，功能齐全。B.Aswinth Raj的完整项目circuitdigest.com网站带领您完成从项目开始到今天的项目。它结合了一个Arduino和一个用于计算机通信的蓝牙模块，两个手指安装的霍尔传感器和一个拇指安装的磁铁作为开关。一个大胆而明亮的物体是掌上安装的跟踪。

在计算机方面，处理代码使用网络摄像头跟踪手掌对象，并使用其位置控制计算机鼠标。

这个构建结合了很多我们喜欢的元素，所以很难知道从哪里开始。事实上，手套运行电池和通信蓝牙使它完全独立和无线。网络摄像头和车载笔记本电脑蓝牙的使用使得它可以在各种系统上使用。这是一个真正伟大的DIY项目，教程页带你通过所有的代码，使自己的工作。

开始在项目中使用processing和p5.js

这些项目只是使用Processing和p5.js作为核心的一些构建。

虽然您可以学习很多其他编程语言，但Processing和p5.js通过它们的ide和库提供了可访问性，即使是初学者也应该能够使用这些ide和库。