Erstelle eine einfache interaktive Anwendung mit einem pulsierenden roten Knopf.

Projektübersicht

Implementiere einen roten Knopf, der zentriert auf dem Bildschirm platziert wird. Dieser Knopf pulsiert, wenn der Benutzer den Bildschirm berührt, und oszilliert zwischen einer minimalen Größe von 100px und einer maximalen Größe von 150px.

UI/UX-Design und Ablauf

- Positioniere den roten Knopf exakt in der Mitte des Bildschirms.
- Stelle sicher, dass die Ausgangsgröße des Knopfes im Ruhezustand 100px beträgt.
- Sorge für eine minimalistische und ansprechende Benutzeroberfläche, bei der der rote Knopf im Mittelpunkt steht.

Kernfunktionalität und Logik

- Implementiere die Touch-Interaktion: Beim Berühren des Bildschirms beginnt der Knopf zu pulsieren.
- Der Knopf soll jede Sekunde um 1px wachsen, bis er 150px erreicht.
- Sobald 150px erreicht sind, soll er jede Sekunde um 1px schrumpfen, bis er wieder 100px misst.
- Die Größenänderung muss fließend erfolgen und in einer kontinuierlichen Schleife ablaufen, solange der Benutzer den Bildschirm berührt.

Best Practices

- Sorge für fließende Übergänge und Animationen, um die Benutzererfahrung zu verbessern.
- Optimiere die Performance, damit die App reaktionsschnell bleibt.
- Stelle sicher, dass der Knopf stets zentriert bleibt, selbst während der Größenänderungen.

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

Q: What are the initial and maximum sizes of the button?
A: Start at 100px, maximum 150px

Q: Should any specific action occur when the button is touched, apart from pulsating?
A: No, just pulsate