Crea un'applicazione interattiva semplice con un pulsante rosso che pulsa.

Panoramica del progetto

Implementa un pulsante rosso posizionato al centro dello schermo. Il pulsante pulsa quando l'utente tocca lo schermo, oscillando tra una dimensione minima di 100px e una massima di 150px.

Design UI/UX e flusso

- Posiziona il pulsante rosso esattamente al centro dello schermo.
- Assicurati che la dimensione a riposo del pulsante sia di 100px.
- Mantieni un'interfaccia grafica minimalista e attraente, con il pulsante rosso come elemento principale.

Funzionalità e logica principale

- Implementa l'interazione touch: al tocco lo schermo, il pulsante inizia a pulsare.
- Il pulsante deve aumentare di 1px ogni secondo fino a raggiungere 150px.
- Una volta raggiunti i 150px, il pulsante deve diminuire di 1px al secondo, tornare a 100px.
- Il cambiamento di dimensione deve essere fluido e ripetersi in un ciclo continuo finché l'utente interagisce con lo schermo.

Migliori pratiche

- Garantire transizioni e animazioni fluide per migliorare l'esperienza utente.
- Ottimizzare le prestazioni per assicurare reattività nelle interazioni.
- Assicurarsi che il pulsante resti sempre centrato, anche durante le variazioni di dimensione.

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