Voir la source de Partition Graphique - Jade Rouanet

{{Page web
|URL=http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet
|Title=Partition Graphique - Jade Rouanet
|Updated=2019-05-16 10:33:37
|Site=Curlybraces
|Thumbnail=Schéma2-CLAV-P.G.-PRINT.jpg
}}
De {}

Aller à : [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#mw-head navigation], [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#p-search rechercher]

== Sommaire ==

* [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#Introduction 1 Introduction]
** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#Probl.C3.A9matiques 1.1 Problématiques]
** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#1.2F_Programme_processing_.2F_MIDI 1.2 1/ Programme processing / MIDI]
*** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#A._g.C3.A9n.C3.A9rer_des_formes_basiques_activ.C3.A9es_par_le_synth.C3.A9tiseur 1.2.1 A. générer des formes basiques activées par le synthétiseur]
*** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#Configurer_le_clavier 1.2.2 Configurer le clavier]
*** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#Code_MIDI-Processing 1.2.3 Code MIDI-Processing]
*** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#B._Cr.C3.A9er_des_.C3.A9l.C3.A9ments_entiers_.28et_pas_une_superposition_de_formes.29 1.2.4 B. Créer des éléments entiers (et pas une superposition de formes)]
*** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#C.Enregistrer_les_formes_produites_dans_la_m.C3.A9moire_et_cr.C3.A9er_un_pdf_adapt.C3.A9 1.2.5 C.Enregistrer les formes produites dans la mémoire et créer un pdf adapté]
*** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#D._Rendre_les_forme_sensibles_.C3.A0_la_v.C3.A9locit.C3.A9 1.2.6 D. Rendre les forme sensibles à la vélocité]
** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#3.2FConfigurer_le_RaspberryPi 1.3 3/Configurer le RaspberryPi]
** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#Liens 1.4 Liens]
* [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#D.C3.A9clinaisons 2 Déclinaisons]
** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#1.2FGraphic_worksite 2.1 1/Graphic worksite]
** [http://curlybraces.be/wiki/index.php/Partition_Graphique_-_Jade_Rouanet#2.2FL.27.C3.A9lectro-magn.C3.A9tisme_pour_le_son 2.2 2/L'électro-magnétisme pour le son]

= Introduction =

[[Fichier:Schéma2-CLAV-P.G.-PRINT.jpg|Schéma2-CLAV-P.G.-PRINT.jpg|link=http://curlybraces.be/wiki/Fichier:Sch%C3%A9ma2-CLAV-P.G.-PRINT.jpg|thumb|none]]

Visual Ambitus 03 est une des branches que je souhaite développer autour de la visualisation graphique de la musique. Il est davantage orienté vers la notation de la musique et s'intéresse particulièrement à la génération de partition graphique. Détaché du solfège et autre forme de langage existante, je cherche à expérimenter une forme de traduction de la musique qui laisse place à la subjectivité de l'interprète. À partir d'un programme qui s'inspire de la structure mathématique de la musique et des sons, il vise à imprimer une partition dont il déterminera la notation graphique.

Cette installation se compose donc d'un synthétiseur émettant des signaux analogiques et MIDI relié à un rapsberry Pi. Ce micro ordinateur traite les données de deux manières : - via Ableton ou un logiciel open source comme LMMS, traduisant les signaux en son et les transmettant à un ampli. - via processing, traduisant les signaux en forme graphique. Ces formes graphiques sont traduites en image bitmap et directement transmises à l'imprimante thermique, qui imprime en direct et en continu ce que le claviste joue.

Dans un premier temps, cette installation capture l'intégralité de l'intervention du claviste. Le but des partitions qui s'en suivent est de les faire réinterpréter par d'autres musiciens, qui ne disposent ni d'autres outils que leur expérience et connaissance de leur instrument, ni d'autres codes que cette notation graphique basée sur une forme &quot;d'objectivité mathématique&quot; de la musique.

[[Fichier:Schéma CLAVIER-P.G.-PRINT.02.jpg|Schéma CLAVIER-P.G.-PRINT.02.jpg|link=http://curlybraces.be/wiki/Fichier:Sch%C3%A9ma_CLAVIER-P.G.-PRINT.02.jpg|thumb|none]]

== Problématiques ==

1/ créer un programme processing &gt; données MIDI + Visualisation graphique

2/ faire interagir le logiciel de MAO et processing

3/ récupérer les données MIDI et analogiques (potentiomètres)

4/ envoyer la partition graphique à l'imprimante thermique

5/ configurer l'imprimante thermique au rapsberry pi

6/ imprimer l'information en temps réel et en continu

<br />

== 1/ Programme processing / MIDI ==

=== A. générer des formes basiques activées par le synthétiseur ===

[[Fichier:CODE.P.png|CODE.P.png|link=http://curlybraces.be/wiki/Fichier:CODE.P.png|thumb|none]]

Ce test a été dans un premier temps réalisé avec le clavier de l'ordinateur. Premiers résultats: [[Fichier:Capture d’écran 2018-12-11 à 15.25.49.png|Capture d’écran 2018-12-11 à 15.25.49.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2018-12-11_%C3%A0_15.25.49.png|thumb|none]]

Il faut maintenant configurer le clavier afin de le connecter au programme processing

=== Configurer le clavier ===

Dans l’app Configuration audio et MIDI sur le Mac (attention c'est dans le cas de Mac!), choisir Fenêtre &gt; Afficher Studio MIDI, pour obtenir cette interface.

<br /> [[Fichier:Config-clavier2.png|Config-clavier2.png|link=http://curlybraces.be/wiki/Fichier:Config-clavier2.png|thumb|none]]

Si une interface MIDI est connecté au port USB de votre Mac, elle doit apparaître dans la fenêtre MIDI Studio.

S'il y a un/des problème.s de connexion ou que vous souhaiter créer de nouveaux appareils MIDI, cliquer sur ce [http://curlybraces.be/wiki/index.php?title=Lien&action=edit&redlink=1 lien] [https://support.apple.com/fr-be/guide/audio-midi-setup/ams875bae1e0/mac [1]]

=== Code MIDI-Processing ===

[[Image:http://curlybraces.be/wiki/images/thumb/7/70/Capture_d%E2%80%99%C3%A9cran_2018-12-14_%C3%A0_20.42.44.png/300px-Capture_d%E2%80%99%C3%A9cran_2018-12-14_%C3%A0_20.42.44.png|Capture d’écran 2018-12-14 à 20.42.44.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2018-12-14_%C3%A0_20.42.44.png]]

//-----------------INITIALISATION------------------

import processing.pdf.*; import themidibus.*;// import de la librairie MidiBus myBus;//la librairie the Midibus boolean record;

float px=0;//position de démarage de la note float py=25; float vx=0;//vitesse float vy=0;

int channel=1; int pitch=0; int velocity=0; int spitch;

int b=pitch;

<br /> ArrayList&lt;Ball&gt; balls = new ArrayList&lt;Ball&gt;(); PApplet theApp;

//-----------------PROGRAMME------------------

void setup() {

<pre> size(270, 800);
 textSize(20);
 background(255);
 theApp=this;
 MidiBus.list();
 myBus = new MidiBus(this, 2, 1);</pre>
}

void draw () {

<pre> background(255);
 
 myBus.sendNoteOn(channel, pitch, velocity); // envoie MidiOn
 //delay(200);
 myBus.sendNoteOff(channel, pitch, velocity); // envoie MidiOf
 
 int number = 0;
 int value = 90;
 ball();
 myBus.sendControllerChange(channel, number, value); // Send a controllerChange
 //delay(2000);</pre>
[[Image:http://curlybraces.be/wiki/images/thumb/3/34/Capture_d%E2%80%99%C3%A9cran_2018-12-14_%C3%A0_18.12.42.png/300px-Capture_d%E2%80%99%C3%A9cran_2018-12-14_%C3%A0_18.12.42.png|Capture d’écran 2018-12-14 à 18.12.42.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2018-12-14_%C3%A0_18.12.42.png]]

for (int i=0; i&lt;balls.size(); i++) {

<pre>   Ball b=balls.get(i);
   b.draw();
   b.move();</pre>
} } void ball(){

<pre> Ball b;
 
   if (spitch == 24 ) {                      //C1_D0 ________________________________
   b=new Ball(25,py, 20, color(0));
   balls.add(b);
   b.vx=0; 
   b.vy=1;
 }</pre>
Ouvrir un second onglet pour coder l'arraylist :

class Ball {

<pre> // propriétés
 float x, y; //position
 float vx, vy; //vitesse
 int taille, tailleV; //diamêtre
 //colorMode (RGB,minPitch,maxPitch);
 color c;
 
 //méthodes
 
 Ball (float x0, float y0, int s, color c) {
 //Ball (float x0, float y0, int s, int pitch) {
 // constructeur
 x=x0; y=y0;
 taille=s; tailleV=taille;
 c=0;
 }
 </pre>
void draw() {

<pre>   fill(c);
   ellipse(x, y, taille, tailleV);</pre>
}

void move() {

<pre>   x+=vx; // x=x+vzx
   y+=vy; </pre>
}

<br /> }

&lt;embedvideo service=&quot;youtube&quot;&gt; https://youtu.be/crVl6EUEVUQ&lt;/embedvideo&gt;

=== B. Créer des éléments entiers (et pas une superposition de formes) ===

Processing est un programme qui génère automatiquement les formes les unes par dessus les autres, donnant parfois l'impression de solides. Or cela alourdit le code et ne permet de pas de moduler la forme.

<br /> ===C

=== C.Enregistrer les formes produites dans la mémoire et créer un pdf adapté ===

=== D. Rendre les forme sensibles à la vélocité ===

== 3/Configurer le RaspberryPi ==

Pour toute la configuration du RPI, la démarche à suivre se trouve sur ce lien [[[Fichier:Capture d’écran 2019-05-04 à 20.23.54.png|Capture d’écran 2019-05-04 à 20.23.54.png|link=http://curlybraces.be/wiki/Ressources::RaspberryPi#Configurer_le_Raspberry_Pi|[2|thumb|none]]]. Donc maintenant lorsque je veux me connecter sur le RPI (connecté via éthernet), je vais sur le terminal et j'utilise la commande BASH ssh : ______________________________________________________________________________________________________________________________________________ [http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2019-05-04_%C3%A0_20.23.54.png]] ______________________________________________________________________________________________________________________________________________

<br />

Si le RPI est connecté en wifi, alors on a besoin de connaître son adresse IP. Dans ce cas, on utilise la commande ifconfig afin de récupérer l'adresse IP. On la repère à la suite de la ligne contenant “inet addr&quot;: 225.225.225.225. Dans ce cas , taper dans le terminal ssh pi@225.225.225.225.

<br /> Le mot de passe (ne s'affiche pas lorsque vous l'écrivez) est : raspberry. On sait que le RPI est bien connecté lorsqu'il apparaît comme ceci : ______________________________________________________________________________________________________________________________________________ [[Fichier:Capture d’écran 2019-05-04 à 20.24.13.png|Capture d’écran 2019-05-04 à 20.24.13.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2019-05-04_%C3%A0_20.24.13.png|thumb|none]] ______________________________________________________________________________________________________________________________________________

<br />

Pour insérer un programme dans le RPI, on peut passer par de chemins :

-classique : via un FTP classique (par exemple sur Filezilla) : Pour se connecter au RPI, remplir avec l'adresse IP dans le cas d'une utilisation en wifi ou le nom de connection de celui-ci(comme-ci dessous). Ensuite glisser les fichier de votre ordinateur vers le RPI. Afin de faire fonctionner l'imprimante, installer le langage python sur le rpi pour pouvoir installer la bibliothèque de l'imprimante avec la commande: sudo apt-get install python3-picamera git clone [[Fichier:Capture d’écran 2019-05-04 à 19.18.41 copie.png|Capture d’écran 2019-05-04 à 19.18.41 copie.png|link=https://github.com/adafruit/Python-Thermal-Printer|[3|thumb|none]] Il se peut que la configuration du RPI bloque le transfert des fichiers : [http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2019-05-04_%C3%A0_19.18.41_copie.png]]

<br /> Il s'agit d'un problème d'accès et de propriétés, alors il faut vérifier la configuration du programme qui autorise l'entrée d'un fichier dans FileZilla. Pour se faire, taper dans le terminal : sudo nano /etc/vsftpd.conf , puis remplacer les &quot;no&quot; par &quot;yes&quot; [[Fichier:Capture d’écran 2019-05-09 à 10.45.48 copie.png|Capture d’écran 2019-05-09 à 10.45.48 copie.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2019-05-09_%C3%A0_10.45.48_copie.png|thumb|none]]

<br /> -rapide : le logiciel d'interopérabilité [[Fichier:Capture d’écran 2019-05-09 à 10.24.48.png|Capture d’écran 2019-05-09 à 10.24.48.png|link=http://curlybraces.be/wiki/index.php?title=Samba&action=edit&redlink=1|Samba][https://openclassrooms.com/fr/courses/2929586-mettre-en-place-un-serveur-samba [4|thumb|none]] nous permet d'afficher le contenu du RPI tel un bureau informatique avec des dossiers, fichiers. Une fois installé sur l'ordinateur et le rPI connecté, cliquer sur &quot;aller&quot; de la barre du finder, puis &quot;se connecter au serveur&quot; avec l'adresse du RPI puis &quot;se connecter&quot; (il vous demandera le mot de passe correspondant à celui de votre ordinateur) [http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2019-05-09_%C3%A0_10.24.48.png]]

<br />

<br /> [[Forum &gt; Imprimer depuis processing]][https://forum.processing.org/two/discussion/23471/combining-two-pieces-of-code/p2#Item_51 [5]]

[http://curlybraces.be/wiki/index.php?title=RPI_LAB&action=edit&redlink=1 RPI LAB] [http://www.rpilab.net/resources/audacity/ [6]]

[http://curlybraces.be/wiki/index.php?title=Deadpixel&action=edit&redlink=1 Deadpixel] [http://www.deadpixel.ca/command/examples/Print/Print.pde

[http://curlybraces.be/wiki/index.php?title=Forum_sur_processing&action=edit&redlink=1 forum sur processing] [https://discourse.processing.org/t/processing-and-thermal-printer/3933/11 [7]]

[http://curlybraces.be/wiki/index.php?title=Imprimer_avec_le_mod%C3%A8le_d%27imprimante_thermique&action=edit&redlink=1 Imprimer avec le modèle d'imprimante thermique] [https://creativpi.fr/mini-thermal-printer/ [8]]

[http://curlybraces.be/wiki/index.php?title=Hey&action=edit&redlink=1 hey] [https://github.com/luopio/py-thermal-printer/blob/master/printer.py [9]]

<br /> &quot; Serial The Serial library reads and writes data to and from external devices one byte at a time. It allows two computers to send and receive data. This library has the flexibility to communicate with custom microcontroller devices and to use them as the input or output to Processing programs. The serial port is a nine pin I/O port that exists on many PCs and can be emulated through USB.

&quot;Anyway, you're going to need to learn more about the particular printer you are using. What model is it? What protocol(s) does it support? Is it bluetooth? Is it connected via USB? Serial? Serial USB? Is there a serial protocol it supports? Is there a standard protocol used by most receipt printers?

If it supports a serial protocol, you can use the Serial library. If it's bluetooth, you might be able to use the Bluetooth Desktop library. Either way, you will need to learn more about the specific type of messages used by the printer to communicate with the computer.

There also may be an established way to talk to it from Java (lots of standard business applications are written in Java, but not so much in Processing). Since Processing actually *is* a form of Java, googling for receipt printer java might turn up something useful. Substituting &quot;Java&quot; for &quot;Processing&quot; in your search terms is an especially good idea for non-art applications (e.g. business, science, etc.). &quot; [http://curlybraces.be/wiki/index.php?title=PR&action=edit&redlink=1 PR][https://github.com/GoToLoop/command/commit/fbb32d7c0a38a157c7a9bc5a9b0f2e5b9b45e562 [10]]

[[https://stackoverflow.com/questions/19532125/cant-install-pil-after-mac-os-x-10-9 [11]]][https://stackoverflow.com/questions/19532125/cant-install-pil-after-mac-os-x-10-9 [12]] = pour installer la librairie PIL

== Liens ==

[http://curlybraces.be/wiki/index.php?title=La_musique_cybern%C3%A9tique&action=edit&redlink=1 La musique cybernétique][http://cyberneticserendipity.net/ [13]]

<br />

= Déclinaisons =

== 1/Graphic worksite ==

[http://curlybraces.be/wiki/Le_projet_qui_relie_la_partition_graphique_%C3%A0_un_chantier._Traductions_sonores_et_visuelles_de_leur_activit%C3%A9 Le projet qui relie la partition graphique à un chantier. Traductions sonores et visuelles de leur activité][https://pratiquesnumeriques.be/index.php?title=Graphic_Worksite [14]]

== 2/L'électro-magnétisme pour le son ==

Le principe de ce projet est de capturer les différents sons émis par le champ électro-magnétique des ventilateurs. Ces champs électro-magnétiques sont capté par un micro spécial, appelé bit coil. La problématique du projet se trouve dans la maîtrise des vitesses de rotation de l'hélice. À L'aide d'une diode et d'un transistor (mosfet), il est possible de ralentir la vitesse à son minimum.

[[Fichier:Capture d’écran 2018-11-13 à 16.09.04.png|Capture d’écran 2018-11-13 à 16.09.04.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2018-11-13_%C3%A0_16.09.04.png|thumb|none]]

Les ventilateurs utilisés pour ce projet sont issus d'unités centrales et sont en 12V. Dans un premier temps, il faut être équipé d'une alimentation d'ordinateur que l'on aura cours-circuitée afin qu'il puisse distribuer de l'énergie en 5 et 12V. L'alimentation dispose de 4 câbles de connexion. On connectera alors le - du ventilateur sur le ground (noir) et le + sur le 12V (jaune).

[[Fichier:Capture d’écran 2018-12-11 à 15.35.26.png|Capture d’écran 2018-12-11 à 15.35.26.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2018-12-11_%C3%A0_15.35.26.png|thumb|none]]

[[Fichier:01 (2).jpg|01.jpg|link=http://curlybraces.be/wiki/Fichier:01.jpg|thumb|none]] (Schéma du circuit pour 1 ventilateur. Le courant sort de l'unité centrale pour alimenter l'ensemble de la breadboard. Il passe en premier par la diode, puis par le ventilateur. Ensuite il passe par le transistor, se dirige vers l'arduino qui calcule sa vitesse et termine son parcours vers le -.)

Ce premier code permet de faire fonctionner deux ventilateurs indépendamment avec une vitesse propre à chacun. [[Fichier:Capture d’écran 2018-12-15 à 16.20.27.png|Capture d’écran 2018-12-15 à 16.20.27.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2018-12-15_%C3%A0_16.20.27.png|thumb|none]]

<br /> Le code suivant me permet de modifier pour chacun des ventilateur des temps de vitesses différents qui induisent des sons différents. C'est à partir de ce moment que le projet devient intéressant, car Il est possible de créer des mélodies. [[Fichier:Capture d’écran 2018-12-15 à 16.23.39.png|Capture d’écran 2018-12-15 à 16.23.39.png|link=http://curlybraces.be/wiki/Fichier:Capture_d%E2%80%99%C3%A9cran_2018-12-15_%C3%A0_16.23.39.png|thumb|none]]

Voici ce que cela peut donner:

&lt;embedvideo service=&quot;youtube&quot;&gt; https://youtu.be/lSt1ZJHTg4c&lt;/embedvideo&gt;

La vidéo suivante est le résultat de plusieurs bidouillages et d'erreurs de contact/transmission électrique. On peut observer que l'électricté de mon corps participe à l'impulsion donnée au ventilateur et donc au son.

&lt;embedvideo service=&quot;youtube&quot;&gt;https://youtu.be/ShaRfylE-MM&lt;/embedvideo&gt;

[[Fichier:PrototypeB.jpg|PrototypeB.jpg|link=http://curlybraces.be/wiki/Fichier:PrototypeA.jpg|[[Image:http://curlybraces.be/wiki/images/b/b7/PrototypeA.jpg|PrototypeA.jpg|thumb|none]]] [http://curlybraces.be/wiki/Fichier:PrototypeB.jpg]]

L'exploration de ce projet se tourne alors vers d'autres machines qui émetteront du son, basé sur le même type de moteur que celui du ventilateur.

[[Fichier:03 (2).jpg|03.jpg|link=http://curlybraces.be/wiki/Fichier:08.jpg|[[Image:http://curlybraces.be/wiki/images/8/86/08.jpg|08.jpg|thumb|none]]] [http://curlybraces.be/wiki/Fichier:02.jpg [[Fichier:02 (2).jpg|02.jpg|thumb|none]]] [http://curlybraces.be/wiki/Fichier:07.jpg [[Fichier:07.jpg|07.jpg|thumb|none]]] [http://curlybraces.be/wiki/Fichier:06.jpg [[Fichier:06 (2).jpg|06.jpg|thumb|none]]] [http://curlybraces.be/wiki/Fichier:05.jpg [[Fichier:05 (2).jpg|05.jpg|thumb|none]]] [http://curlybraces.be/wiki/Fichier:04.jpg [[Fichier:04 (2).jpg|04.jpg|thumb|none]]] [http://curlybraces.be/wiki/Fichier:03.jpg]]

Récupérée de « http://curlybraces.be/wiki/index.php?title=Partition_Graphique_-_Jade_Rouanet&oldid=3355 »