Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Processing Par gregoire22 www.siteduzero.com Licence Creative Commons 4 2.0 Der

Processing Par gregoire22 www.siteduzero.com Licence Creative Commons 4 2.0 Dernière mise à jour le 1/11/2010 Sommaire 2 Sommaire ........................................................................................................................................... 1 Partager .............................................................................................................................................. 3 Processing ......................................................................................................................................... 4 Partie 1 : Processing ........................................................................................................................... 4 Avant de commencer... ...................................................................................................................................................... 4 Préparer son ordinateur .............................................................................................................................................................................................. 5 Prise en main .............................................................................................................................................................................................................. 9 Variables ............................................................................................................................................................................ 9 Variables ...................................................................................................................................................................................................................... 9 Variables de type entier ............................................................................................................................................................................................... 9 Variables de type réel .................................................................................................................................................................................................. 10 Variables de type caractère et chaine de caractères ................................................................................................................................................ 10 Fonctions ......................................................................................................................................................................... 11 Fenêtre/texte ............................................................................................................................................................................................................. 15 Couleurs .................................................................................................................................................................................................................... 19 Fonctions 2/2 ................................................................................................................................................................... 20 Tableaux .................................................................................................................................................................................................................... 23 Formes ...................................................................................................................................................................................................................... 30 MiniTP ....................................................................................................................................................................................................................... 32 Sous-Fonctions ............................................................................................................................................................... 33 Utilisation ................................................................................................................................................................................................................... 33 Void setup() ............................................................................................................................................................................................................... 34 Void draw() ................................................................................................................................................................................................................ 35 mini TP ...................................................................................................................................................................................................................... 39 Partie 2 : Plus loin ............................................................................................................................. 39 Structures de contrôle ..................................................................................................................................................... 39 Incrémentation .......................................................................................................................................................................................................... 40 Boucles ..................................................................................................................................................................................................................... 42 Structures de contrôle ............................................................................................................................................................................................... 44 Conditions ................................................................................................................................................................................................................. 46 Loop() ........................................................................................................................................................................................................................ 47 Souris et Clavier .............................................................................................................................................................. 48 Souris ........................................................................................................................................................................................................................ 51 Clavier ....................................................................................................................................................................................................................... 52 Liens .......................................................................................................................................................................................................................... 54 TD : Pong ........................................................................................................................................................................ 55 Présentation .............................................................................................................................................................................................................. 55 Réalisation ................................................................................................................................................................................................................ 59 Correction .................................................................................................................................................................................................................. 60 Améliorations ............................................................................................................................................................................................................ 60 Image et vidéo ................................................................................................................................................................. 61 Image ........................................................................................................................................................................................................................ 64 Vidéo ......................................................................................................................................................................................................................... 64 TP : Effet Tunnel .............................................................................................................................................................. 65 Présentation .............................................................................................................................................................................................................. 65 Correction .................................................................................................................................................................................................................. 69 Améliorations possibles ............................................................................................................................................................................................ 70 Partie 3 : Annexes ............................................................................................................................. 71 Annexes .......................................................................................................................................................................... 71 Référence .................................................................................................................................................................................................................. 74 Erreurs fréquentes ..................................................................................................................................................................................................... 76 Mobile Processing ..................................................................................................................................................................................................... 2/81 www.siteduzero.com Processing Par gregoire22 Mise à jour : 01/11/2010 Difficulté : Facile 1 408 visites depuis 7 jours, classé 102/797 Bienvenue sur ce tutoriel consacré à Processing. C'est un langage de programmation basé sur la plate-forme Java, et qui dispose de plus d'une centaine de librairies ! Ce tutoriel sera structuré de la manière suivante : Sommaire 3/81 www.siteduzero.com Partie 1 : Processing Avant de commencer... Salut à vous les zéros ! Si vous êtes ici, c'est que vous êtes prêts à en découdre avec la programmation ! 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. V ous ê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 Par ici Le second est un jeu d'arcade : Par ici Le troisième est une création artistique en 3D : Par ici Le 4eme est encore de la 3D Par ici Processing 4/81 www.siteduzero.com Et le dernier, un petit mélange de 3D et de création artistique : V ous 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 ici 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 . Le téléchargement Bon, c'est bien tout ça, mais sans logiciel, comment on fait ? . 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). 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 : Partie 1 : Processing 5/81 www.siteduzero.com et sous Windows : Partie 1 : Processing 6/81 www.siteduzero.com Excusez moi, je n'ai pas d'images de Processing sous Linux Donc voilà, l'interface du logiciel est assez simple, la voici : Partie 1 : Processing 7/81 www.siteduzero.com 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 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 , et le sauvegarder. Nous avons désormais le logiciel, on peut passer à la pratique. Rendez-vous au chapitre suivant Partie 1 : Processing 8/81 www.siteduzero.com Variables Désormais, nous avons toutes les clés en main pour commencer à programmer : le logiciel, et nous avons eu un aperçu de son interface. Dans ce chapitre, nous allons apprendre ce qu'est une variable et comment s'en servir. Variables Qu'est-ce qu'une variable ?? Une variable est un élément qui permet de stocker une donnée. Cette donnée peut-être un nombre entier, un décimal, un caractère, une chaîne de caractères, un tableau de valeur, une matrice... Avant de commencer, je tiens à vous préciser deux choses : un commentaire dans un code sous processing de note ainsi : Code : Autre //je mets mon commentaire ici A la fin d'une "ligne" de code, on met un point virgule Variables de type entier La variable est un élément très important d'un code, c'en est même un peu la base. Je vais vous présenter le type de variable le plus courant ; la variable de type entier : Syntaxe : Code : Java int nom_de_la_variable; //ensuite on met le code Comme vous le pouvez voir, la syntaxe est assez simple. Exemples : Code : Java int a; //ou encore int b,c,d; // il est possible de déclarer plusieurs variables comme ceci, à la suite int f=1; // on donne comme valeur 1 à f Variables de type réel La variable de type réel permet de lui donner n'importe qu'elle valeur, sur IR (revoir vos cours de seconde ) Syntaxe : Code : Java float nom_de_la_variable Prenons le même exemple que pour la variable de type entrée : Code : Java float a=5.6; Partie 1 : Processing 9/81 www.siteduzero.com Lorsque vous voulez utiliser un nombre décimal, attention à bien mettre un point, et non une virgule. Il faut utiliser la syntaxe américaine. Variables de type caractère et chaine de caractères La variable de type caractère permet de lui assigner un caractère. Syntaxe : Code : Java char nom_de_la_variable; Exemple : Code : Java char a; //ou encore char d,b,c; char e='$' ; Attention, autour du caractère que vous assignez à votre variable se trouvent des apostrophes La variable de type chaîne de caractères permettent d'y assigner une chaine de caractère, donc plusieurs lettres, symboles ou nombres... Syntaxe : Code : Java String nom_de_la_variable; Exemple : Code : Java String a; String b,c,d; String e="$A1*"; Autour de la chaîne de caractère se trouvent des guillemets. Nous connaissons maintenant ce qu'est une variable, et comment s'en servir. On peut donc passer au chapitre suivant : les fonctions... Partie 1 : Processing 10/81 www.siteduzero.com Fonctions Donc voilà, nous avons précédemment appris comment générer une variable et l'utiliser, ou du moins théoriquement. Dans ce chapitre, nous allons apprendre à utiliser des fonctions. Il en existe une multitude. Nous verrons donc qu'une partie. Fenêtre/texte Régler la taille de la fenêtre Lorsque vous écrivez une ligne de code et que vous appuyez sur , une fenêtre s'ouvre, mais elle est toute petite. Pour régler ce problème, nous allons régler la taille de la fenêtre avec la fonction Size(). Syntaxe : Code : Java size(largeur,hauteur); //en anglais : size(width, height); Exemple : Code : Java size(400,400); //fenetre de 400 uploads/s3/ processing.pdf