Crie um aplicativo interativo que gere uma imagem dinâmica com a seguinte funcionalidade e estilo:

Visão geral do projeto
- O aplicativo deve exibir um ponto no centro da tela ao pressionar Enter.
- Cada vez que Enter for pressionado, o ponto atual deve aumentar de tamanho e um novo ponto deve aparecer no centro, continuando infinitamente.
- Os pontos devem mudar de cor ciclicamente na seguinte ordem: vermelho, laranja, amarelo, verde, azul claro, azul e violeta.

Design e fluxo UI/UX
- O estado inicial é uma tela em branco ou com um fundo padrão.
- Ao pressionar a tecla Enter, a animação é iniciada: o ponto cresce e um novo ponto aparece.
- Garanta transições de cores suaves e animações para um visual atraente.
- O usuário pode continuar pressionando Enter para ver os pontos animarem e mudarem de cor.

Funcionalidade e lógica principal
- Implemente um ouvinte de eventos para a tecla Enter que acione a animação e criação do ponto.
- Desenvolva uma lógica para lidar com o aumento do ponto e o aparecimento de novos pontos.
- Crie um algoritmo de ciclo de cores que mude as cores dos pontos na ordem especificada a cada novo ponto que aparece.

Melhores práticas
- Garanta um gerenciamento eficiente das animações e dos recursos para um desempenho suave.
- Utilize estruturas de código intuitivas e limpas para facilitar a manutenção.
- Forneça comentários detalhados e documentação para ajudar em futuras melhorias e na compreensão do código.

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