Dans le répertoire Processing créez un dossier cours4. Il contiendra tous les fichiers de cette leçon.
Principe
Les fonctions vont permettre de bien distinguer le rôle des différentes parties du script.
Recopiez le script fonctions ci_dessous.
- Une fonction est définie par l'instruction void nom de la fonction() :.
- La fonction setup() est une fonction interne à Processing. Elle indique à processing les premières instructions à réaliser. Elle contiendra les propriétés de la fenêtre (size, background etc...).
- A l'intérieur de la fonction setup() on appelle deux autres fonctions qui réaliseront deux dessins.
Exercice1
Modifiez le script précédent pour obtenir le résultat ci-dessous.
La fonction draw()
La fonction draw(), comme la fonction setup(), est une fonction interne à Processing. Son rôle est de répéter à l'infini les instructions qu'elle contient. On dit que le programme opère une boucle (loop en anglais)..
Exercice2
Recopiez le script fonction_draw ci_dessous.
En exécutant vous remarquez que la boucle est bien infinie.
- En ligne 7, l'instruction frameRate(5) a permis de ralentir la vitesse d'exécution de la boucle. Si vous commentez cette ligne (on met // au début de la ligne), vous verrez que l'on aura la vitesse par défaut qui est de 60 fois par seconde.
- De la ligne 9 à 12 on choisit de manière aléatoire les coordonnées des extrémités des lignes à tracer entre 0 et la taille du canevas.
- De la ligne 13 à 15 on choist aussi de man ière aléatoire les densités de rouge, vert et bleu entre 0 et 255
L'instruction noLoop()
Dans cet exercice on décide d'arrêter le script lorsque la fonction draw() aura été répété 100 fois.
Recopiez le script fonction_draw ci_dessous.
- En ligne 1 on utilise un compteur i que l'on déclare à l'extérieur de la fonction. On dit que i est une variable globale alors que x1 est une variable locale comme toutes les autres déclarées dans la fonction. Puis on incémente i dans la fonction draw() en ligne 18. Si on avait déclaré i dans la fonction draw(), à chaque éxécution de la fonction i aurait pris la valeur 0. Et donc le test de la ligne 19 n'aurait jamais été vrai. On aurait eu une boucle infinie.
- Pour arrêter la fonction on utilise l'instruction' noLoop().
Exercice 3
Recopiez le script ci-dessous
En ligne 14 on incrémente la variable globale i de 20, le nouveau cercle aura un rayon augmenté de 20 pixels.
Lorque i dépasse la taille du canevas, i redevient 0.
Modifiez le scriptprécédent où les cercles seront remplacés par des carrés.
Exercice 4
Ecrire un script semblable au script de l'exercice 2 qui génère des cercles dont le centre, le rayon et la couleur sont choisis de manière aléatoire.
Exercice 5 : le degré de transparence
Il est possible de préciser le degré de transparence alpha pour une couleur de renplissage. Pour ce faire, on doit donc préciser quatre paramètres à la méthode fill(). Le quatrième argument est la valeur alpha.
Recopiez le script ci-dessous.
Modifiez le script précédent comme indiqué ci-dessous.
- En ligne 12 le blanc transparant (i=0) devient de plus en plus dense (i=255).
- En ligne 15 lorsque i=255, il n'y a plus de transparence, le carré devient blanc.
Modifiez le script précédent pour obtenir le résultat ci-dessous.
Exercice 6
Créer un script qui donnera le résultat proposé ci-dessous.
Exercice 7
Recopiez le script ci-dessous
En ligne 11 on ajoute une couche de transparence noire de densité 15 et de la taille de la fenêtre dessinée en ligne 11.
Puis on dessine un cercle blanc dont le rayon diminue.
Créer un script semblable au précedent pour obtenir le résultat indiqué ci-dessous.