Пульсирующая кнопка

краткое описание

Приложение с центральной красной кнопкой, пульсирующей при касании.

промпт

Создайте приложение с красной кнопкой, расположенной по центру экрана. При касании пользователем запустите пульсирующую анимацию, при которой кнопка увеличивается до n+10 и затем уменьшается до n-10 от своего исходного размера, поддерживая непрерывный цикл.

Обзор проекта
Разработайте интерфейс с единственной красной кнопкой в центре экрана, которая пульсирует при взаимодействии.

Дизайн UI/UX и поток
- Макет: Полноэкранный с центральной кнопкой.
- Кнопка: Начальный размер 100px x 50px, размещенная в центре.
- Взаимодействие: При касании запускается пульсирующая анимация.

Основная функциональность
- Реализуйте цикличную анимацию, которая увеличивает размер кнопки на 10 единиц, а затем уменьшает его на 10 единиц каждую секунду.
- Обеспечьте, чтобы кнопка оставалась красной на протяжении всей анимации и возвращалась к исходному размеру при отсутствии воздействия.

Лучшие практики
- Оптимизируйте производительность для плавной анимации.
- Убедитесь, что кнопка остаётся интерактивной при любом размере во время пульсации.
- Проверьте поведение на разных экранах и в различных ориентациях.

оригинальный промпт

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

стоимость генерации

название модели: o3-mini-high

время ответа: 92.31 sec.

токены результата: 10,285

стоимость: $0.04589200