Discussion :

[Evan59245]

Bonjour,

J'aimerais remplir mon rectangle par pleins de ronds qui seront limités aux dimensions de mon rectangle.
J'aimerais également leur attribuer un pas, un espacement si vous préférez.

Donc j'ai ma fenêtre principale :

Pièce jointe 211354

Ensuite ma fenêtre avec ma forme:

Pièce jointe 211355

Comment faire ?

Merci de votre aide

Cdt
Evan MARTHO

[joel.drigo]

Salut,

J'aimerais remplir mon rectangle par pleins de ronds qui seront limités aux dimensions de mon rectangle.
J'aimerais également leur attribuer un pas, un espacement si vous préférez.

Et, donc ? Sur quoi bloques-tu ? Sous quel type d'environnement graphique (Swing, JavaFX, SWT, autre ?) ?

[Evan59245]

Bah je sais pas trop comment faire en faite. C'est du swing et ce sont des composants Graphics

[joel.drigo]

Déjà, il y a 2 approches :

• dessiner dans composant graphique
• dessiner dans une image qu'on dessine dans un composant graphique

Dans le premier cas, tu auras un affichage dynamique, qui pourra dépendre de la taille de la fenêtre, éventuellement s'adapter à l'échelle, etc... mais qui devra se redessiner chaque fois que c'est nécessaire, ce qui peut être long, donc donner des effets disgracieux au mieux, au pire ralentir l'affichage globalement.

Dans le second cas, on dessine une fois l'image, et ensuite son affichage peut être très rapide donc moins pénalisant. En revanche ça consommera plus de mémoire.

La technique globalement reste la même : on dessine dans un contexte graphique. Il s'agit d'une instance de classe Graphics, ou plus précisemment de Graphics2D lorsqu'on dessine à l'écran, en 2D.

Pour dessiner dans un composant, par exemple un JPanel, on redéfinira la méthode paintComponent() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
public class MonPanel extends JPanel {
 
protected void paintComponent(Graphics g) {
    super.paintComponent(e);
 
    // ici on peut dessiner, en utilisant la variable g 
 
}
 
}

pour une Image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
BufferedImage image = new BufferedImage( largeur, hauteur, type);
 
Graphics2D g = image.createGraphics();
try{
// ici on peut dessiner, un utilisant la variable g
}
finally {
     g.dispose();
}
 
JLabel label = new JLabel( new ImageIcon( image ) );
// en mettant le label dans une fenêtre, on verra l'image affichée

Pour le détail de l'usage de Graphics/Graphics2D, voir les méthodes de ces classes dans la JavaDoc, ou dans le tutoriel.

Ensuite, pour dessiner tes ronds, il te suffit de faire une (double) boucle entre tes bornes, avec le pas voulu et de dessiner un cercle (Graphics.drawOval) à chaque itération.

Tu auras peut être la volonté d'avoir des graphismes antialisés (c'est particulièrement nécessaire lorsqu'on dessine des cercles): regarde Graphics2D.setRenderingHints().

[Evan59245]

Donc si je comprend bien, je fais une première boucle for avec comme borne les dimensions de mon rectangle ? Ensuite je fais une seconde boucle for pour l'espacement ?
Mais pour l'espacement il faut bien prendre la position du rond -1 + pas justement ? Et comment faire ceci ?

[joel.drigo]

Essayes d'imagine commen tu ferais pour dessiner sur du papier.

• Le dessin dans une image ou un composant commence en 0,0, le point en haut à gauche
• On dessine un cercle en utilisant la méthode drawOval : elle ne dessine par le cercle par rapport à son centre, mais par rapport à un rectangle englobant. Le premier cercle sera donc en
  x=0,y=0,largeur=diametre,hauteur=diametre

Code pseudocode :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
pour i de 0 à largeurimage par pas de diametre+espacementhorizontal
 
     pour j de 0 à hauteurimage par pas de diametre+espacevertical
 
          dessiner cercle ( x=i, y=j, largeur=diametre, hauteur=diametre);
 
     fin pour j
 
fin pour i

Ou tu peux procéder par incrémentation si tu préfères :

Code pseudocode :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
x = 0
y = 0
 
tant que ( y<hauteurImage ) faire
 
dessiner cercle ( x, y, diametre, diametre);
 
x <- x + diametre + espacementHorizontal
si x>largeurImage alors
 
   x = 0
   y <- y + diametre + espacementVertical
 
fin si
 
fin tant que

[Evan59245]

