Kaleidoscope

Un caleidoscopio en canvas 2D: dibuja un patrón fuente animado (blobs con gradientes radiales que se mueven con senos, en modo aditivo) dentro de una cuña angular y lo espeja/repite radialmente en N segmentos (rotación + reflexión en las cuñas impares) para lograr simetría exacta de caleidoscopio, girando lentamente en bucle continuo. El puntero rota y desplaza el patrón fuente. rAF + DPR, limpieza al desmontar. Respeta prefers-reduced-motion mostrando un fotograma simétrico estático. Solo React + Canvas 2D, sin dependencias.

Categoría: webgl-shaders. Disponible con el acceso lifetime de Ui Ux Library.

Ver más componentes