Débuter avec le traitement

Bonjour le monde

Le moyen le plus simple d’écrire du code de traitement consiste simplement à appeler une série de fonctions. Appuyez sur le bouton Exécuter dans l’éditeur de traitement et le 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.

cercle vert sur fond bleu

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 du sketch. Cette fonction est utilisée pour effectuer la configuration initiale, telle que la “taille”, et le chargement de ressources telles que les fichiers image et son.

  • La fonction draw() est appelée automatiquement par Processing 60 fois par seconde. Cette fonction est utilisée pour dessiner et obtenir l’entrée de l’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.

cercle à la souris

Installation et configuration

Le moyen le plus simple d’utiliser Processing consiste à télécharger l’éditeur de traitement à partir de [la page de téléchargement de traitement] (https://processing.org/download/).

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, c’est processing.exe).

L’exécution de cet exécutable ouvre l’éditeur de traitement :

Éditeur de traitement

L’éditeur de traitement (également appelé l’environnement de développement de traitement ou PDE) contient de nombreux outils qui font beaucoup de travail pour vous. Il vous permet d’écrire du code de traitement, qu’il convertit automatiquement en Java, puis compile et s’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 à l’aide d’autres éditeurs de code de base comme Atom ou Sublime Text, ou avec un IDE plus avancé comme eclipse .