PLAYGROUND.
Un laboratorio de interfaces que reaccionan, generan y se transforman. No son maquetas: mueve los controles, modifica las reglas y llévate el resultado.
↓ DESPLÁZATE PARA EXPLORARTIPOGRAFÍA CINÉTICA
Las letras responden al cursor y a variables de ritmo y amplitud. Un pequeño sistema tipográfico físico.
DOM transforms · spring dynamics · requestAnimationFrame · pointer input
CAMPO DE FUERZAS
Partículas conectadas a un campo vectorial. Mueve el puntero por la escena y altera su turbulencia.
High-DPI canvas · vector mathematics · pointer attraction · animation loop
PÓSTER GENERATIVO
Un pequeño motor de composición: combina tipografía, geometría y color y exporta un SVG editable.
SVG DOM · seeded geometry · state-driven rendering · file export
MOTION SYSTEM
Diseña el ritmo de una secuencia visual. Reproduce y recorre la animación con una línea de tiempo.
WAAPI · independent keyframes · easing curves · time scrubbing
El código también puede tener una voz visual.
Las animaciones se reducen según la preferencia de tu sistema.
Explorar proyectos ↗