metro5p
Reinterpretaciones generativas de obras del Metro de São Paulo con p5.js
2025
Proyecto
metro5p es un experimento de arte generativo que recrea mediante código obras presentes en estaciones del Metro de São Paulo. La aplicación reúne dos reinterpretaciones interactivas y permite cambiar dimensiones y paletas antes de generar una nueva composición en el navegador.
Reinterpretaciones
L2-BVM parte de Des-Aceleração (1991), de Fernando Lemos, presente en la estación Brigadeiro. El algoritmo divide el canvas en una cuadrícula regular, separa cada celda en dos triángulos y combina colores aleatorios con degradados direccionales. La orientación variable de las diagonales y las reglas que evitan determinadas combinaciones mantienen el ritmo visual de la referencia sin repetir una imagen fija.
Variación generada a partir de una cuadrícula triangular.
L2-BVP interpreta Cores e Formas (1991), de Cícero Dias. Una cuadrícula de columnas con anchos ponderados se subdivide en celdas de alturas variables. Cada área recibe un triángulo o cuadrilátero irregular, mientras que las formas de los bordes superior e inferior ayudan a estructurar la composición.
Variación construida con celdas y polígonos irregulares.
Arquitectura técnica
El proyecto es una aplicación multipágina estática desarrollada con HTML, CSS y JavaScript, sin framework ni etapa de compilación. Cada página carga p5.js 1.4.1 desde un CDN y ejecuta su sketch en instance mode. Los formularios convierten los colores seleccionados a RGB, eliminan el canvas anterior e inician un nuevo renderizado con los parámetros proporcionados.
La página principal funciona como catálogo, mientras que la barra de navegación y el pie son fragmentos HTML compartidos que se cargan con fetch. Por ello, la ejecución local requiere un servidor HTTP; abrir los archivos directamente no garantiza la carga de estos componentes.
Alcance
La generación ocurre íntegramente en el navegador, sin backend ni persistencia. El proyecto prioriza la exploración visual y la variación procedural: una misma paleta puede producir composiciones distintas en cada ejecución. La versión actual no incluye pruebas automatizadas ni exportación directa del canvas.