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和庫。