8 projets matériels étonnants avec Processing et p5.js

Le monde de l'électronique bricolage regorge de façons intéressantes d'interagir entre le matériel et les logiciels.

Les microcontrôleurs tels que l'Arduino et les ordinateurs à carte unique tels que le Raspberry Pi ont complètement changé l'approche de l'électronique grand public et du prototypage. Ils sont tous deux tellement adaptés au développement rapide qu’il peut être difficile de décider lequel utiliser dans un projet..

Maintenant, entrez Processing et son nouveau complice p5.js.

Ces deux langages sont conçus pour rendre le codage plus accessible aux artistes, aux éducateurs et aux débutants. Si vous avez utilisé l'IDE Arduino, vous trouverez peut-être la disposition familière. En fait, l'IDE Arduino était basé sur le code source de Processing. Ils ont des points communs, les scripts étant appelés des esquisses et des bibliothèques pouvant être installées à partir de la fenêtre de l'EDI de manière similaire..

Aujourd'hui, nous allons vous montrer quelques-uns des projets matériels les plus intéressants utilisant Processing et p5.js..

1. Contrôleur de production musicale DIY

L'AKAI MPC est l'un des outils de base de l'histoire du hip hop. Il n'est donc pas surprenant que le fabricant, M. Bomb, ait décidé d'en imiter un lors d'un hackathon sur le hip-hop NYC Music l'an dernier..

Cette version utilise p5.js comme processeur de musique, avec une carte Funkey comme E / S matérielle. Funkey est une carte compatible Arduino, qui fonctionne également avec Scratch, idéal pour enseigner aux enfants le codage..

Puisque les signaux de la carte Funkey sont gérés par p5.js, il n’est plus nécessaire d’utiliser la technologie MIDI, bien qu’il soit plus facile que vous ne le pensez d’utiliser un Arduino en tant que périphérique Midi Comment créer un contrôleur MIDI avec un Arduino Comment créer un Contrôleur MIDI avec un Arduino En tant que musicien qui a amassé une collection d’instruments de musique et de boîtes à sons, l’Arduino, très modeste, est l’outil idéal pour créer un contrôleur MIDI personnalisé. Lire la suite .

Dans ce cas, la structure p5.js est utilisée de la même manière que les banques d’échantillons d’un MPC réel, déclenchant différents échantillons en fonction du pad touché. L’aspect totalement bricoleur de ce produit nous intéresse vraiment. Au lieu d'utiliser des boutons ou des commutateurs, M. Bomb utilise du ruban de cuivre et du film d'étain pour créer des capteurs tactiles capacitifs..

Avec le coût total de cette construction avoisinant les 20 dollars US pour la carte et les composants Funkey Simple, il s’agit d’une excellente petite alternative piratée à un contrôleur coûteux..

2. Chanter le blues p5.js

Du hip hop au blues maintenant, avec une fenêtre de navigateur en solo contrôlée par un Arduino Uno.

Ce slider pentatonique en solo est une autre invention de Mr Bomb. Cette fois, les valeurs sont tirées d’un potentiomètre à glissière avant d’être mappées sur les notes de l’échelle pentatonique. Tout cela est possible grâce à la bibliothèque p5bots, qui se connecte aux cartes compatibles Arduino en mode firmata. Comment contrôler votre Arduino à l'aide de JavaScript Comment contrôler votre Arduino à l'aide de JavaScript Saviez-vous que vous pouvez contrôler votre Arduino avec Javascript? Avec un logiciel et un peu de créativité, vous pouvez! Voici comment le faire. Lire la suite .

Les bibliothèques de sons p5.js s'occupent de la génération du son. Etant donné que p5.js fonctionne de manière native dans le navigateur, cela en fait un outil puissant d’enregistrement, de lecture et de synthèse du son..

3. plombier volant

Ce projet de l'utilisateur de Vimeo, Ji Young Chun, combine un contrôleur de jeu Arduino fait maison et un jeu fabriqué en p5.js pour créer l'un des jeux par navigateur les plus difficiles à regarder de tous les temps..

