FMX : Karte umdrehen als Animation

[MyRealName]

Ich will für meine Frau eine Helfer App programmieren (sie lernt gerade deutsch) und wollte ihr die Sprachkarten programmieren für Ihr Handy (Android). Ich habe schon einiges gemacht als App, aber noch nichts wirklich grafisches, eher so GUI mit den Controls, die es da so gibt.
Die Karte (im einfachsten Fall) kann ein 2-seitiges Panel sein, welches sich dann um seine Achse umdreht. Auf der einen Seite steht das deutsche Wort, auf der anderen das spanische.

Gibt es da die mögliochkeit, das mit Animationen in FMX zu machen ? Oder muss ich dazu mir das mit der 3D-Programmierung ansehen ?

Danke schonmal :)

[Rollo62]

Also ist die Karte selbst ein Panel ?
Ich würde da eher ein Rectangle für nehmen, Panels wie unter VCL nutze ich gar nicht mehr, TLayout und TRectangle sind der Ersatz für mich dafür.

Egal, alle Controls haben ein .RotationAngle Property, mit dem man die Elemente rotieren kann.

Das könnte man reltiv simpel animieren, mit TFloatAnimation.

Hilft Dir das weiter ?

[MyRealName]

Genau sowas suchte ich :) Danke

Edit: Doch nicht. Das dreht sich da aber nur im 2D, wenn ich RotationAngle und RotationCenter ändere. Was ich halt versuchen will, ist dass es sich vertikal von links nach rechts dreht und dann die Rückseite sichtbar ist.

[Rollo62]

Zitat:

Zitat von MyRealName (Beitrag 1473214)

Genau sowas suchte ich :) Danke

Edit: Doch nicht. Das dreht sich da aber nur im 2D, wenn ich RotationAngle und RotationCenter ändere. Was ich halt versuchen will, ist dass es sich vertikal von links nach rechts dreht und dann die Rückseite sichtbar ist.

Also ein PageFlip.
Das wäre sicher mit FMX 3D, statt FMX HD möglich.
Das ist dann aber eine Textur auf einem 3D Objekt, und wird entsprechend komplexer.

Es gibt da aber Einiges
https://stackoverflow.com/questions/...emonkey-mobile

https://edn.embarcadero.com/article/41874

https://zarko-gajic.iz.hr/memory-3d-...e-delphi-game/

auch einen GameEngine für Card-Games, finde ich gerade nicht.

[MyRealName]

Ich habe es gerade mit einem Viewport und einem TCube probiert, kann man halt die Tiefe auf 0,1 stellen, dann ist das wie eine Karte. Heut abend schau ich mal, wie ich das über eine Animation drehen kann und ob man das dynamisch ein- und ausblenden kann (den Viewport), so dass das eigentlich eine 2D-Anwendung ist aber das mit den Karten so gelöst wird :)

Danke erstmal.

[ZYLAGON]

Wenn es 3D sein soll, könntest Du in Deinem Beispiel mit dem Viewport den Cube in einen TDummy stecken, die x-Position des Cubes innerhalb des Dummys verschieben und eine FloatAnimation dem Dummy zuordnen.
Wird dann der Dummy um die Y-Achse rotiert, verhält sich der Cube wie eine Seite, die von einer Seite zur anderen wandert.

VG ZYL

[MyRealName]

würde es die Drehung des Cubes nicht auch tun ? Warum der Dummy ? (Sorry, wenn es eine dumme Frage ist, aber ich habe noch nicht mit FMX 3D Sachen gearbeitet, nur normal OpenGL und das ist auch schon etwas her :P)

[ZYLAGON]

Eigentlich sollte es genügen, den Cube zu drehen.
Aber da ich das mit dem RotationCenter nicht hinbekomme, behelfe ich mir mit einem unsichtbaren TDummy-Container.
Da ich den Cube in dem Dummy verschiebe, rotiert der Cube nicht um seinen Mittelpunkt sondern um den Mittelpunkt des Dummys.
Habe gestern mal getestet mit einer FloatAnimation von 0 bis 180° und das sah schon recht gut aus.

VG ZYL

[MyRealName]

