قم بإنشاء تطبيق تفاعلي يولد صورة ديناميكية بالوظائف والتنسيق التالي:

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

تصميم وتدفق واجهة المستخدم/التجربة
- الحالة الأولية هي شاشة فارغة أو بخلفية افتراضية.
- عند الضغط على مفتاح Enter يبدأ التحريك: تكبر النقطة وتظهر نقطة جديدة.
- تأكد من انتقال ألوان سلسة وتحريك جذاب بصرياً.
- يمكن للمستخدم الضغط على Enter باستمرار لمشاهدة النقاط تتحرك وتتغير ألوانها.

الوظائف الأساسية والمنطق
- نفذ مستمع حدث لمفتاح 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 should happen when the new dot appears?
A: Should it also enlarge or have a different effect? yes

Q: How should the dots be styled?
A: Do you want them to be specific colors or just a uniform style? the colors go from red to orange, from orange to yellow, from yellow to green, from green to light blue, from light blue to blue, from blue to violetto