Botón Rojo Pulsante

resumen

Aplicación con un botón rojo central que pulsa al ser tocado.

indicador

Crea una aplicación con un botón rojo colocado en el centro de la pantalla. Al tocarlo, inicia una animación pulsante donde el botón aumenta a n+10 y luego se reduce a n-10 de su tamaño original, manteniendo un ciclo continuo.

Visión General del Proyecto
Desarrolla una interfaz con un único botón rojo en el centro, que pulsa al interactuar.

Diseño UI/UX y Flujo
- Diseño: Pantalla completa con botón centrado.
- Botón: Tamaño inicial de 100px x 50px, ubicado centralmente.
- Interacción: Al tocar, se activa la animación pulsante.

Funcionalidad y Lógica
- Implementa una animación en bucle que aumenta el tamaño del botón en 10 unidades y luego lo reduce en 10 unidades cada segundo.
- Asegura que el botón permanezca rojo durante la animación y vuelva a su tamaño original al no estar activado.

Mejores Prácticas
- Optimiza el rendimiento para mantener animaciones fluidas.
- Garantiza interactividad del botón en cualquier tamaño durante la pulsación.
- Prueba la aplicación en diferentes tamaños y orientaciones de pantalla.

indicador original

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

resumen de costo de generación

nombre del modelo: o3-mini-high

tiempo de respuesta: 92.31 sec.

tokens de resultado: 10,285

costo: $0.04589200