[JAVA] Introduction à la programmation pour les étudiants: comment dessiner des carrés de base

• Avec Qiita, il est difficile d'imprimer uniquement la partie texte. Par conséquent, le même contenu est publié sur la page suivante. Si vous souhaitez imprimer ou convertir en PDF, veuillez utiliser cette page (même contenu):

http://gurakura.sakura.ne.jp/hellomondrian/rect1/

Introduction: dessiner un carré

L'image ci-dessus est l'œuvre de Piet Mondrian Composition in Color A (1917), [https://www.wikiart.org/en/piet-mondrian/composition-in-color-a-1917](https: // www.wikiart.org/en/piet-mondrian/composition-in-color-a-1917) Vous pouvez le voir sur.

J'ai expliqué comment tracer une ligne droite dans Chapitre précédent. Si vous souhaitez simplement tracer un quadrangle, vous pouvez appeler la fonction de ligne quatre fois.

Dans ce chapitre, nous expliquerons comment dessiner un carré qui remplit l'intérieur, c'est-à-dire un carré en tant que surface, au lieu d'une telle méthode de dessin.

Comment dessiner un carré de base

Utilisez la fonction rect pour dessiner un carré avec des lignes horizontales et verticales parallèles à la fenêtre. Les arguments de la fonction rect sont respectivement rect (x, y, w, h).

x = coordonnée x du coin supérieur gauche du quadrilatère y = coordonnée y du coin supérieur gauche du quadrilatère w = largeur du carré h = hauteur du carré

Ce sera.

Le dessin d'un carré par rect est affecté par le paramètre de largeur de ligne par strokeWeight et la couleur de ligne par trait.

background(250,250,250);
size(500,500);

strokeWeight(10);  // line width: 10 pixels.
stroke(0,64,255);  // line color: light blue.
rect(100,150,200,100);

La couleur de dessin à l'intérieur du rectangle peut être spécifiée avec la fonction de remplissage. Cette fonction a diverses utilisations comme la fonction de trait, mais ici nous allons vous présenter comment spécifier une valeur RVB, fill (r, g, b).

Dans la liste des programmes ci-dessous, le contour est bleu comme dans le programme précédent et l'intérieur est spécifié pour être rempli de rouge.

background(250,250,250);
size(500,500);

strokeWeight(10);  // line width: 10 pixels.
stroke(0,64,255);  // line color: light blue.

fill(255,0,0);	   // <--- fill color: red.

rect(100,150,200,100);

Comme vous pouvez le voir, lorsque vous dessinez un carré, vous devez gérer la couleur du contour et les deux couleurs qui remplissent l'intérieur.

Vous pouvez trouver cela ennuyeux, mais la programmation est une série de telles tâches. Eh bien, c'est une tâche simple, détaillée et fastidieuse, n'est-ce pas? Soyez donc gentil avec les programmeurs (non, vraiment ...).

À la fin de cette section, j'aimerais envisager une méthode pour ne pas dessiner de contours. Que pensez-vous que vous devriez faire? Je pense qu'il y a plusieurs idées.

Dois-je demander à Processing de ne pas dessiner de contours en premier lieu? Certaines personnes pensaient qu'elle disparaîtrait si la largeur de la ligne de contour était définie sur 0. Etc. Ces deux opinions sont correctes.

Comme vous pouvez le voir, il existe plusieurs façons d'obtenir le même effet en programmation.

Bien sûr, dans certains cas, la vitesse d'exécution peut être différente et elle peut ne pas être exactement la même.

Cependant, dans la programmation réelle, il existe souvent différentes façons d'atteindre le même objectif.

Il existe une fonction noStroke pour désactiver les courbes de niveau. Puisqu'il s'agit d'une fonction qui ne nécessite aucun argument, elle est utilisée comme stroke (); dans le programme réel. Pour activer la ligne de contour désactivée, spécifiez la couleur de la ligne de contour avec la fonction de trait.

Même si vous désactivez le contour avec la fonction noStroke, les informations sur la largeur du contour restent, de sorte que le contour du quadrilatère dessiné par la deuxième fonction rect reste 10 pixels.

background(250,250,250);
size(500,500);

strokeWeight(10);  // line width: 10 pixels.
stroke(0,64,255);  // set color, but disabled by noStroke
fill(255,0,0);
noStroke();
rect(100,150,200,100);

stroke(0,64,255);  // stroke ON (line color: light blue.)
rect(100,400,50,80);