Crie uma imagem dinâmica com elementos interativos.

Visão Geral do Projeto
- Exiba a frase "press Enter" inicialmente na tela.
- Ao pressionar a tecla Enter, gere uma imagem dinâmica iniciando com um ponto no centro da tela que começa a aumentar.
- Cada vez que um ponto aumenta, um novo ponto aparece no centro.

Design e Fluxo UI/UX
- Utilize um padrão cíclico de cores para os pontos: vermelho, laranja, amarelo, verde, azul claro, azul e violeta.
- Assegure que as cores mudem de forma suave e cíclica conforme cada novo ponto aparece e aumenta.

Funcionalidade e Lógica Principal
- Detecte o pressionamento da tecla Enter para acionar o surgimento e aumento do ponto.
- Implemente o aumento contínuo e o surgimento de novos pontos no centro, seguindo o padrão cíclico de cores.
- Cada ponto deve exibir o mesmo comportamento de aumento ao aparecer.

Melhores Práticas
- Garanta transições e animações suaves para um efeito visual agradável.
- Mantenha a eficiência de desempenho para lidar com animações contínuas sem atrasos.
- Implemente um modelo de interação simples e intuitivo focado na tecla 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.