Processing : Différence entre versions

De L'abscisse - FabLab et Hackerspace de Dijon
Aller à : navigation, rechercher
m (Essayer des projets)
(Premier projet)
Ligne 40 : Ligne 40 :
 
==Premier projet==
 
==Premier projet==
  
{{fixme}}
+
Ouvrir Processing, coder et exécuter le code.
  
 +
Voici un exemple de code qui permet de dessiner un carré de 500×500 avec une couleur de fond.
 +
 +
<syntaxhighlight lang="java">
 +
void setup() {
 +
  size(500,500);
 +
}
 +
 +
void draw() {
 +
background(0,128,128);
 +
}
 +
</syntaxhighlight>
 +
 +
La modification suivante permet de choisir une couleur aléatoirement entre 0 et 255.
 +
 +
<syntaxhighlight lang="java">
 +
void setup() {
 +
  size(500,500);
 +
}
 +
 +
void draw() {
 +
background(random(255));
 +
}
 +
</syntaxhighlight>
 +
 +
Et voici un mélange des deux.
 +
 +
<syntaxhighlight lang="java">
 +
void setup() {
 +
  size(500,500);
 +
}
 +
 +
void draw() {
 +
background(random(255),random(255),random(255));
 +
}
 +
</syntaxhighlight>
  
 
==Essayer des projets==
 
==Essayer des projets==

Version du 6 février 2016 à 10:16

Processing est un langage de programmation qui permet de générer des images à partir d'un ensemble de règles, modifiable au travers du code source.

Présentation

Processing est une bibliothèque java et un environnement de développement libre (sous licence GNU GPL), créé par deux artistes américains.

Processing est tout particulièrement adapté à la création plastique et graphique interactive. Le logiciel fonctionne sur Macintosh, Windows, Linux, BSD et Android. Il est basé sur la plate-forme Java — il permet d'ailleurs de programmer directement en langage Java.

Il existe également une version en Javascript de Processing, appelée Processing.js, cette version pouvant être exécuté dans un environnement HTML 5 ou via node.js.

Les programmes réalisés avec Processing peuvent être lus par les navigateurs internet équipés du plug-in java, mais aussi sous forme d'applications indépendantes pour Windows, Linux ou Mac OS X (en réalité n'importe quelle machine disposant d'une Machine virtuelle Java).

http://fr.wikipedia.org/wiki/Processing

Installation et exécution du programme

Guide d'installation du manuel Processing chez Floss Manuals
http://fr.flossmanuals.net/processing/linstallation-de-processing/

Site officiel de téléchargement de Processing
http://processing.org/download/

Méthode d'installation pour Linux, what else ?

Il faut se rendre sur la page de téléchargement du site officiel : http://processing.org/download/

Après avoir sélectionné Linux 32-bit ou Linux 64-bit selon votre matériel, enregistrez le fichier processing-xxx-linux.tgz proposé dans le répertoire de votre choix.

Exécution

Exécutez dans un terminal la commande suivante, après s'être rendu dans le répertoire de téléchargement :

   $ tar -zxvf processing-3.0.1-linux64.tgz

Pour exécuter le programme :

   $ cd processing-3.0.1/
   $ ./processing

IDE-Processing.png

Premier projet

Ouvrir Processing, coder et exécuter le code.

Voici un exemple de code qui permet de dessiner un carré de 500×500 avec une couleur de fond.

void setup() {
  size(500,500);
}

void draw() {
 background(0,128,128); 
}

La modification suivante permet de choisir une couleur aléatoirement entre 0 et 255.

void setup() {
  size(500,500);
}

void draw() {
 background(random(255)); 
}

Et voici un mélange des deux.

void setup() {
  size(500,500);
}

void draw() {
 background(random(255),random(255),random(255)); 
}

Essayer des projets

Le livre Design génératif fournit en ligne les nombreux exemples de programme Processing.
Il est possible de les récupérer un par un à l'adresse http://www.generative-gestaltung.de/code
Chaque code est accompagné d'une page d'explication et d'une vidéo de démonstration du résultat.
Il est également possible de les récupérer un par un à l'adresse https://github.com/generative-design/ ou de les récupérer d'un coup avec Git.

   $ git clone https://github.com/generative-design/Code-Package-Processing-3.x.git
   $ cd Code-Package-Processing-3.x/
   $ /home/user/pathDownload/Processing/processing /home/user/pathDownloadGitCode/Code-Package-Processing-3.x/01_P/P_1_0_01/P_1_0_01.pde

La fenêtre de Processing s'ouvre, cliquer sur Exécuter.

Liens

Processing sur Wikipédia
https://fr.wikipedia.org/wiki/Processing

Le site officiel de processing
http://processing.org/

Site du livre Design génératif - Concevoir, programmer, visualiser (ISBN-13: 978-2350172156) avec de nombreux exemples à télécharger
http://www.generative-gestaltung.de/

Livre libre sur Processing, téléchargeable de chez Floss Manuals
http://fr.flossmanuals.net/processing/

Le dernier des blogs, série d’articles qui constituent une forme d’initiation au langage processing
http://hyperbate.fr/dernier/?page_id=2482

Tutoriel Processing sur le site d'OpenClassrooms
https://openclassrooms.com/courses/processing-1

Auteurs

Licence de la page

Attribution - Partage dans les Mêmes Conditions 3.0 non transposé (CC BY-SA 3.0)

Vous êtes libre de :

  • partager — reproduire, distribuer et communiquer l’œuvre
  • remixer — adapter l’œuvre
  • d’utiliser cette œuvre à des fins commerciales

Selon les conditions suivantes :

  • Attribution — Vous devez attribuer l’œuvre de la manière indiquée par l’auteur de l’œuvre ou le titulaire des droits (mais pas d’une manière qui suggérerait qu’ils vous approuvent, vous ou votre utilisation de l’œuvre).
  • Partage dans les Mêmes Conditions — Si vous modifiez, transformez ou adaptez cette œuvre, vous n’avez le droit de distribuer votre création que sous une licence identique ou similaire à celle-ci.

http://creativecommons.org/licenses/by-sa/3.0/deed.fr