Étape 3: Notre fenêtre
Nous allons travailler sur la fenêtre.
- Vous pouvez lui donner la taille que vous voulez avec la commande size(width,height) ;
Width et height représentent un nombre de pixels et sont donc des entiers.
Bien que les modifications dans le code n’affectent pas le programme en cours d’exécution, lorsque vous configurez votre fenêtre, vous pouvez voir votre code ainsi que les résultats, nous allons donc commencer par un petit de 500 x 500 pixels.
Lorsque vous chargez une image, dessiner des formes, vous pouvez utiliser la taille de la fenêtre comme une référence. Vous pouvez accéder à ces valeurs avec « height » et « width ». Vous pouvez voir que leur nom est en couleur.
- Couleur d’arrière-plan :
Avec la fonction background(), vous pouvez choisir la couleur de que votre choix pour votre fenêtre. Il rend tous votre fenêtre monochromatique. Si vous utilisez seulement un argument entre 0 et 255, le fond change du noir (0) au blanc (255), il y a un fond gris.
Si vous utilisez trois arguments, il sera un fond de RVB (rouge, vert, bleu).
Dans l’onglet Outils, il y a un sélecteur de couleur. Choisissez la couleur que vous voulez, et vous obtiendrez le correspondant R, G, B valeurs. Il y a aussi une HSB néc (teinte, Saturation, luminosité). C’est une autre façon de décrire une couleur, mais nous ne l’emploierons pas.
Pour voir si vous l’avez compris, essayez d’obtenir un fond rouge. (R = 255, G = 0, B = 0)
Vous devez mettre dans votre code : background(255,0,0) ;
Maintenant, essayez avec d’autres couleurs. Jaune par exemple (Voir l’image du sélecteur de couleur).
Il sera background(255,255,0) ;
Cette fonction est habituellement dans la draw() de votre code, car lorsque vous affichez modifier des données dans votre fenêtre, vous devez nettoyer le texte précédent avant d’imprimer une nouvelle.
Nous avons maintenant la couleur... mais aussi un grand sentiment de vide.