Il n'y a pas de documentation supplémentaire pour ce projet mais il semble utiliser tous les états de base requis pour créer un jeu par navigateur simple avec le framework. La véritable inventivité intervient lorsqu'il s'agit de contrôler le personnage. Plutôt que d'utiliser les méthodes de saisie standard, les valeurs des capteurs de courbure faits maison, attachées aux broches Arduino, sont prises à la place, faisant bouger le héros du jeu de façon erratique..

C’est une approche détaillée et intéressante de la création d’un jeu de type Mario, et certainement plus difficile que de créer des niveaux pour la vraie chose. 4 façons de créer un jeu de Mario sur votre ordinateur 4 façons de créer un jeu de Mario sur votre ordinateur Internet, il y a eu des jeux de Mario faits par des fans. Lire la suite !

4. Pi AR avec traitement

Processing possède également une version Raspberry Pi, ce qui signifie que vos broches et vos programmes GPIO peuvent tous exister sur le même périphérique. Cela ouvre de réelles possibilités et YouTuber shahrukh tariq l'utilise à bon escient dans son casque de réalité augmentée maison..

L'AR diffère de la réalité virtuelle augmentée et de la réalité virtuelle: quelle est la différence? Réalité augmentée ou virtuelle: quelle est la différence? Réalité augmentée. Réalité virtuelle. Réalité mixte. Quelles sont toutes ces "réalités" et comment vont-elles vous affecter au cours des prochaines années? Voici tout ce que vous devez savoir. Lisez-en plus en gardant conscience du monde qui vous entoure et en projetant des images sur un écran clair. Dans ce projet, un plan virtuel projeté sur une lentille de Fresnel est renvoyé à l'œil de l'utilisateur. Le traitement projette cette vidéo dans un espace virtuel et permet à l'utilisateur de contrôler sa position avec la souris et le clavier.

La vidéo, qui est l’un des nombreux projets étonnants de la chaîne, montre l’utilisateur regardant une vidéo sur son casque avant de le déplacer vers le côté de l’écran pour une meilleure vision de la rue. Ce n’est qu’un prototype, mais l’imagination de science-fiction d’écrans de visualisation de style Iron Man est tout à fait à la portée du bricoleur pratique bricoleur.

5. Radar Arduino

L'utilisation d'un capteur de distance avec un Arduino pour collecter des données n'a rien de nouveau. Ce qui est fantastique à propos de ce projet de l'utilisateur Akshay6766 de hackster.io est la façon dont les données sont utilisées.

Un servo déplace le capteur de distance d'avant en arrière pour lui donner des lectures plus précises de son environnement. Si quelqu'un s'approche trop près, un avertisseur sonne l'alarme et l'écran indique l'emplacement de l'intrus.!

Le traitement est utilisé ici pour établir une interface avec l'Arduino via une connexion série, avant de présenter les données de distance sous forme graphique. La page du projet décrit le projet et donne un aperçu complet du code et des composants requis, ainsi que du diagramme de fritzing montrant comment construire le circuit..

6. Contrôleur bricolage 3D

Les contrôleurs gestuels et la réalité virtuelle sont de plus en plus répandus, mais ils peuvent être coûteux, même avec le contrôleur de niveau 1 Leap Motion de première lecture, Leap Motion Review et Giveaway. Leap Motion Review and Giveaway. . Vous devriez tous toucher l'écran de votre ordinateur, agiter les bras devant votre Xbox et vous frayer un chemin vers la victoire virtuelle dans le sport… Read More retailing for $ 69.99.

Eh bien, il s’avère que la phrase précédente n’est pas tout à fait correcte, vous pouvez créer une interface 3D sans contact avec un Arduino, un Processing et une feuille d’étain. Cela ressemble à un monde de rêve, n'est-ce pas? Ce n'est pas.

