Voir la source de Liens ressources tutoriaux Processing

== Processing  ==
[[Image:Processing.png|right]]
*http://fr.flossmanuals.net/Processing/Introduction '''manuel en français pour Processing''' 
*http://www.processing.org/ site de référence + http://www.processing.org/learning/index.html 
*http://www.processing.org/reference/fr/ les références 
*http://www.processing.org/reference/libraries/index.html les librairies aditionnelles 
*http://processing.org/discourse/yabb2/YaBB.pl?board=LibraryProblems/440 le "vieux" forum 
*http://www.ecole-art-aix.fr/rubrique81.html Les cours de l'école d'art d'aix en provence par Douglas Stanley notamment 
*http://www.multimedialab.be/cours/logiciels/processing.htm les cours et liens du multimedialab 
*http://www.guess.fr/processing-tutoriaux/fr/ Tutoriaux Processing proposés par Jeff Guess 
*http://www.v3ga.net/blog/processing-slides/ Les slides de Julien de v3ga 
*http://codelab.fr/processing des liens proposés à travers le forum francophone codelab 
*http://fr.wikipedia.org/wiki/Processing page wikipedia si vous avez du temps à perdre...
*http://hrenatoh.net/curso/processing/processing_creative_coding.pdf pdf en anglais 
*http://www.friendsofed.com/extras/159059617X/Integrating-Processing-Within-Java.pdf complément du lien précédent

== Démarrage Processing  ==

*Régler son dossier de travail dans les préférences&nbsp;: par exemple /home/labomedia/MonProcessing 
*Placer les librairies complémentaires dans ce dossier de travail en créant le dossier "libraries" 
**Attention, le dossier contenant une librairie et le fichier .jar de la librairie doivent être orthographiés de façon identique (et&nbsp;! majuscule / minuscule)

   voir installation d'une librairie&nbsp;: http://wiki.processing.org/w/How_to_Install_a_Contributed_Library

**Autoformat pour check si manque parenthèse, accolade ... 
**on sélectionne un mot dans un skectch &gt; bouton droit &gt; "Find in reference"

== Premier exercice  ==

*http://www.ecole-art-aix.fr/article203.html

 void setup(){ // on déclare le terrain de jeux
 size(300,300); // taille écran 300x300
 background(0); // fond noir
 }
 
 void draw() {
 
 background(0); // on remet le background noir pour éviter superposition  
 stroke(255); // on remplit en blanc le prochain objet 
 line(0,0,100,mouseX);  // Faire une ligne de 0 0 à 100, mouseX récup coordonnées de la souris
 stroke(255,0,0);  // Rouge
 line(100,mouseX,200,200);
 stroke(0,255,0);  
 line(200,200,300,300);
 
 /*
 int i; //définit un compteur
 for(i=0; i&lt;100; i++) { // boucler 100 fois
 
 // dessiner une ligne
 
 line( i, random(0, 50), i , 100 );
 }
 */
 }

<br> 

== Librairies  ==
Comment installer un librairie ?
* Un bon PDF par nos amis de reso-nance http://wiki.labomedia.org/images/6/6d/Leslibrairiesprocessingbook.pdf
* Un bon tutoriel : http://learningprocessing.com/

Il existe des librairies 

*controlP5&nbsp;: pour faire des interfaces graphiques avec boutons, sliders, ... 
*Flux vidéo&nbsp;: Voir GSstartedCapture pour capturer des images issues d'un flux 
*OpenCV&nbsp;: pour effets temps réel sur Caméra 
*GSvideo&nbsp;: pour lire des vidéos 
*Meta Librairies&nbsp;: voir lib toxic qui intègre plein d'outils pratiques 
*MPE&nbsp;: pour faire du multi-écran

== Processing avec Gedit (Gnome - Ubuntu)  ==

#installer le paquet gedit-plugins 
#récupérer le dossier gedit-processing&nbsp;: [https://pingbase.homelinux.net/websvn/listing.php?repname=miam&path=%2Frecettes%2Ftechnique%2Fgedit-processing%2F#path_recettes_technique_gedit-processing_ Voir ce dépot] 
#copier le fichier processing.lang dans /usr/share/gtksourceview-2.0/language-specs&nbsp;: ce fichier doit être en accessible en lecture seule pour tout le monde 
#ouvrir gedit, aller dans Affichage &gt; Mode de Coloration &gt; Source &gt; Choisir Processing 
#changer éventuellement la couleur de fond en allant dans Préférences &gt; Affichage 
#copier-coller les répertoires plugins et snippet dans /home/benjamin/.gnome2/gedit pour ajouter auto complétion avec la touche ² et des extraits de codes 
#relancer gedit, aller dans les préférences &gt; onglet Greffons &gt; activer Autocomplete et Extrait de code 
#dans Processing&nbsp;: aller dans Préférences &gt; Choisir "Use External Editor", on ne peut alors plus utiliser l'IDE de Processing pour taper du code 
#On modifie le code dans gedit, puis on ouvre ce fichier dans processing et on appuie sur "Run"

=== Pour créer des extraits de codes dans gedit  ===

*Outil &gt; Gérer les extraits de code 
*Gestion d'extrait de code &gt; Nouveau 
**Choisir un mot déclencheur et éventuellement un raccourci clavier 
**quand le mot déclencheur est tapé 
**curve(x1, y1, x2, y2, x3, y3); 
**devient en extrait code&nbsp;: 
**Curve(${1:x1}, ${2:y1}, ${3:x2}, ${4:y2}, ${5:x3}, ${6:y3});$0 
**$0&nbsp;: là où sera le curseur, le ${1:x1} est notre premier champ 
*on entre le mot déclencheur ou raccourci clavier, la touche ² remplace le mot déclencheur par la fonction processing, TAB propose les paramètres à rentrer

== Lignes de commande ==

Il peut être utile d'ajouter Processing au PATH :

Temporairement en tapant :
 export PATH=$PATH:/mon_chemin_vers/processing-2.0b4

De manière permanente en éditant .bashrc et en rajoutant la ligne précédente.

Il sera alors possible de lancer un sketch Processing de n'importe où avec :
 processing-java --output=/chemin_vers_un_dossier_temporaire --sketch=/chemin_vers_le_dossier_contenant_le_sketch --run

== Ressources&nbsp;: ==

*http://codelab.fr/39 
*http://www.ecole-art-aix.fr/rubrique81.html mais attention à la version de PRocessing&nbsp;: void loop remplacé par void draw&nbsp;! framerate vs FrameRate 
*http://openprocessing.org/ collecte de projets processing + http://emoc.org/opcode/&nbsp;: coller l'id du projet processing issu de openprocessing et récup le sketch
*http://www.generative-gestaltung.de/code les codes exemples + la librairie tirés du livre "Design Génératif"
*http://processingjs.org processing en javascript 
*http://www.shiffman.net/ des exemples ++ 
*http://pingbase.homelinux.net/moodle/course/view.php?id=9 Projets accompagnés par PING 
*http://www.iav.kazah.net/ le blog de Caroline Kassimo-Zahnd qui oeuvre à l'IAV d'Orléans&nbsp;: du code partagé

[[Catégorie:Processing]]

[[Catégorie:Processing]]