processing Tutoriel
Démarrer avec le traitement
Recherche…
Remarques
Processing est un environnement et un langage de programmation open source pour les personnes qui souhaitent créer des images, des animations et des interactions.
Le traitement fait référence au langage intégré à Java et à l'EDI minimal fourni avec. Il est gratuit et open-source, fonctionne sous Linux, Mac OS X et Windows et peut produire des écrans, des impressions, des packages 3D et des impressions CNC.
Le langage simplifie beaucoup de concepts complexes et facilite l'entrée des concepteurs, des artistes et des non-programmeurs dans le monde de la programmation.
Au fil des ans , il a été utilisé pour produire un certain nombre de projets allant de la visualisation des données , à l' informatique physique , jeux , 3D , son , perfomance en direct , et plus .
Grâce à sa communauté dynamique, Processing bénéficie non seulement d’une contribution de plus de 100 bibliothèques, mais est également présente sur les principales plates-formes mobiles telles que Android et iOS .
Il existe des communautés en ligne pour partager du contenu de traitement, comme OpenProcessing .
Certains sites Web permettent même aux utilisateurs d'apprendre et d'utiliser Processing directement dans le navigateur, comme SketchPatch piloté par Flash et HasCanvas , Sketchpad et p5.js (pur JS) pilotés par JavaScript.
Il existe également des ports de traitement dans les langues suivantes:
- JavaScript en utilisant ProcessingJS ou p5js
- ActionScript
- Python (voir NodeBox , Field , pyProcessing ou le nouveau mode Python officiel)
- Scala
- Clojure
- Rubis
Le mode Android permet d'exécuter des esquisses de traitement en tant qu'applications Android avec peu ou pas de modifications du code en automatisant les tâches depuis la configuration du projet vers l'exportation de fichiers .apk . Les esquisses de traitement Android ont également accès aux capteurs et périphériques Android sous-jacents.
Les utilisateurs avancés ne sont pas contraints à l'EDI de traitement; ils peuvent configurer des projets de traitement dans Eclipse ; utiliser proclipsing ou utiliser Sublime Text pour créer et exécuter des esquisses via le package processing-sublime .
Versions
| Version | Date de sortie |
|---|---|
| 1.5.1 | 2011-05-15 |
| 2.2.1 | 2014-05-19 |
| 3.1.2 | 2016-07-29 |
| 3.2.1 | 2016-08-19 |
Installation et configuration
La manière la plus simple d'utiliser le traitement est de télécharger l'éditeur de traitement à partir de la page de téléchargement du traitement .
Cela vient comme un fichier zip. Décompressez ce fichier n'importe où et vous aurez un répertoire contenant un exécutable (sous Windows, processing.exe ).
L'exécution de cet exécutable ouvre l'éditeur de traitement:
L'éditeur de traitement (également appelé environnement de développement de traitement ou PDE) contient de nombreux outils qui vous apportent beaucoup de travail. Il vous permet d'écrire du code de traitement, qu'il convertit automatiquement en Java, puis compile et exécute pour vous.
Le PDE contient de nombreuses fonctionnalités, mais pour l'instant, écrivez simplement votre code de traitement dans la section blanche de l'éditeur, puis appuyez sur le bouton de lecture pour exécuter votre code. Voir la section Hello World ci-dessous pour un exemple de code.
Vous pouvez également écrire du code de traitement en utilisant d'autres éditeurs de code de base tels que Atom ou Sublime Text , ou avec un IDE plus avancé comme eclipse .
Bonjour le monde
Le moyen le plus simple d'écrire du code de traitement consiste à appeler simplement une série de fonctions. Appuyez sur le bouton Exécuter dans l'éditeur de traitement et Traitement exécutera votre code. Voici un exemple:
size(200, 200);
background(0, 0, 255);
fill(0, 255, 0);
ellipse(100, 100, 100, 100);
Ce code crée une fenêtre 200x200 , dessine un arrière-plan bleu, change la couleur de remplissage en vert, puis dessine un cercle au milieu de l'écran.
Cependant, la plupart des esquisses de traitement utiliseront les fonctions prédéfinies setup() et draw() .
La fonction
setup()est appelée automatiquement par Processing, une fois au tout début de l’esquisse. Cette fonction est utilisée pour effectuer la configuration initiale, telle que lasizeet le chargement de ressources telles que des fichiers image et audio.La fonction
draw()est appelée automatiquement par Traitement 60 fois par seconde. Cette fonction est utilisée pour dessiner et obtenir une entrée utilisateur.void setup() { size(200, 200); } void draw(){ background(0); ellipse(mouseX, mouseY, 25, 25); }
Ce code crée une fenêtre 200x200 puis dessine un cercle à la position actuelle de la souris.
