قم بإنشاء صورة ديناميكية تحتوي على عناصر تفاعلية.

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

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

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

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

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, The dots should change colors cyclically from red to orange, yellow, green, light blue, blue, and violet, 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  



Q: What should happen when the new dot appears?
A: The new dot should also enlarge, similar to the previous one.

Q: How should the dots be styled?
A: The dots should change colors cyclically from red to violet.