image rotate, bild nicht mehr zu sehen

[muuh]

also ich habe ein bild, das ich gern drehen möchte.

das graphics2D object kann ich nicht drehen, da ich das gedrehte bild, dann auf einen hintergrund zeichne und der sich sonst auch mitdrehen würde.

in der draw-Methode:

at.setToTranslation(getSpaceOccupied().x, getSpaceOccupied().y);
at.setToRotation(this.getAngle(), image.getWidth(null)/2, image.getHeight(null)/2);
at.rotate(this.getAngle());

Graphics2D g2d = (Graphics2D) g;
 g2d.drawImage(image, at, component);

So, das hintergrundbild wird angezeigt, aber von dem anderen bild keine spur...
ich hab versehentlich bei dem drehpunkt bei der höhe durch 2 zu dividieren vergessen, da hat man das bild noch am oberen rand ein wenig abgeschnitten gesehn...

getSpaceOccupied, is der punkt, wo sich das bild gerade befindet und dort soll es sich auch drehen, aber egal welche Werte ich für x und y angebe, es ist nicht zu sehen...

Ich bin für hilfe sehr dankbar!

 

[Marco13]

Hi

setToTranslation(x,y) setzt die Matrix so, dass sie eine Verscheibung beschreibt. Wohin sie verschiebt, weiß man nicht, solange man nicht "getSpaceOccupied" kennt.

setToRotation(a,x,y) setzt die Matrix so, dass sie eine Rotation um den Punkt (x,y) beschreibt - aber die Translation, die du vorher gesetzt hast, ist dann wieder weg! Die Matrix beschreibt dann NURnoch diese Drehung.

rotate(a) verändert die Matrix: Zusätzlich(!) zur oben gesetzen Drehung um den Punkt (x,y) wird jetzt noch eine Drehung um den Ursprung gemacht.

Wenn du erst überlegst, und dann weißt, was du machen willst, dann kannst du dafür die richtig Lösung finden. Wenn du erst überlegts, und dann weißt, was du machen willst, und keine Lösung findest, sag nochmal bescheid.

bye

 

[Guest]

Hi

setToTranslation(x,y) setzt die Matrix so, dass sie eine Verscheibung beschreibt. Wohin sie verschiebt, weiß man nicht, solange man nicht "getSpaceOccupied" kennt.

setToRotation(a,x,y) setzt die Matrix so, dass sie eine Rotation um den Punkt (x,y) beschreibt - aber die Translation, die du vorher gesetzt hast, ist dann wieder weg! Die Matrix beschreibt dann NURnoch diese Drehung.

rotate(a) verändert die Matrix: Zusätzlich(!) zur oben gesetzen Drehung um den Punkt (x,y) wird jetzt noch eine Drehung um den Ursprung gemacht.

Wenn du erst überlegst, und dann weißt, was du machen willst, dann kannst du dafür die richtig Lösung finden. Wenn du erst überlegts, und dann weißt, was du machen willst, und keine Lösung findest, sag nochmal bescheid.

bye

ich will das Bild rotieren um den Mittelpunkt des Bildes, darum setToRotation, des müsst ja noch passen oda?
so, und wen des bild jetz rotiert ist, dann möchte ich es an eine bestimmte Position zeichnen. Muss ich da noch at.translate(position.x, position.y) dazutun?

weil das hätt ich gemacht, aber dann sieht ma wieder des gedrehte bild nicht. Wenn ich nur setToRotation nehmen, dann wird das Bild in die linke obere Ecke gezeichnet...

 

[Marco13]

Hi

Offenbar ist noch ein Punkt nicht klar: Was man zuletzt hinschreibt, wird zuerst gemacht.
(Wie Mathematisch kann das hier werden?)

Die "AffineTransform" ist ja eine Matrix. Man kann eine Matrix mit einem Punkt multiplizieren. (Sozusagen auch "mit einem Punkt deines Bildes"). Das Ergebnis ist dann ein (verschobener, gedrehter, skalierter...) Punkt.

Wenn du nun zwei Matrizen (also zwei AffineTransforms) hast
T beschreibt eine Verschiebung (Translation)
R beschreibt eine Rotation
dann kannst du damit einen Punkt p entweder
- erst drehen und dann verschieben oder
- erst verschieben und dann drehen

(von fly.cc.fer.hr/~unreal/theredbook/chapter03.html, Abschnitt "Thinking about Transformations")

