أنشئ تطبيقاً تفاعلياً حيث يتم عرض عبارة 'press Enter' في البداية. عند الضغط على مفتاح Enter، يظهر في وسط الشاشة صورة ديناميكية تحتوي على نقطة. طبق الوظيفة بحيث تتضخم النقطة تدريجياً بمقدار 5 بكسل في كل خطوة، ومع تضخمها تظهر نقطة جديدة في المركز. يجب أن يستمر هذا الإجراء إلى ما لا نهاية.

نظرة عامة على المشروع
- ابدأ بعرض عبارة 'press Enter'.
- استجب لمفتاح Enter لإنشاء تأثير بصري لنقاط على الشاشة.

تصميم واجهة المستخدم وتدفقها
- واجهة نظيفة وبسيطة مع تركيز على التفاعل.
- عرض عبارة 'press Enter' في وسط الشاشة.
- بعد التفاعل، التركيز على التأثير البصري للنقطة المتضخمة وظهور نقاط جديدة.

الوظائف الأساسية والمنطق
- تنفيذ مستمع حدث للمفاتيح لاستقبال مفتاح Enter.
- إنشاء نقطة بنصف قطر 10 بكسل في مركز الشاشة عند تفعيل حدث Enter.
- برمجة النقطة لتتضخم بمقدار 5 بكسل في كل تكرار.
- ضمان ظهور نقطة جديدة في المركز مع تضخم النقطة الحالية.
- تكرار هذه العملية إلى ما لا نهاية لتجربة بصرية مستمرة.

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

show the phrase "press Enter". If press Enter, create dynamic picture with a dot in the center of the screen, it enlarges, dot +n1, when it enlarges n+1, a new dot in the center appears, continue always

Q: What size should the initial dot be?
A: Example: 10px radius

Q: How much should the dot enlarge with each step?
A: Example: grow by 5px