J'ai vraiment du mal à visualiser la chose.

J'ai fais ca comme code et je sais que c'est faux:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public void paint(Graphics g) 
	{
		super.paint(g);
		Color c = g.getColor();
		g.setColor(Color.DARK_GRAY);
		g.fillRect(50,30,450,250);
		g.setColor(c);
		g.drawString("Hauteur(cm) = " + haut , 505, 40);
		g.drawString("Largeur(cm) = " + larg , 48, 20);
		int i = 0,j = 0;
		for (i=0; i<250;i++)
		{
			for (j=0;j<450;j++)
			{
				g.setColor(Color.WHITE);
				g.fillOval(i, j, diam*10, diam*10);
				g.setColor(c);
			}
		}
	}

[joel.drigo]

Là, tu fais varier tes i et j de 1 en 1 (pixel sous-entendu). Donc forcément, tous les cerclcles sont les uns contre les autres.

Essaye ça par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
for (i=0; i<250;i+=50)
		{
			for (j=0;j<450;j+=50)
			{
				g.setColor(Color.WHITE);
				g.fillOval(i, j, diam*10, diam*10);
				g.setColor(c);
			}
		}

Tu devrais en déduire comment gérer l'espacement.

Et si tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
for (i=0; i<250;i+= diam*10+10)
		{
			for (j=0;j<450;j+= diam*10 + 10)
			{
				g.setColor(Color.WHITE);
				g.fillOval(i, j, diam*10, diam*10);
				g.setColor(c);
			}
		}

L'espacement est relatif à ton diamètre.

D'ailleurs, tu devrais plutôt calculer ton diamètre une fois en dehors de la boucle, plutôt que de faire 250x450x2 fois la même multiplication !!!

[Evan59245]

Merci beaucoup, je viens de voir ton message, j'avais presque trouvé le truc mais j'avais un problème avec mes cercles au bout d'un moment

Merci en tout cas !!

[wax78]

Sinon avec TexturePaint ça devrait être possible sans devoir trop se casser la tête.

[joel.drigo]

TexturePaint.

C'est ce que je tente de lui montrer dans l'autre discussion

[wax78]

J'avais pas vu cette discution en effet.

Par contre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for(double x=-step; x<imageBounds.getWidth(); x+=step) { // on couvre tout l'espace répétable en horizontal

Je suis pas sure que tu sois obligé de faire une boucle, tu px generer un tout petit morceau de texture qui se répétera tout seul lors de l'affichage.

Du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*    */   public static TexturePaint create45LinePaint(Color foreGroundColor, Paint backGroundColor, int spacing)
/*    */   {
/* 41 */     BufferedImage bufferedimage = new BufferedImage(spacing, spacing, 1);
/* 42 */     Graphics2D graphics2d = bufferedimage.createGraphics();
/* 43 */     graphics2d.setPaint(backGroundColor);
/* 44 */     graphics2d.fillRect(0, 0, spacing, spacing);
/* 45 */     graphics2d.setColor(foreGroundColor);
/* 46 */     graphics2d.drawLine(0, 0, spacing, spacing);
/* 47 */     graphics2d.dispose();
/*    */     
/*    */ 
/* 50 */     TexturePaint texturepaint = new TexturePaint(bufferedimage, new Rectangle(0, 0, spacing, spacing));
/* 51 */     return texturepaint;
/*    */   }

Ou tu genere seulement la bufferedimage d'une taille minimale le paint repetera tout seul la texture et peux importe la dimension du truc a dessiner , mais peut être qu'une contrainte m'échappe ^^

EDIT : A mon avis j'ai mal interpreté ce que ton code fait car il me semble qu'il fait la même chose

[joel.drigo]

JPar contre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for(double x=-step; x<imageBounds.getWidth(); x+=step) { // on couvre tout l'espace répétable en horizontal

Je suis pas sure que tu sois obligé de faire une boucle, tu px generer un tout petit morceau de texture qui se répétera tout seul lors de l'affichage.

Je répondrai à ce sujet en détail dans l'autre discussion quand j'aurais le temps (Il n'y a pas besoin en effet sur un cas à 60° équidistant, mais dans le cas général, comme là :

On peut le résoudre sans boucle, mais avec une boucle, c'est plus simple quand même (et peu coûteux, puisqu'on ne le fait qu'à la génération de l'image).
( Mais c'est vrai qu'elle ne sert à rien pour le cercle de "première ligne" )

[Evan59245]

Je n'avais pas vu vos messages. Je retravaille dessus très bientôt