أنشئ تطبيقاً تفاعلياً بسيطاً يتميز بزر أحمر ينبض.

نظرة عامة على المشروع

قم بتنفيذ زر أحمر يتموضع في مركز الشاشة بالضبط. هذا الزر ينبض عند لمس المستخدم للشاشة، متأرجحاً بين حجم أدنى قدره 100 بكسل وأقصى قدره 150 بكسل.

تصميم واجهة المستخدم وتدفق التفاعل

- ضع الزر الأحمر في مركز العرض تماماً.
- تأكد من أن الحجم الابتدائي للزر في حالته الثابتة هو 100 بكسل.
- حافظ على واجهة أنيقة وبسيطة، مع اعتبار الزر الأحمر العنصر الأساسي.

الوظائف الأساسية والمنطق

- نفّذ تفاعل اللمس: عند لمس الشاشة، يبدأ الزر بالنبض.
- يجب أن يزيد حجم الزر بمقدار 1 بكسل كل ثانية حتى يصل إلى 150 بكسل.
- بمجرد أن يصل إلى 150 بكسل، يجب أن ينقص حجمه بمقدار 1 بكسل في الثانية حتى يعود إلى 100 بكسل.
- يجب أن يكون تغيير الحجم سلساً، مع تكرار مستمر طالما أن المستخدم يتفاعل مع الشاشة.

أفضل الممارسات

- تأكد من استخدام انتقالات وحركات سلسة لتحسين تجربة المستخدم.
- حسّن أداء التطبيق ليكون سريع الاستجابة لتفاعل المستخدم.
- احرص على بقاء الزر في مركز الشاشة أثناء كل تغييرات الحجم.

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