Wenn du nun rechnest
at.setToIdentity();
at.rotate(a,x,y);
at.translate(x,y);
und das dann auf einen Punkt anwendest, ist das gleichbedeutend mit
R * T * p
Und wie du siehst: Der Punkt wird ERST verschoben. Und der verschobene Punkt wird dann rotiert. (Wenn man zu lange drüber nachdenkt, kriegt man leicht nen Knoten ins Hirn). Der Punkt wird sozusagen "von rechts nach links durch die Transformationen gereicht". Wenn du das Bild ERST um sein Zentrum rotieren, und DANN irgendwo hin verschieben willst, mußt du die Operationen genau umgekehrt ausführen:

Wenn du den Punkt p drehen willst, rechnest du
p' = R * p
Wenn du den gedrehten Punkt p' nun zusätzlich noch veschieben willst, rechnest du
p" = T * p'
Und wenn man sich das mal genau ansieht, steht da ja
p" = T * R * p

Man muß also erst T setzen, und dort dann R dranmultiplizieren.

at.setToTranslation(getSpaceOccupied().x, getSpaceOccupied().y);
at.rotate(this.getAngle(), image.getWidth(null)/2, image.getHeight(null)/2);

Das entspricht auch dem, was in der Doku zu setToRotation steht: Die "Nummerierung" der Zeilen ist dort S3, S2, S1 - und es wird S1, S2, S3 angewendet.

bye

 

[muuh]

Wenn die Mathematik so einfach bleibt, dann kann ruhig noch mehr davon kommen!

Also ich hab jetz at.setToTranslation(x, y) genommen und dann at.rotate(winkel).

Folgendes wäre noch interessant:
Wird hier um den Mittelpunkt des Bildes rotiert?

Wird durch setToTranslation(x,y) der Mittelpunkt des rotierten Bildes dort gesetzt?

Weil ich habe jetzt für x und y 200 eingegeben und wenn ich das vergleiche, dann passt das nicht, das Bild ist viel weiter unten als recht!

Außerdem muss ich mich mal bedanken für deine geduldigen Erklärungen! Vielen, vielen Danke!

 

[muuh]

ich bin ja auch so blöd (vielleicht sollt ich mehr schlafen, oder mir angewöhnen kaffee zu mögen ;-) )

Jetzt, hab ich doch tatsächlich bei rotate nur den Winkel angegeben und nicht den Rotationspunkt.
Jetzt, passt das nämlich auch mit 200, 200!

Jetzt wäre noch interessant, was der setToTranslatePunkt beschreibt (is vielleicht nicht gerade das richtige wort^^), also stellt das den mittelpunkt des bildes dar?

 

[muuh]

ich habe noch eine frage (tu tust mir schon richtig leid, aber du kannst das so schön erklärn, also bitte ich noch mal um hilfe)!

Das ganze soll ein Spiel werden, wo Käfer auf dem Bildschirm krabbeln. Ich habe das ganze einmal ohne rotation implementiert.
Ein Bild wurde als Rectangle interpretiert, somit konnte ich Kollisionen mit intersects abprüfen, nur scheinbar funktioniert das nicht mehr, wenn man das Bild einmal gedreht hat, hast du da eine Ahnung, wie ich das hinbiegen könnte?

 

[Gast]

so, aus es reicht, ich geh jetzt ins bett...
die funktion funktioniert schon noch, man muss halt die drehung berücksichtigen, manschmal überlappen sich die Käfer ein wenig oder fahren über den Rand hinaus, aber das liegt wohl daran, dass das bild gedreht ist, aber des werd ich schon irgendwie rausfinden, was ich da machen muss, aber sicher nicht mehr heute!

LG Edith

 

[Marco13]

Hi

at.setToRotation(this.getAngle(), image.getWidth(null)/2, image.getHeight(null)/2);
(bzw. das entsprechende at.rotate(a,x,y))

Damit wird um den Punkt gedreht, der durch die X- und Y-Koordinaten beschreiben ist. Es ist eine Hintereinanderausführung von drei Operationen:
1. Man bewegt den Punkt, um den gedreht werden soll, in den Ursprung
2. Man dreht um den Ursprung
3. Man bewegt den Punkt, um den gedreht werden soll, wieder da hin, wo er vorher war.

(siehe auch den Letzen Link aus meinem Posting oben)

at.setToTranslation(getSpaceOccupied().x, getSpaceOccupied().y);
(bzw. at.translate(x,y))

Damit wird NUR die Verschiebung beschrieben. Ein Punkt, der Vorher bei (0,0) lag, liegt danach bei (x,y).

bye

 

[muuh]

danke mal, die letzte antwort, war zwar nicht die antwort auf des was ich wissen wollte, aber du hast mir sehr geholfen!
vielen, vielen danke, ich glaube den rest werde ich dann allleine schaffen