다음 기능을 갖춘 인터랙티브 동적 이미지를 만드세요:

프로젝트 개요:
- 초기에 'press Enter'라는 문구를 표시합니다.
- 사용자는 Enter 키를 눌러 화면과 상호작용할 수 있습니다.
- 각 상호작용 시, 화면에 점들이 나타나며 점점 커지는 시각 효과가 발생합니다.

UI/UX 디자인 및 흐름:
- 화면에 'press Enter'라는 문구로 시작합니다.
- Enter 키를 누르면 중앙에 색깔이 있는 점이 나타납니다.
- 점이 커지면서 빨강, 주황, 노랑, 초록, 연파랑, 파랑, 보라 순으로 색상이 변화합니다.
- Enter 키를 누를 때마다 현재 점은 커지고, 중앙에 새로운 점이 나타납니다.
- 모든 점들은 같은 색상 전환 및 확대 과정을 따릅니다.

핵심 기능 및 로직:
- Enter 키 입력을 감지하여 시각 효과를 발생시킵니다.
- 점의 색상이 빨강 -> 주황 -> 노랑 -> 초록 -> 연파랑 -> 파랑 -> 보라 순으로 변경되도록 구현합니다.
- 각 점이 작게 시작하여 점진적으로 커지도록 합니다.
- Enter 키를 누를 때마다 이 과정이 무한히 반복됩니다.

모범 사례:
- 확대와 색상 전환 시 부드러운 전환과 애니메이션을 구현합니다.
- 반복되는 키 입력을 원활하게 처리합니다.
- 화면상의 많은 점을 지원할 수 있도록 성능을 최적화합니다.

show the phrase "press Enter" If press Enter, create a 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, - Each time Enter is pressed, the current dot should enlarge and a new dot should appear at the center, continuing infinitely. 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: Yes, the new dot should also enlarge.

Q: How should the dots be styled?
A: The colors will change in a sequence from red to violet.