Rotate a Java Graphics2D Rectangle?

Question

I have searched everywhere and I just cant find the answer.
How do I rotate a Rectangle in java?

Here is some of my code:

package net.chrypthic.Space;

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class Space extends JPanel implements ActionListener{
    Timer time;
    public Space()
    {
        setVisible(true);
        setFocusable(true);
        addMouseMotionListener(new ML());
        addMouseListener(new ML());
        addKeyListener(new AL());
        time=new Timer(5, this);
        time.start();
    }
    public void paint(Graphics g)
    {
        super.paint(g);
        Graphics2D g2d = (Graphics2D)g;
        g2d.setColor(Color.WHITE);
        Rectangle rect2 = new Rectangle(100, 100, 20, 20);

        g2d.draw(rect2);
        g2d.fill(rect2);
    }
    public void actionPerformed(ActionEvent ae) {
        repaint();
    }
    public class AL extends KeyAdapter
    {
        public void keyPressed(KeyEvent e) {
        }

        public void keyReleased(KeyEvent e) {
        }
    }
    public class ML extends MouseAdapter
    {
        public void mouseMoved(MouseEvent e) {
        }

        public void mousePressed(MouseEvent e){
        }
    }
}

I tried g2d.rotate(100D); but it didnt work. Thanks in advance.

Here's my edited code:

package net.chrypthic.Space;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class Space extends JPanel implements ActionListener{
    Timer time;
    public Space()
    {
        setVisible(true);
        setFocusable(true);
        setSize(640, 480);
        setBackground(Color.BLACK);
        time=new Timer(5, this);
        time.start();
    }
    public void paintComponent(Graphics g)
    {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D)g;
        Rectangle rect1 = new Rectangle(100, 100, 20, 20);
        g2d.setColor(Color.WHITE);
        g2d.translate(rect1.x+(rect1.width/2), rect1.y+(rect1.height/2));
        g2d.rotate(Math.toRadians(90));
        g2d.draw(rect1);
        g2d.fill(rect1);
    }
    public void actionPerformed(ActionEvent e) 
    {
        repaint();
    }
}

this way you are first translating the rect and then rotating it. It's equivalent to: new Rectangle(110,110,20,20);g2d.rotate(Math.toRadians(45)); — Heisenbug, Sep 22 '11 at 17:30

Heisenbug · Accepted Answer · 2011-09-22T16:18:46.133

18

For images you have to use drawImage method of Graphics2D with the relative AffineTransform.

For shape you can rotate Graphics2D itself:

public void paintComponent(Graphics g)
{
    super.paintComponent(g);
    Graphics2D g2d = (Graphics2D)g;
    g2d.setColor(Color.WHITE);
    Rectangle rect2 = new Rectangle(100, 100, 20, 20);

    g2d.rotate(Math.toRadians(45));
    g2d.draw(rect2);
    g2d.fill(rect2);
}

And btw, you should override paintComponent method instead of paint.

Citing JComponent's API:

Invoked by Swing to draw components. Applications should not invoke paint directly, but should instead use the repaint method to schedule the component for redrawing.

This method actually delegates the work of painting to three protected methods: paintComponent, paintBorder, and paintChildren. They're called in the order listed to ensure that children appear on top of component itself. Generally speaking, the component and its children should not paint in the insets area allocated to the border. Subclasses can just override this method, as always. A subclass that just wants to specialize the UI (look and feel) delegate's paint method should just override paintComponent.

Remember also than when you perform an affine transformation, like a rotation, the object is implicitly rotated around the axis origin. So if your intent is to rotate it around an arbitrary point, you should before translating it back to the origin, rotate it, and then re-traslating it to the desired point.

edited Sep 22 '11 at 16:18

answered Sep 22 '11 at 15:54

Heisenbug

38,762
28
132
190

Thanks ill try it, what is better about paintComponent? – chrypthic Sep 22 '11 at 16:09
1

