{{::capture_d_e_cran_le_2021-09-26_a_10.51.17.png?nolink&200|}}


===Processing=== 
Un environnement de programmation conçu par et pour des artistes, designers et codeurs.  Avec ses fonctions et sa syntaxe simple, il est utile pour servir d'introduction à la programmation et assez puissant pour répondre à la plupart des besoins propres au travail en arts médiatiques.

! Processing est codé en Java, le langage P5.js est une refonte de Processing en JavaScript. Ce sont des langages similaires mais avec quelques différences.

Le code est libre et gratuit, vous pouvez télécharger l'éditeur ici : [[http://processing.org|Processing]]


==Tutoriels== 

==Base== 

  * Structure des fichiers, les coordonnées de l'espace de dessin et charger une image [[P01]]
  * L'espace de dessin, les variables et options d'intérêt (width, height, fullscreen(), frameRate(), clear())[[P01.1]]
  * Exemple d'utilisation des fonctions de base [[P02]]
  * Un nouveau type de variable, les tableaux [[P02.1]]
  * Affichage des données d'un tableau [[P02.2]]

  * Affichage d'une ligne sur fond noir [[P03]]
  * Les boucles pour répéter plusieurs instructions [[P03.1]]  
  * Les boucles, solution [[P03.2]]
  * Les boucles, lignes horizontales et verticales [[P03.3]]

  * Les variables données par Processing, frameRate, MouseX et MouseY [[P04]]
  * Les événements de la souris (interaction simple) [[P04.1]]

  * L'ajout d'une librairie dans Processing [[P05]]

  * Communication sérielle avec un micro-contrôleur [[P06]]
  * Affichage des données dans la fenêtre de dessin avec 'text()'et changement d'un élément du dessin. [[P06.1]]
  * Exemple de lecture de nombres envoyés au port série depuis Arduino [[P06.2]]

  * Charger une image suite [[P07_00]]
  * Charger et changer les pixels d'une image avec set(x,y,color) [[P07_01]]
  * Image et changer sa luminosité [[P07_02]]
  * Charger une vidéo [[P07]]
  * Afficher une webcam [[P08]]
  * L'image et ses calculs [[P09]]

  * Bonjour Processing [[https://hello.processing.org/editor/]]
  * [[http://sdz.tdct.org/sdz/rocessing-1.html#Processing]|Tutoriel en français]]
  * [[https://processing.org/tutorials/|Les tutoriels du site Processing]]


==Avancé== 

  * Les pixels dans une image [[P10]]

  * [[Analyse de l'image - Affichage de "blobs' (zones détectées) et traduction de ces zones de binaire à ASCII]]

  * [[L'image et la détection]]

=Communication par WiFI=

  * [[Communication par WiFI entre capteurs et programmes]]

  * [[Communication par sockets entre deux instances de Processing]]


==Références==
[[https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw|The Coding Train - Daniel Shiffman]]

==Exemples de code==

[[Création de patron et sauvegarde d'image pour impression]] (merci Guillaume Pascale!)