Prompt

Crea una pantalla con 20 círculos suaves flotando y rebotando contra los bordes. Hazlo en un único archivo HTML que se abra en el navegador, sin necesidad de instalar nada y sin ningún otro archivo. Incluye el CSS y el JavaScript dentro del mismo archivo. No uses archivos de imagen ni ninguna dirección externa; usa emojis o letras si necesitas algún símbolo.

Cada uno tiene su propio tamaño, velocidad y dirección. Rebotan contra los bordes y entre sí, frenándose ligeramente con cada rebote y recuperando velocidad después.

Los colores van cambiando lentamente con el tiempo para que la pantalla nunca se vea igual dos veces.

Al hacer clic, se añade uno en el punto donde hice clic. Un control deslizante permite cambiar cuántos hay.

Asegúrate de que funcione con fluidez en un teléfono. Si sesenta son demasiados para que funcione bien, dibuja menos en lugar de perder fotogramas.

Cuando termines, imagínalo funcionando en tu cabeza durante unos minutos y comprueba que nada se escape de la pantalla ni se acumule en una esquina.