Also, ich habe jetzt einen komischen Effekt..
In Win32 FMX sieht alles Ok aus (konnte das animierte Gif nicht anhängen musste es als Link einfügen

Aber in Android bewegt sich nicht nur garnichts, sondern es wird beim reinkommen schon nur die Rückseite angezeigt, die card flip wird aber nicht aufgerufen.
Ich habe die Form mal angehängt (ohne Projekt wegen Android einstellungen etc.), die kann man ja einfach in ein leeres Projekt nehmen.

Sollte es unter Android nicht genauso gehen ?

Edit: Ausserdem... ich habe ja in dem Image1 zwei Bitmaps drin. Wie kann ich definieren, welches angezeigt wird ? Ohne eines zu zerstören. Weise ich IMage1.Bitmap eins zu aus der MultResBitmap liste, dann wird das erste überschrieben

[Rollo62]

Eigentlich sollte es gleich sein, das stimmt.
Aber oft verhält es sich dann doch Anders als gedacht.

Ich habe mal ein bischen damit rumgespielt, und dein Projekt leider etwas verunstaltet.
So geht es aber bei mir.

1. Du hattest TImage als Container für die Bilder und als Anzeige benutzt.
   Ich habe jetzt das TImage nur als Container für die Bilder benutzt.
2. Das ViewPort3D war on-the-fly erzeugt, ich habe hier das einmalig auf die Form gelegt und benutzt
3. Die Objekte für das ViewPort3D erzeuge ich jetzt auch nur einmalig
4. Nach dem Flip hattest Du das TImage überschrieben, was natürlich etwas überschrieben hat.
   (Deshalb TImage jetzt nur als Container, und ViewPort nur als Anzeige)
5. Natürlich sollte man das on-the-fly machen können, aber ich habe ja nach der Ursache gesucht, und deshalb umgebaut.
6. Das Rectangle im Vieport3D war nicht zentriert, wurde deshalb womöglich nicht angezeigt.
   Habe Folgendes eingebaut:
   R.Position.X := VP.Width / 2; //ADD:
   R.Position.Y := VP.Height / 2; //ADD:
7. Ursächlich für die fehlende Animation war wohl das R.AnimateFloatWait(, die habe ich durch R.AnimateFloat( ersetzt.
   In FMX sollte möglichst Alles nebenläufig sein, deshalb hat das nicht funktioniert.
8. Die Elemente habe ich mit Align und TLayout reingesetzt, damit immer der optimale Screenbereich angezeigt wird.
   Bei Position mit X/Y kann es durch Scaling und andere Effekte in die Hose gehen, ich nutze immer nur Align.Client, Top, Bottom, etc.
9. Ich habe dir noch den Flip vor und zurück reingebaut, zum Test.

Sonst habe ich nicht weiter reingeschaut, ich denke das sollte man vielleicht noch etwas umbauen, um es wieder on-the-fly zu bekommen.
Habe aber ekeine Zeit mehr dafür.

(*) Änderungen mit //OFF: oder //ADD: markiert (ich hoffe Alle)

[MyRealName]

Das funktioniert, vielen Dank. Ich analysiere morgen mal meine Fehler in Ruhe.

Die Idee war ja urspünglich, dass man das Bild (ist ja später dann keine Spielkarte, sondern eventuell ein Panel mit Controls) an der Stelle hat, es wird ein Screenshot von diesem genommen und vom neuen (auf der Rückseite dann), der Viewport über dem originalem Panel erzeugt schon mit dem screenshot über dem Panel. Das soll den Eindruck geben, als würden die Controls selbst noch da sein. Dann dreht sich das zu den neuen und ich wechsel unter dem Viewport das Panel und nehme den Viewport dann weg... taattaaaaa ... :)

[Rollo62]

Genau so ein Beispiel ist schon lange in den Demos von Delphi.
Weiss nicht mehr genau wie es heisst, aber es zeigt die verschiedenen Controls.
Ich glaube Mobile Samples/User Interface/ControlsDesktop.

Das macht so ein Flip des ganzen User-Intefaces, und es bleibt sogar dabei bedienbar.

[MyRealName]

Das dürfte aber auch nicht gehen in Android, nutzt ja auch AnimateFloatWait

[himitsu]

Falls jemand mit einer 2D-Engine arbeitet, bzw. die Karte auf beiden Seiten das "gleiche" Bild hat (weil man ja eh immer nur eine Seite sieht),
dann bissl aufpassen und mal drüber nachgenken was ihr wann macht. :zwinker:

Ich kenn Spiele, da wird eine Karte umgedreht, und gleich zu Beginn das Bild getausch.
Die Karte wechselt also augeblicklich den Inhalt und dann kommt die schwachsinnige Animation, wo einfach nur die Breite von X auf 0 und zurück bewegt wird. :lol:

[venice2]

Zitat:

Ich kenn Spiele, da wird eine Karte umgedreht, und gleich zu Beginn das Bild getausch.

Wie meins zum Beispiel

[blawen]

Zitat:

Zitat von venice2 (Beitrag 1474309)

Zitat:

Ich kenn Spiele, da wird eine Karte umgedreht, und gleich zu Beginn das Bild getausch.

Wie meins zum Beispiel

Der Link funktioniert nicht

Zitat:

The share you are looking for does not exist.

[himitsu]

War nur ein Memory (finde zwei gleiche) mit unnötig viel Kartensets, die sich unintuitiv und unnötig langsam wehseln lassen,
und das Umdrehen ist wirlich etwas "anders".
Beim Anklicken war das Bild "plopp" direkt sichtbar und wenn die zweite Karte/Bild nicht passt, dann dreht sich das Ding, allerdigs wie ein Uhrzeiger, um die eigene Achse flach aufliegend, um dich zu nerven und mit Zeitverlust zu bestrafen.

Und nach der Runde wirst'e mit Werbung zugespammt. (es gibt alles nochmal als Onlinegame und ob du nicht auch noch was Anderes spielen willt)

[venice2]

Zitat:

finde zwei gleiche

Zeig sie mir. Aber bitte die gleichen!

Zitat:

Und nach der Runde wirst'e mit Werbung zugespammt.

Es ist keine Werbung sondern ein link wo ich die Sets herbekommen habe.
Man sollte schon den Ursprung (Copyright) der einzelnen Sets nennen. Gerade dir sollte klar sein das man nicht einfach irgendetwas kopieren darf ohne Genehmigung des Urhebers.
Das hat nichts mit Werbung zu tun. Sondern ein Hommage an den Designer.

Zitat:

mit unnötig viel Kartensets

Meine Enkelin freut sich darüber das sie viel Auswahlmöglichkeiten hat.
Und Sie kann damit mit ihren 6 Jahren umgehen du scheinbar nicht. Bzg. unintuitiv

Zitat:

War nur ein Memory

Deine Abfälligkeit hinsichtlich meiner Arbeit kann mir aber egal sein.
Du bist der Profi und nur deine Kreationen sind erträglich das wissen wir.