Liens ressources tutoriaux Processing
De Centre de Ressources Numériques - Labomedia
Sommaire
Processing
- 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 : 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 ! majuscule / minuscule)
voir installation d'une librairie : 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 > bouton droit > "Find in reference"
Premier exercice
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<100; i++) { // boucler 100 fois // dessiner une ligne line( i, random(0, 50), i , 100 ); } */ }
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 : pour faire des interfaces graphiques avec boutons, sliders, ...
- Flux vidéo : Voir GSstartedCapture pour capturer des images issues d'un flux
- OpenCV : pour effets temps réel sur Caméra
- GSvideo : pour lire des vidéos
- Meta Librairies : voir lib toxic qui intègre plein d'outils pratiques
- MPE : pour faire du multi-écran
Processing avec Gedit (Gnome - Ubuntu)
- installer le paquet gedit-plugins
- récupérer le dossier gedit-processing : Voir ce dépot
- copier le fichier processing.lang dans /usr/share/gtksourceview-2.0/language-specs : ce fichier doit être en accessible en lecture seule pour tout le monde
- ouvrir gedit, aller dans Affichage > Mode de Coloration > Source > Choisir Processing
- changer éventuellement la couleur de fond en allant dans Préférences > 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 > onglet Greffons > activer Autocomplete et Extrait de code
- dans Processing : aller dans Préférences > 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 > Gérer les extraits de code
- Gestion d'extrait de code > 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 :
- Curve(${1:x1}, ${2:y1}, ${3:x2}, ${4:y2}, ${5:x3}, ${6:y3});$0
- $0 : 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 :
- http://codelab.fr/39
- http://www.ecole-art-aix.fr/rubrique81.html mais attention à la version de PRocessing : void loop remplacé par void draw ! framerate vs FrameRate
- http://openprocessing.org/ collecte de projets processing + http://emoc.org/opcode/ : 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 : du code partagé