Erstelle eine Anwendung mit einem roten Knopf in der Mitte des Bildschirms. Bei Berührung soll eine pulsierende Animation gestartet werden, bei der der Knopf auf n+10 vergrößert und dann auf n-10 seiner ursprünglichen Größe verkleinert wird, alles in einer Endlosschleife.

Projektübersicht
Entwickle eine Benutzeroberfläche mit einem einzigen roten Knopf in der Mitte des Bildschirms, der bei Interaktion pulsiert.

UI/UX Design und Ablauf
- Layout: Vollbild mit einem zentral ausgerichteten Knopf.
- Knopf: Anfangsgröße von 100px x 50px, zentriert positioniert.
- Interaktion: Bei Berührung wird die pulsierende Animation ausgelöst.

Kernfunktionalität
- Implementiere eine Schleifenanimation, die die Größe des Knopfs jede Sekunde um 10 Einheiten vergrößert und dann um 10 Einheiten verkleinert.
- Stelle sicher, dass der Knopf während der Animation rot bleibt und bei Nichtaktivierung seine ursprüngliche Größe wieder annimmt.

Beste Praktiken
- Optimiere die Leistung, um flüssige Animationen zu gewährleisten.
- Sorge dafür, dass der Knopf in jeder Größe interaktiv bleibt.
- Teste das Verhalten auf unterschiedlichen Bildschirmgrößen und -orientierungen.

create a red button in the center of the screen.
when the user touches the screen, it start to pulsate. n+10 to its original size,
each second, when it goes t n+10, it stars to go n-10, when it goes n-10,
it starts enlarging again. place it in an forever loop. 

Q: What should be the original size of the button?
A: For example, 100px x 50px

Q: Should there be any color change during the pulsating effect?
A: No, just pulsate