Rechteck "umdrehen"/über die Kante drehen

[mf4nky]

Hallo zusammen
Zu Übungszwecken habe ich begonnen, für mich eine kleine Lernkartei zu entwickeln. In einer ersten Phase kann ich nun Begriffe in einer JTable erfassen (z.B. eng - deu: hello - Hallo) und diese dann in einer zweiten Maske abfragen lassen (ein Begriff ist gegeben, der andere muss in eine Textfeld eingegeben werden).

Nun möchte ich das ganze in einer zweiten Phase grafisch bisschen "aufpeppen". Ich möchte eine Art Karteikarte zeichnen mit Vorder-/Rückseite und diese dann "umdrehen" können. Das ganze soll animiert sein.

So stell ich mir den Animationsablauf vor:

Hier im Forum habe ich zwar Beiträge gefunden, wie man ein 2D-Rechteckt in einem bestimmten Winkel dreht. In meinem Fall sollte es wohl aber ein 3D-Objekt sein, damit ich es über die Kante drehen kann?

Kann mir jemand bisschen auf die Sprünge helfen, wie ich sowas realisieren könnte (möchte keinen Code, Tipps reichen vollkommen aus 😉 ).

Vielen Dank und Grüsse aus der Schweiz
mf4nky

 

[Landei]

Javas 2D hat nur affine Transformationen (eine Kombination aus 2D-Drehungen, Verschiebungen, Spiegelungen und "Zoomen") eingebaut, womit du zwar ein "Umklappen" hinbekommen würdest, was aber nicht sonderlich realistisch wirken würde. Nun hast du die Möglichkeit, eine korrekte perspektivische Variante in 2D selber zu berechnen, oder 3D zu nehmen (Java 3D, JOGL, LWJGL...), was aber ziemlich mit Kanonen auf Spatzen ist.

Schon mal überlegt, einen anderen Effekt zu verwenden, etwa dass die Schrift verläuft und gleichzeitig verblaßt oder so? Das ist immer noch ziemlich cool, aber wesentlich einfacher zu realisieren.

 

[Quaxli]

Evtl. wäre es ja auch eine Option, den Animationsverlauf als vorgefertigte Grafiken zu hinterlegen und diese als Animation ablaufen zu lassen?

 

[mf4nky]

Hallo zusammen
Vielen Dank für eure Antworten. Habe mich kurz mal bisschen in die 3D-Geschichte eingelesen und feststellen müssen, dass mir das (zumindest zum jetzigen Zeitpunkt) viel zu komplex erscheint.

Ich werde jetzt einfach mal die Karteikarte mittels einem 2D-Rechteck zeichnen und beim Wechsel von der Vor- zur Rückseite der Karte eine Überblendung des Hintergrunds nach schwarz und zurück zur ursprünglichen Farbe mache. So siehts zumindest mit viiiiel Fantasie auch irgendwie nach einem "Umdrehen" aus 😉

Grüsse mf4nky

 

[Marco13]

Einen im Vergleich zum Aufwand vielleicht (!) noch ganz ansehnlichen Effekt könnte man vielleicht (!) erreichen, indem man das Umdrehen als animation macht:
- Skaliere das Rechteck mit dem Vorderseiten-Bild von Breite 1 auf Breite 0
- Verdunkle es dabei kontinuierlich von 100% auf 50% der Helligkeit
- Skaliere das Rechteck mit dem Hinterseiten-Bild von Breite 0 auf Breite 1
- Verhelle es dabei kontinuierlich auf 50% auf 100% der Helligkeit

Das würde dann ggf. wie ein Umdrehen aussehen, allerdings eben ohne perspektivische Verzerrung...