L'article de la version complète décrit tout ce dont vous avez besoin pour créer le contrôleur avec le code requis à la fois pour le logiciel Arduino et le logiciel de traitement. Cette version utilise le même toucher capacitif que le MPC en carton p5.js au début de cet article, mais l’utilise de manière différente, en calculant la main de l’utilisateur dans un espace 3D basé sur trois lectures de tension différentes..

C'est un projet incroyablement impressionnant qui ne nécessite presque aucune pièce et constitue le moyen idéal pour lancer votre expérimentation avec d'autres méthodes de contrôle pour ordinateurs..

7. Oh encore mon coeur qui bat

Il existe de nombreuses variations sur les moniteurs de fréquence cardiaque alimentés par Arduino utilisant des DEL et des récepteurs infrarouges. Celui-ci par YouTuber Kevin Darrah a vraiment attiré notre attention pour être un peu plus spécial

La vidéo explique en détail comment il a créé son cardiofréquencemètre avec une précision surprenante et comment il a représenté les données à l'écran. En bref, une DEL infrarouge et un récepteur détectent le pouls de l'utilisateur, qui est ensuite envoyé via un système de filtrage et d'amplification fait maison. La chaîne YouTube de Kevin propose une excellente vidéo sur les filtres en général, et constitue une excellente ressource pour ceux qui se lancent dans l'électronique de bricolage..

Ces données sont ensuite envoyées à un Arduino fait maison qui les échantillonne et allume les voyants en fonction de l’amplitude totale du battement du cœur. Cela signifie que les voyants s’allument tout au long de chaque impulsion. La carte Arduino envoie ensuite les données mappées à Processing via le port série, qu’elle convertit en un entier pour positionner le graphique de fréquence cardiaque à l’écran..

Il s’agit d’une approche élégante de ce projet, qui a abouti à une construction beaucoup plus précise que beaucoup d’autres de ce type..

8. Gant bricolage VR

Ce projet entraîne les choses dans la stratosphère et ramène ces sentiments d'Iron Man. Il s’agit d’un gant de réalité virtuelle bricolage activé et entièrement fonctionnel. Pas seulement ça, mais ça ressemble à ça:

Ce n'est pas nous qui nous moquons ici, cette chose a l'air géniale. C'est notre genre de bricolage et, comme vous le verrez, entièrement fonctionnel. Le projet complet de B.Aswinth Raj sur circuitdigest.com vous guide tout au long du projet, du début à la fin. Il combine un module Arduino et Bluetooth pour la communication informatique, avec deux capteurs à effet Hall montés sur un doigt et un aimant monté sur le pouce, qui agissent comme des commutateurs. Un objet audacieux et lumineux est monté à la paume pour le suivi.

Du côté de l’ordinateur, le code de traitement utilise la webcam pour suivre l’objet Palm et utilise sa position pour contrôler la souris..

Cette construction combine tellement d'éléments de choses que nous aimons qu'il est difficile de savoir par où commencer. Le fait que le gant fonctionne avec des piles et communique via Bluetooth le rend totalement autonome et sans fil. L'utilisation de la webcam et de l'ordinateur portable Bluetooth intégré le rend utilisable sur divers systèmes. C’est un très bon projet de bricolage, et la page de didacticiel vous guide à travers tout le code nécessaire pour le faire fonctionner vous-même..

Commencez à utiliser Processing et p5.js pour vos projets

Ces projets ne représentent que quelques-unes des versions qui utilisent Processing et p5.js à la base..

Bien qu'il existe de nombreux autres langages de programmation Quel langage de programmation devriez-vous apprendre pour l'avenir? Quel langage de programmation devriez-vous apprendre pour l'avenir? Quel est le meilleur langage de programmation à apprendre pour l’avenir? Si vous ne pouviez choisir qu'une seule langue à apprendre et à maîtriser pour l'avenir, il n'y a pas de concours: ce doit être JavaScript. En savoir plus, vous pouvez apprendre, Processing et p5.js offrent l'accessibilité via leurs IDE et leurs bibliothèques que même les codeurs débutants devraient pouvoir utiliser.

.