[Traitement × Java] Comment utiliser la boucle 2 --- structure imbriquée, conversion de coordonnées

Cet article est destiné à comprendre la structure du programme via le traitement. Cette fois, j'écrirai un peu plus sur les boucles.

table des matières 0.for boucle

0.for boucle

0-0. ** pour la conversion de boucle et de coordonnées **

Dans Traitement, vous pouvez personnaliser "** le point de référence lors du dessin d'une figure " et " les coordonnées elles-mêmes **" à votre convenance. À ce moment-là, la boucle for est souvent utilisée ensemble. Ci-dessous, j'écrirai sur la conversion de coordonnées en utilisant la boucle for.

◯ Programme pour déplacer le point de référence de "figure"

for00.java

size(500,500);
background(255);
//Permet de dessiner une figure basée sur le centre du quadrilatère.
rectMode(CENTER);

//Répéter 5 fois(i = 0,1,2,3,4)
for(int i = 0;i < 5;i++){
  //Définissez une variable de type int s qui représente la taille des côtés du quadrilatère.
  int s = 400 -i * 80;
  
  noFill();
  stroke(115,237,201);
  //Déterminez l'épaisseur de la bordure
  strokeWeight(3);
  //Le centre est(width/2,height/2)Puis dessinez un carré avec les côtés s
  rect(width/2,height/2,s,s);
}

Point : rectMode(CENTER) Vous pouvez l'utiliser pour dessiner une figure par rapport au centre du carré. (Le point de référence par défaut est le coin supérieur gauche du carré)

◯ Un programme qui décale le point de référence des «coordonnées»

Le programme suivant utilise translate () pour déplacer le centre des coordonnées sur (largeur / 2, hauteur / 2). En d'autres termes, les coordonnées du centre de l'écran (fenêtre de traitement) sont maintenant (0,0).

for01.java

size(500,500);
background(255);
//Point de référence des coordonnées(origine)Le centre de l'écran(width/2,height/2)Décalage
translate(width/2,height/2);

//Répétez 3 fois
for(int i = 0;i < 3;i++){
  //TWO_PI/6 =60 degrés, faites pivoter chaque boucle
  rotate(TWO_PI/6);
  noFill();
  stroke(12,232,178);
  //Le centre de l'écran(0,0)Alors...
  ellipse(0,0,150,375);
}

Point : translate(); Une fonction pour déplacer le point de référence des coordonnées. Cette fois, le point de référence a été déplacé au centre de l'écran.

Point : rotate(); Faites pivoter autour du point de référence des coordonnées. Cette fois, le point de référence est au centre de l'écran, donc j'ai tourné autour de cela. Les arguments sont spécifiés à l'aide de ** PI ** et ** TWO_PI **.

Point : TWO_PI 2π = 360 degrés L'angle est exprimé par la longueur de l'arc sous une forme appelée radian. La circonférence d'un cercle unitaire de rayon 1 est 2 * π = 2π. L'arc 2π du cercle unitaire est l'angle d'une circonférence du cercle = 360 degrés.

0-1. ** pour boucle et structure imbriquée **

◯ Programme double imbriqué

for02.java

size(510,510);
background(255);
stroke(12,232,178);

//Répétez le mouvement horizontal 5 fois(i = 10,110,210,310,410)
for(int i = 10;i < width;i += 100){
  //Répétez le mouvement vertical 5 fois(j = 10,110,210,310,410)
  for(int j = 10;j < height;j += 100){
    fill(12,232,178,255-i * 0.5);
    rect(i,j,80,80);
  }
}

** Point **: Ordre d'exécution du programme

Dans le cas de ce programme, il sera exécuté dans l'ordre à partir de la colonne la plus à gauche (à partir du haut).

En d'autres termes ** Quand i = 10 ** ・ J = 10: exécuter ・ J = 110: exécuter ・ J = 210: exécuter ・ J = 310: Exécuter ・ J = 410: Exécuter ** Quand i = 110 ** ・ J = 10: exécuter ・ J = 110: exécuter ・ J = 210: exécuter ・ J = 310: Exécuter ・ J = 410: Exécuter ** Quand i = 210 ** 　　　　:

◯ Programme double imbriqué (animation)

draw.java

//Je veux changer la couleur, alors préparez la variable c
int c = 0;

void setup(){
  size(510,510);
}

//Décalez progressivement la variable c.
void draw(){
  //Répétez le mouvement horizontal 500 fois(i = 0,1,2...508,509)
  for(int i = 0;i < width;i ++){
    //Répétez le mouvement vertical 500 fois(j = 0,1,2...508,509)
    for(int j = 0;j < height;j ++){
      stroke(c,255-j/2,i/2);
      //Dessinez un point de 1 pixel
      point(i,j);
    }
  }
  //Changer progressivement la couleur
  c += 10;
  //Exporter les couleurs
  println(c);
  //Si la valeur de la variable c dépasse 255
  if(c > 255){
    //Mettre c à 0
    c = 0;
  }
}
//S'exécute une seule fois lorsque la souris est enfoncée
void mousePressed(){
  //Enregistrer la fenêtre lorsque la souris est enfoncée au format png
  save("draw"+ c +".png ");
  //Sortie que l'image a été enregistrée
  println("picture is saved.");
}

Point :save() Les images peuvent être enregistrées. Écrivez le nom et le format de sauvegarde à l'intérieur de "", tel que save ("~ .png ");. Vous pouvez vérifier l'image enregistrée en sélectionnant [Ouvrir le dossier Sketch] dans [Sketch] dans la barre de menus.

◯ Triple programme imbriqué

for03.java

size(510,510);
background(255);
noFill();
stroke(12,232,178);
//Être capable de dessiner en fonction du centre du carré
rectMode(CENTER);

//Répéter 5 fois(i = 55,155,255,355,455)
for(int i = 55;i < width;i += 100){
  //Répéter 5 fois(j = 55,155,255,355,455)
  for(int j = 55;j < height;j += 100){
    //Répéter 4 fois(s = 10,30,50,70)Ceci complète une section carrée.
    for(int s = 10;s < 90;s += 20){
      //Coordonner(i,j)Ensuite, dessinez un carré avec une taille de côté de s
      rect(i,j,s,s);
    }
  }
}

Point : ** Une masse de quatre carrés de tailles différentes ** comme Matriochka

for(int s = 10;s < 90;s += 20){
      rect(,,s,s);
    }

Partie de.

Disposez ces morceaux (comme dans la double boucle).

finalement

Merci pour la lecture. Nous apprécions vos opinions et suggestions afin de rendre l'article encore meilleur.

• Cet article est basé sur YouTube "Coding Train" de Daniel Chefman.