Discussion :

[Bourg]

Bonsoir, excusez moi de vous déranger, je vous explique mon soucis:
Alors voilà j'essaye d'écrire en biais un mot sans déplacer la position de mon drawString et de mon fillOval seulement sa ne fait pas ce que je veux.

Code :

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

1
2
3
4
5
6
              g.rotate(100f);
			g.translate(-POS_X - perso.getPosition(), -POS_Y + 30);
			g.drawString(perso.getNom(), POS_X + perso.getPosition(), POS_Y - 30);
			g.rotate(-100f);
			g.translate(POS_X + perso.getPosition(), POS_Y - 30);
			g.fillOval(perso.getPosition(), POS_Y - 50, 100, 100);

Merci de votre aide

[joel.drigo]

Salut,

Tout ordre de transformée affine (comme les rotations, translations...) s'applique à l'ensemble des opérations qui suivent, y compris les autres transformées affines.

Quand tu fais une translation après une rotation, la translation est fait dans un repère qui est "tourné" selon la rotation. Pour la rotation centrée, il existe également une méthode qui simplifie la combinaison des deux.

Dans ton code, tu essaies de restituer la position précédente pour dessiner l'ovale, en tentant de faire les transformées affines inverses. Mais il faut le faire dans le sens inverse : si tu fais rotation 100, puis translation 10,10, il faut faire translation -10, -10, rotation -100.

Le plus simple plutôt que de chercher à remettre le repère "à zéro" est soit :

• de sauvegarde la transformée courante et de la restituer directement ensuite, respectivement, par getTransform() et setTransform()
• soit de créer un nouveau contexte graphique et de lui appliquer les transformées, et de dessiner dedans. Ainsi, les transformées ne s'appliquent qu'à la partie du dessin que tu veux.

Exemple avec sauvegarde :

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
21
22
23
24
@Override
protected void paintComponent(Graphics g) {
   super.paintComponent(g);
 
   Graphics2D g2d = (Graphics2D) g;
 
   AffineTransform transform = g2d.getTransform(); // on sauvegarde la transformée courante
 
   String s = "TEXTE EN BIAIS";
   Rectangle2D stringBounds = g2d.getFontMetrics().getStringBounds(s, g);
 
   g2d.rotate(Math.PI/4, 100 + stringBounds.getCenterX(), 100 + stringBounds.getCenterY()); // rotation centrée sur le centre du textte
 
   g2d.setColor(Color.BLUE);
   g2d.drawString(s, 100, 100);
 
   g2d.setTransform(transform); // restitution de la transformée sauvegardée
 
   g.setColor(Color.RED);
   g.drawString(s, 100, 100);
 
   g.drawOval(100, 100-(int)g2d.getFontMetrics().getLineMetrics(s, g).getAscent(), (int)stringBounds.getWidth(), (int)stringBounds.getHeight()); // elliipse centrée sur le texte
 
}

Version avec création de contexte graphique

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
21
@Override
protected void paintComponent(Graphics g) {
   super.paintComponent(g);
 
   Graphics2D g2d = (Graphics2D) g.create(); // on crée un nouveau contexte
 
   String s = "TEXTE EN BIAIS";
   Rectangle2D stringBounds = g2d.getFontMetrics().getStringBounds(s, g);
 
   g2d.rotate(Math.PI/4, 100 + stringBounds.getCenterX(), 100 + stringBounds.getCenterY()); // la rotation ne s'applique qu'à g2d, pas à g
 
   g2d.setColor(Color.BLUE);
   g2d.drawString(s, 100, 100);
 
   g2d.dispose(); // on libère le contexte graphique qu'on a créé
 
   g.setColor(Color.RED);
   g.drawString(s, 100, 100);
   g.drawOval(100, 100-(int)g2d.getFontMetrics().getLineMetrics(s, g).getAscent(), (int)stringBounds.getWidth(), (int)stringBounds.getHeight());
 
}

Ce qui donne ce résultat :

[Bourg]

J'ai testé votre code qui est vraiment pas mal
Mais moi, ça ne fait pas ce que je veux dans mon exemple, par rapport à mon drawString : ça se déplace de la position initiale.

[joel.drigo]

Tu veux animer ton texte, qu'il se déplace d'une position à l'autre, c'est ça ?