{"id":756,"date":"2023-05-09T10:59:54","date_gmt":"2023-05-09T08:59:54","guid":{"rendered":"http:\/\/installacions-audiovisuals.recursos.uoc.edu\/?page_id=756"},"modified":"2023-07-12T11:01:03","modified_gmt":"2023-07-12T09:01:03","slug":"2-6-graficos-procedimentales-data-viz-y-creative-coding","status":"publish","type":"page","link":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/2-6-graficos-procedimentales-data-viz-y-creative-coding\/","title":{"rendered":"2.6. Gr\u00e1ficos <em>procedurales<\/em>. <em>Data viz<\/em> y <em>creative coding<\/em>"},"content":{"rendered":"<p>Una de las t\u00e9cnicas m\u00e1s extendidas en el arte digital contempor\u00e1neo es el <strong>grafismo generativo<\/strong>, entendido como un conjunto de t\u00e9cnicas computacionales para generar im\u00e1genes o formas a partir de reglas o patrones establecidos por el artista. Esto permite a los creadores realizar gr\u00e1ficos complejos y visuales con unos grandes niveles de precisi\u00f3n y control.<\/p>\n<p>Aunque podemos trazar antecedentes hist\u00f3ricos de arte <em>procedural<\/em> no basado en la computaci\u00f3n (<strong>Sol Lewitt<\/strong>, John Cage, Fluxus\u2026), el grafismo <em>procedural<\/em> de hoy en d\u00eda ser\u00eda impensable sin un conjunto de t\u00e9cnicas basadas en la codificaci\u00f3n de <em>software<\/em>. A este conjunto de t\u00e9cnicas se le ha acabado llamado <strong><em>creative coding<\/em><\/strong>, haciendo referencia a los usos art\u00edsticos del c\u00f3digo.<\/p>\n<p><iframe loading=\"lazy\" title=\"Sol LeWitt - 2 minutos de arte\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/or-XEv49SWs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 21. Sol Lewitt. \u00ab2 minutos de arte\u00bb<br \/>\nFuente: <a href=\"https:\/\/www.youtube.com\/watch?v=or-XEv49SWs&amp;ab_channel=LS%2FGaler%C3%ADa\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=or-XEv49SWs&amp;ab_channel=LS%2FGaler%C3%ADa<\/a><\/p>\n<\/div>\n<p><iframe loading=\"lazy\" title=\"Documental sobre la exposici\u00f3n Sol LeWitt. 17 Wall Drawings. 1970-2015 | Fundaci\u00f3n Bot\u00edn\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/hn_1RSmiC70?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 22. Documental sobre la exposici\u00f3n Sol LeWitt, <em>17 Wall Drawings. 1970-201<\/em>5 (Fundaci\u00f3n Bot\u00edn)<br \/>\nFuente: <a href=\"https:\/\/www.youtube.com\/watch?v=hn_1RSmiC70&amp;ab_channel=Fundaci%C3%B3nBot%C3%ADn\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=hn_1RSmiC70<\/a><\/p>\n<\/div>\n<p>Uno <strong>de los lenguajes de programaci\u00f3n<\/strong> m\u00e1s utilizados para crear gr\u00e1ficos <em>procedurales<\/em>\u00a0es <a href=\"https:\/\/processing.org\/\" target=\"_blank\" rel=\"noopener\"><strong>Processing<\/strong><\/a>, un lenguaje basado en Java que est\u00e1 dise\u00f1ado espec\u00edficamente para la <strong>creaci\u00f3n de gr\u00e1ficos en tiempo real<\/strong>, y que fue desarrollado por Ben Fry y Casey Reas en el MIT MediaLab, bajo la supervisi\u00f3n de John Maeda. Otros lenguajes com\u00fanmente utilizados incluyen OpenFrameworks, Cinder, P5JS, Nannou\u2026 Todos estos lenguajes utilizan conceptos matem\u00e1ticos para crear gr\u00e1ficos complejos y animaciones.<\/p>\n<p>Dentro del \u00e1mbito del <em>creative coding<\/em>, un n\u00famero creciente de artistas expresan sus inquietudes y lenguajes gracias a estos conjuntos de t\u00e9cnicas.<\/p>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Vera Moln\u00e1r<\/h3>\n<p>Una artista visual h\u00fangara conocida por su trabajo en el arte conceptual y la animaci\u00f3n. Fue pionera en el uso de la computaci\u00f3n para la creaci\u00f3n de arte generativo por medio de <em>softwares<\/em> escritos por ella misma. Molnar es conocida por sus obras abstractas, y su trabajo se ha presentado en numerosas exposiciones a nivel internacional, influyendo en muchos otros artistas de las nuevas generaciones del arte digital.<\/p>\n<p>Para m\u00e1s informaci\u00f3n:<br \/>\n<a href=\"http:\/\/www.veramolnar.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.veramolnar.com\/<\/a><br \/>\n<a href=\"https:\/\/medium.com\/the-link-art-blocks\/ab-101-historical-figures-in-generative-art-vera-moln\u00e1r-b2c5f64fccd8\" target=\"_blank\" rel=\"noopener\">https:\/\/medium.com\/the-link-art-blocks\/ab-101-historical-figures-in-generative-art-vera-moln\u00e1r-b2c5f64fccd8<\/a><\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Elena Asins<\/h3>\n<p>Dentro de este grupo de pioneras del arte generativo, habr\u00eda que destacar a la artista madrile\u00f1a Elena Asins (1940-2015). Asins estableci\u00f3 relaci\u00f3n con el Centro de C\u00e1lculo de la Universidad de Madrid a ra\u00edz de un seminario dedicado a la generaci\u00f3n de formas pl\u00e1sticas por medio de ordenadores, el cual, junto con su paso por la Universidad de Stuttgart, donde se interes\u00f3 por los fundamentos de la semi\u00f3tica, le permiti\u00f3 tomar conciencia de las bases matem\u00e1ticas del arte, de la relevancia que tiene la idea como verdadero motor del arte y de las posibilidades que se abr\u00edan con el uso de otros medios diferentes a los tradicionales. Desde entonces, el uso de la tecnolog\u00eda, entendida como herramienta de trabajo y no como finalidad en s\u00ed misma, acompa\u00f1\u00f3 su trabajo art\u00edstico.<\/p>\n<p><iframe loading=\"lazy\" title=\"Aqui\u0301 no hay nada que comprender. Un documental sobre Elena Asins\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/SlD9t7TbB_Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 23. <em>Aqui\u0301 no hay nada que comprender. Un documental sobre Elena Asins<br \/>\n<\/em>Fuente: <a href=\"https:\/\/www.youtube.com\/watch?v=SlD9t7TbB_Q\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=SlD9t7TbB_Q<\/a><\/p>\n<\/div>\n<p>Para m\u00e1s informaci\u00f3n:<br \/>\n<a href=\"https:\/\/es.wikipedia.org\/wiki\/Elena_Asins\" target=\"_blank\" rel=\"noopener\">https:\/\/es.wikipedia.org\/wiki\/Elena_Asins<\/a><\/p>\n<p>\n<\/div>\n<p>Dentro de la hornada de artistas actuales, habr\u00eda que destacar:<\/p>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Zachary Lieberman<\/h3>\n<p>Artista, programador y profesor estadounidense, conocido por su trabajo en el campo del arte digital y la tecnolog\u00eda, imparte clases en la Universidad de Nueva York y ha trabajado con numerosos artistas y grupos de investigaci\u00f3n para desarrollar nuevas t\u00e9cnicas y herramientas de arte digital. Zach Lieberman es cofundador de la comunidad OpenFrameworks \u2013un <em>framework<\/em> de C++ orientado al arte y el dise\u00f1o\u2013 y ha sido reconocido con muchos premios y reconocimientos por su contribuci\u00f3n al campo del arte digital.<\/p>\n<p><iframe loading=\"lazy\" title=\"Domestika Creativos: Zach Lieberman\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/UkKReFa7IaQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 24. Domestika Creativos: Zach Lieberman<br \/>\nFuente: <a href=\"https:\/\/www.youtube.com\/watch?v=UkKReFa7IaQ&amp;ab_channel=Domestika\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=UkKReFa7IaQ&amp;ab_channel=Domestika<\/a><\/p>\n<\/div>\n<p>Para m\u00e1s informaci\u00f3n:<br \/>\n<a href=\"http:\/\/zach.li\/\" target=\"_blank\" rel=\"noopener\">http:\/\/zach.li\/<\/a><\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Memo Akten<\/h3>\n<p>Artista e investigador turco-brit\u00e1nico conocido por su trabajo en el campo del arte digital y la tecnolog\u00eda. Memo Akten es especialmente conocido por sus instalaciones de arte interactivas que utilizan t\u00e9cnicas de aprendizaje autom\u00e1tico y realidad aumentada para explorar cuestiones sociales y pol\u00edticas. Tambi\u00e9n ha trabajado en proyectos de videojuegos, m\u00fasica y otras formas de arte digital.<\/p>\n<p><iframe loading=\"lazy\" title=\"A selection of (camera friendly) work in 4 minutes with voice-over (as of 2020)\" src=\"https:\/\/player.vimeo.com\/video\/500024622?dnt=1&amp;app_id=122963\" width=\"640\" height=\"360\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 25. Memo Akten. <em>A selection of (camera friendly) work in 4 minutes with voice-over (as of 2020)<br \/>\n<\/em>Fuente: <a href=\"https:\/\/vimeo.com\/500024622\" target=\"_blank\" rel=\"noopener\">https:\/\/vimeo.com\/500024622<\/a><\/p>\n<\/div>\n<p>Para mas informaci\u00f3n:<br \/>\n<a href=\"https:\/\/www.memo.tv\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.memo.tv\/<\/a><\/p>\n<p>\n<\/div>\n<p>Una subdisciplina de especial relevancia dentro del <em>creative coding<\/em> es el <a href=\"https:\/\/datavizproject.com\" target=\"_blank\" rel=\"noopener\"><strong><em>data viz<\/em> <\/strong><\/a>o la<a href=\"https:\/\/en.wikipedia.org\/wiki\/Data_and_information_visualization\" target=\"_blank\" rel=\"noopener\"><strong> visualizaci\u00f3n de datos<\/strong><\/a>. La visualizaci\u00f3n de datos es una disciplina que se ha desarrollado en las \u00faltimas d\u00e9cadas con el objetivo de transformar datos num\u00e9ricos en informaci\u00f3n visual para facilitar su comprensi\u00f3n e interpretaci\u00f3n por parte de los humanos. Esto permite extraer informaci\u00f3n valiosa de los datos y mejorar la toma de decisiones en \u00e1mbitos como la ciencia, la tecnolog\u00eda y las finanzas.<\/p>\n<p>En el \u00e1mbito art\u00edstico, la visualizaci\u00f3n de datos tambi\u00e9n ha encontrado un lugar destacado, ya que permite crear obras de arte que combinan la est\u00e9tica con la informaci\u00f3n.<\/p>\n<p>Algunos de los artistas m\u00e1s relevantes del \u00e1mbito de la visualizaci\u00f3n de datos son Rafael Lozano-Hemmer, Ryoji Ikeda o Refik Anadol.<\/p>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Rafael Lozano-Hemmer<\/h3>\n<p>Un artista mexicano que emplea la tecnolog\u00eda para explorar las relaciones entre los seres humanos y su entorno fue Rafael Lozano-Hemmer. Su obra, que suele ser interactiva y en tiempo real, ha sido exhibida en museos y eventos en todo el mundo.<\/p>\n<p>Vale la pena destacar su obra <em>Pulse Room<\/em>, consistente en una sala donde los visitantes pueden usar sus pulsaciones card\u00edacas para controlar la iluminaci\u00f3n, el sonido y otros elementos de la instalaci\u00f3n. La obra se estren\u00f3 en 2007 y se ha presentado en numerosas exposiciones en todo el mundo. <em>Pulse Room<\/em> es un ejemplo del inter\u00e9s de Lozano-Hemmer por explorar la relaci\u00f3n entre el cuerpo humano y la tecnolog\u00eda, y por crear experiencias interactivas que involucren a los espectadores de manera activa.<\/p>\n<p><iframe loading=\"lazy\" title=\"Pulse Room by Rafael Lozano-Hemmer\" width=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/sbiqDufLCDY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 26. Rafael Lozano-Hemmer. <em>Pulse Room <\/em>(2006)<br \/>\nFuente: <a href=\"https:\/\/www.youtube.com\/watch?v=sbiqDufLCDY&amp;ab_channel=postmediaart\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=sbiqDufLCDY&amp;ab_channel=postmediaart<\/a><\/p>\n<\/div>\n<p>Para m\u00e1s informaci\u00f3n:<br \/>\n<a href=\"https:\/\/www.lozano-hemmer.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.lozano-hemmer.com\/<\/a><\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Ryoji Ikeda<\/h3>\n<p>Otro artista importante en esta disciplina fue Ryoji Ikeda. Su obra usa la visualizaci\u00f3n art\u00edstica de datos para explorar cuestiones filos\u00f3ficas sobre la realidad y la percepci\u00f3n. Las obras que crea, que a menudo consisten en grandes instalaciones de luces y sonido, utilizan datos cuantitativos para crear experiencias sensoriales inmersivas para el p\u00fablico, usando una est\u00e9tica cruda y minimalista.<\/p>\n<p><iframe loading=\"lazy\" title=\"Ryoji Ikeda: a hypnotic audio-visual explosion\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/cywFvcRR-QI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 27. <em>Ryoji Ikeda: a hypnotic audio-visual explosion <\/em>(2021)<em><br \/>\n<\/em>Fuente: <a href=\"https:\/\/www.youtube.com\/watch?v=cywFvcRR-QI&amp;ab_channel=NOWNESS\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=cywFvcRR-QI&amp;ab_channel=NOWNESS<\/a><\/p>\n<\/div>\n<p>Para m\u00e1s informaci\u00f3n:<br \/>\n<a href=\"https:\/\/www.ryojiikeda.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ryojiikeda.com\/<\/a><\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Refik Anadol<\/h3>\n<p>En los \u00faltimos a\u00f1os se ha popularizado tambi\u00e9n el trabajo de Refik Anadol, artista turco afincado en Nueva York. Refik Anadol ha sabido aprovechar el inter\u00e9s del gran p\u00fablico por los desarrollos en el campo de la inteligencia artificial (IA), y ha construido su obra en torno al uso de t\u00e9cnicas de <em>machine learning<\/em> para crear espectaculares <em>renders <\/em>en 3D. Anadol ha sabido, tambi\u00e9n, utilizar los t\u00e9rminos relacionados con la IA para construir una estrategia de marketing promocional de sus trabajos, que le han llevado a crear obras de gran escala y presupuesto.<\/p>\n<p><iframe loading=\"lazy\" title=\"REFIK ANADOL: ShadowRunner presents Episode 2 (Short Documentary 2019)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/EMSIM8cnot0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<div class=\"tablefooter\"><p>Video 28. <em>REFIK ANADOL: ShadowRunner presents Episode 2<\/em> (Short Documentary 2019)<br \/>\nFuente: <a href=\"https:\/\/www.youtube.com\/watch?v=EMSIM8cnot0&amp;ab_channel=ShadowRunnerIndustries\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=EMSIM8cnot0&amp;ab_channel=ShadowRunnerIndustries<\/a><\/p>\n<\/div>\n<p>Para m\u00e1s informaci\u00f3n:<br \/>\n<a href=\"https:\/\/refikanadol.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/refikanadol.com\/<\/a><\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<h3>Domestic Data Streamers<\/h3>\n<p>En Catalu\u00f1a, el estudio\u00a0basa su actividad en la creaci\u00f3n de experiencias a partir del trabajo con datos. A medio camino entre el dise\u00f1o, el arte y la ingenier\u00eda, sus trabajos ayudan a captar la complejidad de grandes vol\u00famenes de datos mediante formatos y procesos l\u00fadicos y participativos.<\/p>\n<p>Para m\u00e1s informaci\u00f3n:<br \/>\n<a href=\"https:\/\/domesticstreamers.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/domesticstreamers.com\/<\/a><\/p>\n<p>\n<\/div>\n<p>Como hemos visto, pues, la visualizaci\u00f3n art\u00edstica de datos tiene un gran potencial para la creaci\u00f3n de obras de arte que son a la vez est\u00e9ticas e informativas. Esto permite a los artistas utilizar datos de fuentes varias para crear obras que son visuales y conceptuales a la vez. Adem\u00e1s, esta disciplina permite explorar preguntas complejas sobre la realidad y la percepci\u00f3n humana, y ofrece a los artistas herramientas para crear experiencias inmersivas para el p\u00fablico.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una de las t\u00e9cnicas m\u00e1s extendidas en el arte digital contempor\u00e1neo es el grafismo generativo, entendido como un conjunto de t\u00e9cnicas computacionales para generar im\u00e1genes o formas a partir de reglas o patrones establecidos por el artista. Esto permite a los creadores realizar gr\u00e1ficos complejos y visuales con unos grandes niveles de precisi\u00f3n y control. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/pages\/756"}],"collection":[{"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/comments?post=756"}],"version-history":[{"count":18,"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/pages\/756\/revisions"}],"predecessor-version":[{"id":1236,"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/pages\/756\/revisions\/1236"}],"wp:attachment":[{"href":"http:\/\/installacions-aud-recursos.azurewebsites.net\/es\/wp-json\/wp\/v2\/media?parent=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}