Prompt

Crea un caleidoscopio con 6 espejos en arcoíris cambiante. 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 de él. No uses archivos de imagen ni ninguna dirección externa; usa emojis o letras si necesitas algún símbolo.

Cualquier cosa que dibuje con el ratón debe reflejarse alrededor del centro para que aparezca en todos los segmentos al mismo tiempo. Al mover el ratón se dibuja; el patrón se va formando sobre la marcha.

Haz que los trazos más antiguos se desvanezcan poco a poco para que la imagen siga respirando en lugar de quedar completamente saturada.

Añade un botón para borrar y otro para pausar. Haz que también funcione con el dedo en un teléfono móvil.

Mantén la fluidez. Si se ralentiza, dibuja menos trazos en lugar de hacerlos más pequeños: un caleidoscopio que da tirones es peor que uno simple.

Cuando termines, mantén el ratón quieto y comprueba que la pantalla se estabilice en lugar de acumular trazos en un solo punto.