터치 시 맥동하는 빨간 버튼이 있는 간단한 인터랙티브 애플리케이션을 만드세요.

프로젝트 개요

화면 중앙에 빨간 버튼을 배치하세요. 이 버튼은 사용자가 화면을 터치하면 맥동하며, 최소 100px에서 최대 150px 사이의 크기로 변화합니다.

UI/UX 디자인 및 흐름

- 빨간 버튼을 화면의 정확한 중앙에 위치시키세요.
- 버튼의 초기 정지 크기는 100px이어야 합니다.
- 빨간 버튼을 중심으로 깔끔하고 미니멀한 인터페이스를 유지하세요.

핵심 기능 및 로직

- 터치 상호작용을 구현하세요: 사용자가 화면을 터치하면 버튼이 맥동하기 시작합니다.
- 버튼은 1초마다 1px씩 크게 되어 150px에 도달해야 합니다.
- 150px에 도달하면 버튼은 1초마다 1px씩 작아져 100px로 돌아와야 합니다.
- 크기 변화는 부드럽게 진행되며, 사용자가 화면과 상호작용하는 한 계속 반복되어야 합니다.

베스트 프랙티스

- 크기 변화 시 부드러운 전환과 애니메이션을 적용해 사용자 경험을 향상시키세요.
- 앱 성능을 최적화하여 사용자의 터치에 신속히 반응하도록 하세요.
- 크기 변경 중에도 버튼이 항상 중앙에 위치하도록 보장하세요.

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