Liens ressources tutoriaux Processing

De Centre de Ressources Numériques - Labomedia
Révision de 12 janvier 2017 à 14:07 par Benjamin (discussion | contributions) (Librairies)

(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Processing

Processing.png

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 ?

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)

  1. installer le paquet gedit-plugins
  2. récupérer le dossier gedit-processing : Voir ce dépot
  3. 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
  4. ouvrir gedit, aller dans Affichage > Mode de Coloration > Source > Choisir Processing
  5. changer éventuellement la couleur de fond en allant dans Préférences > Affichage
  6. 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
  7. relancer gedit, aller dans les préférences > onglet Greffons > activer Autocomplete et Extrait de code
  8. 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
  9. 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 :