Comment bien débuter avec Processing ?

Commençons par jeter un coup d’œil à l'interface !

Nous pouvons voir plusieurs éléments importants :

• un menu en haut, qui permet d'ouvrir les fichiers, de configurer l'affichage, etc.
• un bouton en forme de flèche qui permet de démarrer le programme
• un bouton, en haut à droite, permettant de changer la grammaire du langage
• un éditeur de texte
• une console pour afficher les erreurs

Pour débuter, je vous conseille de charger un exemple ! Ceux-ci sont situés dans le menu Fichier > Exemples. Je conseille d'ouvrir, dans le dossier Basics > Input, le fichier nommé Mouse1D. Une fois ouvert, lancez le à l'aide du bouton Exécuter, en forme de flèche.

Et voilà ! Prenez le temps de jeter un œil aux exemples qui vous permettrons de vous familiariser avec Processing. Vous pourrez copier-coller les morceaux de code qui vous intéressent, et modifier le contenu pour tester des possibilités !

Voyons maintenant les fondamentaux du code. Deux fonctions spéciales sont prévues dans Processing. La première est la fonction setup()

1:    void setup() {
2:     // Votre code ici
3:    }

Elle permet d'indiquer au programme les commandes qu'il doit exécuter au moment où il démarre. C'est par exemple là que vous indiquerez la taille de la fenêtre à créer.

La seconde s'appelle draw(). C'est elle qui contiendra les instructions pour modifier l'affichage de la fenêtre du programme. Vous ne pouvez donner des instructions graphiques que dans cette fonction.

1:    void draw() {
2:     // Votre code ici
3:    }

Utilisez la fonction println() pour afficher des informations dans la console.

1:    void setup() {
2:        println( displayWidth, displayHeight );
3:    }

Enfin, voici la page de référence pour bien se servir de Processing ! Il s'agit de la documentation, qui vous explique chacune des fonctions préprogrammées dans Processing !