K, i tried it. Now my rectangle is wedged in the left corner although I set the X position to 100. Why is this happening? (screenie: http://cl.ly/AM8c) – chrypthic Sep 22 '11 at 16:13
2

"Remember also than when you perform an affine transformation, like a rotation, the object is implicitly rotated around the axis origin. So if your intent is to rotate it around an arbitrary point, you should before translating it back to the origin, rotate it, and then re-traslating it to the desired point." How'd I do that? – chrypthic Sep 22 '11 at 16:32
1

you are drawing a square : new Rectangle(100, 100, 20, 20); It's located at 100,100. If you define your rectangle this way: new Rectangle(-10, -10, 20, 20); then perform the rotation and then g2d.translate(100,100); you should obtain the desired result. – Heisenbug Sep 22 '11 at 16:35
Thanks. I have translated it, now when I change the X or the Y and my rotation is 90 (its pointless but a test), it moves down instead of right or down. Why? Is there a way around this? – chrypthic Sep 22 '11 at 16:52
try to post the modified code, but I won't do a complete tutorial on affine transforms. It's a subject that it's intuitive at a first approach. There are many tutorials on the net, search for them and start following some examples. – Heisenbug Sep 22 '11 at 16:56
I have edited my post above. And thanks, i will look at some affine transforms tutorials. Thanks for all your help :D – chrypthic Sep 22 '11 at 17:28
+1 See also this related [example](http://stackoverflow.com/questions/3405799/how-to-rotate-an-image-gradually-in-swing/3420651#3420651). – trashgod Sep 22 '11 at 17:57
Finally a SO person who knows what they are talking about, thank you. +1 – atw Mar 31 '17 at 23:16

score 11 · Answer 2 · answered Sep 22 '11 at 16:04

11

public void draw(Graphics2D g) {
    Graphics2D gg = (Graphics2D) g.create();
    gg.rotate(angle, rect.x + rect.width/2, rect.y + rect.height/2);
    gg.drawRect(rect.x, rect.y, rect.width, rect.height);
    gg.dispose();

    gg = (Graphics2D) g.create();
    ... other stuff
}

Graphics.create() and Graphics.dispose() allow you to save the current transformation parameters (as well as current font, stroke, paint, etc), and to restore them later. It is the equivalent of glPushMatrix() and glPopMatrix() in OpenGL.

You can also apply an inverse rotation once you drew the rectangle to revert the transformation matrix back to its initial state. However, floating point approximations during substractions may lead to a false result.

answered Sep 22 '11 at 16:04

Aurelien Ribon

7,548
3
43
54

draw method doesn't exist for JComponent – Heisenbug Sep 22 '11 at 16:28
1

Of course, I expect the op to know how to draw on a JPanel, this is just a code snippet :) – Aurelien Ribon Sep 22 '11 at 17:13
1

+1 for the _other_ [`rotate()`](http://download.oracle.com/javase/7/docs/api/java/awt/Graphics2D.html#rotate%28double,%20double,%20double%29). – trashgod Sep 22 '11 at 17:59

score 8 · Answer 3 · edited Mar 08 '18 at 21:30

8

Another way is by using Path2D, with it you can rotate the path only and not the entire graphics object:

Rectangle r = new Rectangle(x, y, width, height);
Path2D.Double path = new Path2D.Double();
path.append(r, false);

AffineTransform t = new AffineTransform();
t.rotate(angle);
path.transform(t);
g2.draw(path);

edited Mar 08 '18 at 21:30

dzikoysk

1,560
1
15
27

answered May 02 '13 at 04:45

Daniel De León

13,196
5
87
72

score 0 · Answer 4 · answered Feb 28 '13 at 15:43

The only problem with g2d.rotate is that it doesn't rotate it around a specific point. It will mostly mess up where you want your Image and then force you to move the x and y coordinates of the image. I would not use it,expecially for a game. What you should look into is rotating a point in java.

Rotate a Java Graphics2D Rectangle?

4 Answers4

Linked

Related