创建一个具有交互元素的动态图片。

项目概述
- 初始屏幕显示“press Enter”。
- 按下Enter键后，从屏幕中心的一个点开始生成一个逐渐变大的动态图片。
- 每当一个点变大时，中心都会出现一个新点。

UI/UX设计与流程
- 使用红、橙、黄、绿、淡蓝、蓝和紫的循环颜色模式为点上色。
- 确保每个新点出现和变大时颜色均平滑而循环地改变。

核心功能与逻辑
- 检测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.