[{"data":1,"prerenderedAt":122},["ShallowReactive",2],{"project-es-metro5p":3},{"id":4,"title":5,"author":6,"body":7,"company":100,"date":101,"description":102,"extension":103,"highlight":104,"meta":105,"navigation":106,"path":107,"priority":108,"role":109,"section":110,"seo":111,"sitemap":112,"stem":113,"tags":114,"thumbnail":37,"year":120,"__hash__":121},"work\u002Fwork\u002Fes\u002Fmetro5p.md","metro5p","Salguento",{"type":8,"value":9,"toc":92},"minimark",[10,15,19,23,31,41,48,57,61,68,76,80,83],[11,12,14],"h2",{"id":13},"proyecto","Proyecto",[16,17,18],"p",{},"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.",[11,20,22],{"id":21},"reinterpretaciones","Reinterpretaciones",[16,24,25,26,30],{},"L2-BVM parte de ",[27,28,29],"em",{},"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.",[16,32,33,38],{},[34,35],"img",{"alt":36,"src":37},"Composición del experimento L2-BVM.","\u002Fimg\u002Fwork\u002Fmetro5p\u002Fcover-metro5p.png",[27,39,40],{},"Variación generada a partir de una cuadrícula triangular.",[16,42,43,44,47],{},"L2-BVP interpreta ",[27,45,46],{},"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.",[16,49,50,54],{},[34,51],{"alt":52,"src":53},"Composición del experimento L2-BVP.","\u002Fimg\u002Fwork\u002Fmetro5p\u002Fl2-bvp.png",[27,55,56],{},"Variación construida con celdas y polígonos irregulares.",[11,58,60],{"id":59},"arquitectura-técnica","Arquitectura técnica",[16,62,63,64,67],{},"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 ",[27,65,66],{},"instance mode",". Los formularios convierten los colores seleccionados a RGB, eliminan el canvas anterior e inician un nuevo renderizado con los parámetros proporcionados.",[16,69,70,71,75],{},"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 ",[72,73,74],"code",{},"fetch",". Por ello, la ejecución local requiere un servidor HTTP; abrir los archivos directamente no garantiza la carga de estos componentes.",[11,77,79],{"id":78},"alcance","Alcance",[16,81,82],{},"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.",[16,84,85],{},[86,87,91],"a",{":rel":88,":target":89,"href":90},"noreferrer","_blank","https:\u002F\u002Fgithub.com\u002Fsalguento\u002Fmetro5p","GitHub",{"title":93,"searchDepth":94,"depth":94,"links":95},"",2,[96,97,98,99],{"id":13,"depth":94,"text":14},{"id":21,"depth":94,"text":22},{"id":59,"depth":94,"text":60},{"id":78,"depth":94,"text":79},"Propio","2025-07","Reinterpretaciones generativas de obras del Metro de São Paulo con p5.js","md",false,{},true,"\u002Fwork\u002Fes\u002Fmetro5p","4","Desarrollador Creativo","lab",{"title":5,"description":102},{"loc":107},"work\u002Fes\u002Fmetro5p",[115,116,117,118,119],"JavaScript","p5.js","Canvas","Arte Generativo","HTML\u002FCSS",2025,"MlGJHOcp5CHREJo1jVTjYcT41X_mJnJYf7cy7CQzQGQ",1785351609905]