# Can someone comment this code?

**URL:** <https://discourse.processing.org/t/can-someone-comment-this-code/26716>\
**Category:** Beginners\
**Tags:** homework\
**Created:** [January 3, 2021, 4:36am UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716 "2021-01-03T04:36:55Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 4:36am UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/1 "2021-01-03T04:36:55Z")

</div>

Hey can you comment this code? i dont understand please  
void draw () {  
pushMatrix();

fill(0);  
translate(130, 40); //adjust position  
for (int k = 0; k \< myLetters.length; ++k) {  
for (int i = 0; i \< 4; i++) {//clarte des phrases 5 plus je baisse plus clair  
for (int j = 0; j \< 6; ++j) { //nombre de phrases; (6)

```
    textSize(20);
    textAlign(CENTER);
    text(myLetters[k], i, j*105);//espace entre chaque phrase
  }

```

}

}  
popMatrix();

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [January 3, 2021, 1:17pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/2 "2021-01-03T13:17:59Z")

</div>

Hello,

You can be that someone!

Please format your code:  
[https://discourse.processing.org/faq#format-your-code](https://discourse.processing.org/faq#format-your-code)

Explore the resources (tutorials, examples, references, etc.) here:

> **[Processing.org](https://processing.org/)**

Look up the references for each element of your code elements:  
draw()  
pushMatrix()  
fill()  
…  
popMatrix()

> **[how to comment code - Google Search](https://www.google.com/search?q=how%2Bto%2Bcomment%2Bcode&rlz=1C1CHBF_enCA822CA822&oq=how%2Bto%2Bcomment%2Bcode&aqs=chrome..69i57.2627j0j15&sourceid=chrome&ie=UTF-8)**

Is this a homework question or academic assignment?

`:)`

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [January 3, 2021, 3:27pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/3 "2021-01-03T15:27:02Z")

</div>

It’s not a good code since it draws the same text (the letters with for-loop k) over and over again in a grid (for loops i and j)

(Please always post runable code)

New version:

```auto
String myLetters = "hello world";

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

void draw () {
  pushMatrix();

  fill(0);
  translate(130, 40); //adjust position
  for (int k = 0; k < myLetters.length(); ++k) {   
    for (int i = 0; i < 4; i++) { //clarte des phrases 5 plus je baisse plus clair
      for (int j = 0; j < 6; ++j) { //nombre de phrases; (6)

        textSize(20);
        textAlign(CENTER);
        text(myLetters.charAt(k), i*80 + k*9, j*105);//espace entre chaque phrase
      }
      // noLoop();
    }
  }
  popMatrix();
}

```

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 4:48pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/4 "2021-01-03T16:48:39Z")

</div>

Hey thank you so much, and it’s a homework for my university, this part was from my partner who left me so i dont know what that means and i have no time to comment it, so that’s why i posted this question, anyway i’ll try but if you can just tell me what’s the “k” for? i can give you the whole code!

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 4:49pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/5 "2021-01-03T16:49:31Z")

</div>

i cant see what you have changed? but thank you!

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 4:50pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/6 "2021-01-03T16:50:24Z")

</div>

i dont really have time to look up things, but really thank you so much, that will help me for the future

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [January 3, 2021, 5:12pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/7 "2021-01-03T17:12:02Z")

</div>

> [@popin](#):
>
> cant see what you have changed?

myLetters is a String now and not an array

I changed the text() line

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 6:03pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/8 "2021-01-03T18:03:55Z")

</div>

Hey, can i ask you something? if i’m right, the second line code there:  
for (int i = 0; i \< 4; i++) {  
is there, so that the text can be clear? like it corrects the clarity of the text, if i’m right?  
and the third there:  
for (int j = 0; j \< 6; ++j) {  
determine how many of the text you want, so the more i add in the “6” the more the text will duplicate, if you understand what i mean  
and last question, if i’m right the push matrix and pop matrix function helps keeping the code between a bloc so that it doesnt interfer with the other codes? so if i put a no stroke between push and pop matric while the entire code is a stroke 5, it would be applicated to just the code between the push and pop matrix? that would really, really help me if you could just tell me if i’m not wrong! thank you

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [January 3, 2021, 9:49pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/9 "2021-01-03T21:49:26Z")

</div>

As I said, I think the code is bad. But it depends on what you want to achieve.  
What is it that you want to achieve? Write the sentence again and again in a grid?

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 10:00pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/10 "2021-01-03T22:00:33Z")

</div>

//Ici, je crée un tableau avec des couleurs, donc je vais ici définir que je veux créer un nouveau tableau, son nom c’est color, et je vais directement aller stocker une palette de couleurs dans ce tableau  
color[] colors =  
{  
//j’ai choisi donc 6 couleurs, qui marchent assez bien ensemble, meme s’ils se ressemblent assez, j’ai essayé de rester dans le réaliste en tenant compte des couleurs que peut porter un ours, sans rentrer dans l’extravagant (rose,mauve,rouge,etc)  
//afin donc, de trouver ces couleurs, je suis allée faire un détour dans un site “[color.adobe.com](http://color.adobe.com)” et de la j’ai crée ma palette en ayant tout d’abord le RGB de chaque couleurs, puis en les transitionnant en mode “hexadécimale”  
#654321,  
#A0522D,  
#000000,  
#8B4513,  
#64190D,  
#00FF00  
};  
//Détermine les positions des 6 boutons de cercle  
int circleX, circleY;// Position du bouton de “circle”  
int circle1X, circle1Y;// Position du bouton de “circle1”  
int circle2X, circle2Y;// Position du bouton de “circle2”  
int circle3X, circle3Y;//Position du bouton de “circle3”  
int circle4X, circle4Y;// Position du bouton de “circle4”  
int circle5X, circle5Y;// Position du bouton de “circle5”  
//Détermine les diamètres des 6 cercles  
int circleSize = 80;// Diamètre de “circle”  
int circle1Size = 80;// Diamètre de “circle1”  
int circle2Size = 80;// Diamètre de “circle2”  
int circle3Size = 80;// Diamètre de “circle3”  
int circle4Size = 80;// Diamètre de “circle4”  
int circle5Size = 80;// Diamètre de “circle5”  
//Ici, j’ai crée un nouveau tableau (array#2) rassemblant les “highlight” des couleurs, ceux ci permettent d’avoir une sorte d’animation qu’on retrouve assez souvent dans des jeux en ligne.  
//cette animation n’est pas obligatoire, et meme si je l’enlève ça n’affecteras pas tout mon sketch, je précise que c’est juste un extra de mon sketch  
color [] Highlight =  
{#44312A, #7F4202, 0, #552F01, #4C1211, #01B000};  
//00000000000000000000000000000000000000000000000000000000000000000000000000000000  
color currentColor;  
//j’ai crée ici des variables de type booléenne,chacune de ces variables, ayant la meme fonction, portent le meme nom:circleOver,circle1Over,circle2Over,etc, celles-ci renvoient toutes false.  
boolean circleOver = false;  
boolean circle1Over = false;  
boolean circle2Over = false;  
boolean circle3Over = false;  
boolean circle4Over = false;  
boolean circle5Over = false;  
//variable qui me serviras plus tard, et que j’expliquerais lorsque l’on sera arrivé au code ou j’ai utilisé cette variable  
//000000000000000000000000000000000000000000000000000000000000000000000000000000000  
int x = 0;

void setup (){  
//détermine les différentes positions des cercles en x et y, j’ai mis sur tout les “circles”, en position x “60”, car comme vous pouvez le voir dans le sketch, ils sont alignés verticalement et horizontalement, mais la position y change pour éviter une superposition.  
circleX = 60;  
circleY = 50;  
circle1X = 60;  
circle1Y = 150;  
circle2X = 60;  
circle2Y = 250;  
circle3X = 60;  
circle3Y = 350;  
circle4X = 60;  
circle4Y = 450;  
circle5X = 60;  
circle5Y = 550;  
//Ce mode permet que tous les “circles” soient bien au centre du cadre en haut,à gauche, si je le change en CORNER je devrais remodifier le reste du sketch en m’adaptant à la position des “circles”, sauf que si je met CORNER les "circles"entraveront mon arbre  
ellipseMode(CENTER);

//taille du sketch  
size (1400,800);  
//fond du sketch, déterminant le ciel.  
background (0,200,255);  
//couleur du rectangle  
fill (0,255,0);  
//primitive rectangle, déterminant le sol, l’herbe.  
rect (0,500,1500,400);  
//stroke afin de limiter et d’éviter que la personne qui colorie,déborde. permet de savoir ou s’arreter quant à l’éxterieur, pour ce qui est de l’intérieur, je n’ai pas trouvé comment faire en sorte que certaines stroke s’en aillent, comme cette fonction est active  
stroke(5);

}

void draw () {  
//Le dessin du coloriage  
//corps de l’ourson  
noFill();  
ellipse (700,550,400,400);  
// intérieur du corps de l’ourson  
ellipse (700,550, 350,350);  
//deuxième patte de l’ourson  
ellipse (800,750,150,150);  
//première patte de l’ourson  
ellipse (600,750,150,150);  
//intérieur pattes de l’ourson  
ellipse (800,750,100,100);  
ellipse (600,750,100,100);  
//tete de l’ourson  
ellipse (700,300,350,300);  
//oeil de l’ourson  
ellipse (650,280,25,30);  
ellipse (750,280,25,30);  
//intérieur de l’oeil de l’ourson  
ellipse (650,280,15,20);  
ellipse (750,280,15,20);  
//intérieur #2 des yeux de l’ourson  
ellipse (650,280,10,15);  
ellipse (750,280,10,15);  
//intérieur #3 des yeux de l’ourson  
ellipse (648,275,2,5);  
ellipse (748,275,2,5);  
//Nez de l’ourson  
ellipse (700,360,160,140);  
//intérieur nez de l’ourson  
ellipse (700,345,85,90);  
//barre verticale du nez de l’ourson  
rect (698,345,5,60);  
//barre arc du nez de l’ourson  
arc(701,400, 70, 50,0, PI);  
//oreilles de l’ourson  
ellipse (600,160,125,125);  
ellipse (800,160,125,125);  
//intérieur des oreilles de l’ourson  
ellipse (600,160,100,100);  
ellipse (800,160,100,100);  
//tronc de l’arbre  
rect (100,150,200,500);  
//feuilles de l’arbre  
ellipse (200,100,400,400);

//000000000000000000000000000000000000000000000000

update();  
//mon array  
int k = 0;  
fill(colors[k]);  
k++;  
}

//0000000000000000000000000  
void update() {  
//ici je crée des variables, disant que chaque overcircle, composés des données entre parenthèses, doit se regenérer, afin de s’afficher dans le sketch  
circleOver = overcircle(circleX, circleY, circleSize, #654321, #44312A) ;  
circle1Over = overcircle(circle1X, circle1Y, circle1Size, #A0522D, #7F4202) ;  
circle2Over = overcircle(circle2X, circle2Y, circle2Size, #000000, 0) ;  
circle3Over = overcircle(circle3X, circle3Y, circle3Size, #8B4513, #552F01) ;  
circle4Over = overcircle(circle4X, circle4Y, circle4Size, #64190D, #4C1211) ;  
circle5Over = overcircle(circle5X, circle5Y, circle5Size, #00FF00, #01B000) ;

}

boolean overcircle(int x, int y, int diameter, color hi, color lo) {  
// fill(0) ;  
//déclaration variable float qui  
float disX = x - mouseX;  
float disY = y - mouseY;  
if (sqrt(sq(disX) + sq(disY)) \< diameter/2 ) {  
fill(hi) ;  
ellipse(x, y, diameter, diameter);  
currentColor = hi ;  
return true;  
} else {  
fill(lo) ;  
ellipse(x, y, diameter, diameter);  
return false;

}  
}

void mouseDragged() {  
fill(currentColor) ;  
ellipse(mouseX, mouseY, 30, 30);

}

void mousePressed() {  
if ((mouseX\>width-100) && (mouseX\<width) && (mouseY\>height-100) && (mouseY\<height)){  
saveFrame();  
}

}

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 10:01pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/11 "2021-01-03T22:01:06Z")

</div>

there is, what i wanna achieve, i commented a lot sorry you cant even see the code and if you need me to remove the comments tell me

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [January 3, 2021, 10:05pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/12 "2021-01-03T22:05:32Z")

</div>

A drawing program with different colors?

Nothing to do with the text grid in your original post…?

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [January 3, 2021, 10:12pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/13 "2021-01-03T22:12:11Z")

</div>

Sorry, my French ain’t good, so somebody else will help you

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 10:16pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/14 "2021-01-03T22:16:44Z")

</div>

okey…thank you anyway

---

<div class="post-metadata">

**Author:** ![popin](https://avatars.discourse-cdn.com/v4/letter/p/6f9a4e/32.png) [@popin](https://discourse.processing.org/u/popin)\
**Post date:** [January 3, 2021, 10:17pm UTC](https://discourse.processing.org/t/can-someone-comment-this-code/26716/15 "2021-01-03T22:17:22Z")

</div>

i posted the wrong code