タッチすると脈打つ赤いボタンを特徴とする、シンプルなインタラクティブアプリを作成してください。

プロジェクト概要

画面の中央に赤いボタンを配置してください。このボタンはユーザーが画面に触れると脈打ち、最小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