Ocean Mascot · Prototipo v0.1

Web Component en Vanilla JS + SVG. Sin dependencias, sin build: <ocean-mascot> con estados, modo automático, acentos animados y soporte de prefers-reduced-motion.

vanilla · svg · css

idle Flotando tranquilo, esperando instrucciones. mascot.setState('idle')

Estados

Teclas 1–8 para cambiar estado · A modo automático · Esc detener.

Automatización

Apariencia

Los colores se inyectan como custom properties en :root y el componente los hereda.

Eventos · mascot-state-change

Sin eventos todavía…