Free online content available in this course.

You can get support and mentoring from a private teacher via videoconference on this course.

Got it!

Last updated on 10/31/17

Avant de commencer...

Log in or subscribe for free to enjoy all this course has to offer!

Salut à vous les zéros !

Si vous êtes ici, c'est que vous êtes prêts à en découdre avec la programmation :pirate: !
Mais non, ne vous inquiétez pas, Processing n'est pas plus compliqué que les autres langages, voir un peu moins.

Dans ce tutoriel, je vais vous appendre à programmer sous Processing.
Vous êtes prêts ? Allez, on s'y met ;)

Commençons par le début : l'installation.

Préparer son ordinateur

Processing qu'est-ce que c'est ?

Processing est un langage et un environnement de programmation open-source (c'est aussi le nom du compilateur). Il est employé par des étudiants, des artistes, des créateurs, des chercheurs, et des amateurs. Ce language basique offre de très nombreuses possibilités, et laisse libre cours à votre imagination, notamment grâce à sa centaine de librairies disponibles. Le logiciel fonctionne sur Macintosh, sous Windows et sous Linux, en effet il est basé sur la plate-forme Java.
Processing offre la possibilité de faire de la 3D, des jeux en réseau, des effets de son et lumière mais aussi bien d'autres possibilités.

Processing, ce que l'on peut faire

Je fais une petite selection de très bons scripts touvés sur le site openprocessing.org.
Si les scripts ne se lancent pas, cliquez sur le lien de téléchargement, au-dessus du code source. Ensuite, décompressez le fichier, puis ouvrir le dossier décompressé.
Dans ce dossier, cliquez sur le fichier avec l'extension .html, ou bien si il n'existe pas sur le fichier avec l'extension .jar
Et voilà, le script téléchargé se lance, et admirez, ou bien jouez :)

Le premier est assez marrant. Je tiens à préciser que ce n'est pas moi 15Par iciImage utilisateur

Le second est un jeu d'arcade :
Par iciImage utilisateur

Le troisième est une création artistique en 3D :
Par iciImage utilisateur

Le 4eme est encore de la 3D
Par iciImage utilisateur

Et le dernier, un petit mélange de 3D et de création artistique :
Vous dessinez ce que vous voulez, et en maintenant la touche "espace" enfoncée, votre dessin tourne et crée une forme en 3 dimensions.
Par iciImage utilisateur

Bien sûr, ici je ne vous ai sélectionné que quelque créations, et d'ailleurs un peu au hasard, tellement il y en avait :-°. J'espère cependant que vous vous êtes fait une idée de l'étendue des possibilités de Processing :magicien: .

Le téléchargement

Bon, c'est bien tout ça, mais sans logiciel, comment on fait ? o_O .
Processing est disponible sous Macintosh, Linux et Windows, ce qui est un avantage. Pour télécharger processing, rien de plus simple, il suffit de se rendre sur le site : ici. Je vous fait confiance pour le téléchargement, vous y arriverez ;) (il suffit de cliquer le sur le bon OS).

Image utilisateur
Image utilisateur
Image utilisateur

Prise en main

Prise en main du logiciel

Nous venons d'installer Processing, on peut donc lancer l'application. Si tout s'est bien déroulé lors du téléchargement, lorsque vous lancez l'application, vous devez voir apparaître ceci sous Macintosh :

Image utilisateur

et sous Windows :

Image utilisateur

Excusez moi, je n'ai pas d'images de Processing sous Linux

Donc voilà, l'interface du logiciel est assez simple, la voici :

Image utilisateur

Elle se compose donc d'une barre d'outils, d'une entrée de texte, où l'on codera, et une sortie de texte, où l'on pourra afficher du texte, et où les erreurs apparaîtront.

La barre d'outils que voici

Image utilisateur

est composée de 6 boutons :

  • Run : qui permet de lancer le programme, de l'exécuter

  • Stop : qui permet d'arrêter l'exécution du programme, de fermer la fenêtre du programme

  • New : qui permet de créer une nouvelle fenêtre vierge

  • Open : qui permet d'ouvrir un programme existant, enregistré, ou bien les exemples de créations Processing préenregistrées

  • Save : qui permet de sauvegarder votre fichier

  • Le dernier n'est pas très important

Dans ce tutoriel, nous utiliseront essentiellement l'entrée de texte, là où l'on écrira le code. Ce premier chapitre est fini, vous pouvez vous familiariser avec logiciel. Il est possible de créer un nouveau fichier en cliquant sur "file"/"new", ou sur l'icône

Image utilisateur

, et le sauvegarder.

Nous avons désormais le logiciel, on peut passer à la pratique.
Rendez-vous au chapitre suivant ;)

Example of certificate of achievement
Example of certificate of achievement