Merge pull request #574 from margiudice/martina-giudice-tp1

Martina Giudice Avalos TPN1

_projects/hilos-invisibles/sketch.js

@@ -0,0 +1,235 @@
+let base = true;
+let fondo = 5;
+
+function setup() {
+  let canvas = createCanvas(512, 512);
+  canvas.parent('div-sketch');
+  frameRate(3)
+}
+
+function draw() {
+  background(30);
+
+  for (let i = 0; i < width; i++) {
+    strokeWeight(1);
+    stroke(random(30, 45));
+    line(width, i * fondo, 0, i * fondo);
+  }
+
+  if (frameCount % 2 == 0) {
+    base=!base
+  }
+
+  if (base) {
+    //Persona corriendo
+    stroke(255);
+    strokeWeight(2);
+
+    //Cara
+    line(295, 124, 305, 100);
+    line(305, 100, 308, 72);
+    line(308, 72, 295, 60);
+    line(295, 60, 263, 58);
+    line(263, 58, 254, 70);
+    line(254, 70, 245, 100);
+    line(245, 100, 254, 125);
+    line(254, 125, 275, 135);
+    line(275, 135, 295, 124);
+
+    //Cuello
+    line(254, 125, 245, 145);
+    line(275, 135, 270, 145);
+    line(270, 145, 245, 145);
+
+    //Torso
+    line(245, 145, 218, 166);
+    line(270, 145, 296, 166);
+    line(296, 166, 286, 292);
+    line(218, 166, 228, 298);
+    line(220, 314, 298, 314);
+    line(258, 238, 298, 314);
+    line(258, 238, 220, 314);
+    line(258, 232, 290, 162);
+    line(258, 232, 225, 161);
+
+    //Brazos
+    line(252, 202, 272, 190);
+    line(272, 190, 272, 171);
+    line(272, 171, 252, 161);
+    line(252, 161, 235, 171);
+    line(235, 171, 235, 190);
+    line(235, 190, 252, 202);
+
+    //Primero
+    line(272, 171, 324, 204);
+    line(324, 204, 360, 180);
+    line(330, 230, 252, 202);
+    line(330, 230, 365, 190);
+    //Mano
+    line(370, 195, 355, 175);
+    line(370, 195, 385, 180);
+    line(355, 175, 375, 160);
+    line(375, 160, 385, 180);
+
+    //Segundo
+    line(218, 175, 178, 225);
+    line(178, 225, 225, 260);
+    line(221, 210, 208, 222);
+    line(208, 222, 224, 240);
+
+    //Piernas
+    //Uno
+    line(298, 314, 328, 376);
+    line(328, 376, 280, 475);
+    line(255, 485, 283, 378);
+    line(283, 378, 220, 315);
+    //Dos
+    line(220, 315, 205, 365);
+    line(205, 365, 116, 313);
+    line(208, 400, 258, 354);
+    line(208, 400, 125, 340);
+
+    //Pies
+    noFill();
+    //Uno
+    line(255, 485, 302, 493);
+    line(302, 493, 292, 480);
+    line(292, 480, 280, 475);
+
+    //Dos
+    line(116, 313, 108, 360);
+    line(108, 360, 120, 350);
+    line(120, 350, 125, 340);
+
+    //Borrar líneas
+    stroke(30);
+    strokeWeight(4);
+    line(254, 200, 293, 214);
+    line(272, 190, 272, 174);
+    line(255, 200, 272, 190);
+    line(281, 180, 271, 203);
+    line(294, 188, 293, 214);
+    line(272, 175, 294, 189);
+
+    //Ataduras
+    stroke(150);
+    strokeWeight(1);
+    line(330, 230, 330, 0);
+    line(178, 225, 178, 0);
+    line(328, 376, 328, 0);
+    line(208, 400, 208, 0);
+  } else {
+    push();
+    angleMode(DEGREES);
+    rectMode(CENTER);
+    translate(-10, -20);
+
+    stroke(255);
+    strokeWeight(2);
+
+    //Cara
+    line(295, 124, 305, 100);
+    line(305, 100, 308, 72);
+    line(308, 72, 295, 60);
+    line(295, 60, 263, 58);
+    line(263, 58, 254, 70);
+    line(254, 70, 245, 100);
+    line(245, 100, 254, 125);
+    line(254, 125, 275, 135);
+    line(275, 135, 295, 124);
+
+    //Cuello
+    line(254, 125, 245, 145);
+    line(275, 135, 270, 145);
+    line(270, 145, 245, 145);
+
+    //Torso
+    line(245, 145, 218, 166);
+    line(270, 145, 296, 166);
+    line(296, 166, 286, 292);
+    line(218, 166, 228, 298);
+    line(220, 314, 298, 314);
+    line(258, 238, 298, 314);
+    line(258, 238, 220, 314);
+    line(258, 232, 290, 162);
+    line(258, 232, 225, 161);
+
+    //Brazos
+    line(252, 202, 272, 190);
+    line(272, 190, 272, 171);
+    line(272, 171, 252, 161);
+    line(252, 161, 230, 171);
+    line(230, 171, 230, 190);
+    line(230, 190, 252, 202);
+
+    //Primero
+    line(230, 171, 210, 249);
+    line(210, 249, 251, 296);
+    line(257, 281, 232, 245);
+    line(232, 245, 252, 202);
+
+    //Mano
+
+    line(249, 302, 259, 278);
+    line(259, 278, 278, 294);
+    line(249, 302, 272, 308);
+    line(272, 308, 278, 294);
+
+    //Segundo
+    line(295, 175, 340, 210);
+    line(340, 210, 360, 184);
+    line(369, 197, 349, 237);
+    line(349, 237, 292, 215);
+
+    //Mano
+    line(371, 200, 358, 177);
+    line(371, 200, 384, 178);
+    line(358, 177, 373, 160);
+    line(373, 160, 384, 178);
+
+    //Piernas
+
+    //Primera
+    line(298, 314, 222, 432);
+    line(222, 432, 144, 430);
+    line(212, 395, 220, 314);
+    line(212, 395, 125, 410);
+    //Segunda
+    line(295, 318, 333, 384);
+    line(333, 384, 321, 468);
+    line(300, 480, 295, 389);
+    line(295, 389, 266, 363);
+
+    //Pies
+    noFill();
+    //Uno
+    line(300, 480, 349, 484);
+    line(349, 484, 330, 470);
+    line(330, 470, 321, 468);
+
+    //Dos
+    line(124, 411, 124, 460);
+    line(124, 460, 137, 452);
+    line(137, 452, 144, 430);
+
+    //Borrar líneas
+    stroke(30);
+    strokeWeight(4);
+    line(233, 175, 223, 209);
+    line(238, 277, 243, 267);
+    line(222, 213, 225, 262);
+    line(235, 182, 246, 207);
+    line(250, 201, 245, 207);
+    line(230, 190, 251, 201);
+    line(233, 175, 235, 183);
+
+    //Ataduras
+    stroke(150);
+    strokeWeight(1);
+    line(210, 249, 210, 0);
+    line(346, 233, 346, 0);
+    line(222, 432, 222, 0);
+    line(333, 384, 333, 0);
+  }
+
+}

_projects/hilos-invisibles/statement.md

@@ -0,0 +1,34 @@
+---
+layout: post
+title: "Hilos invisibles"
+date: 2024-11-09
+thumbnail: thumbnail.png
+dependencies:
+  - p5
+  - p5.sound
+---
+
+<div id="div-sketch">
+  <script type="text/javascript" src="sketch.js"></script>
+</div>
+
+_Martina Giudice Avalos_, 2024.
+
+**Hilos Invisibles**
+
+"Hilos invisibles" transmite el sentimiento de estar atrapado en situaciones de las que uno intenta escapar sin éxito, el momento en que el control no se encuentra bajo nuestro poder. Representa una serie de eventos descontrolados, casi caóticos, como la vida misma: "el arte digital es un espejo de nuestra era, reflejando tanto nuestras aspiraciones como nuestras inquietudes". Estos hilos nos arrastran por caminos inciertos, reflejando la sensación de impotencia y la inevitable lucha por encontrar un sentido en medio del desorden. Brea sostiene que el arte debe ser entendido como un espacio de experimentación y reflexión crítica que permite articular modos de ver, pensar y actuar en el mundo. De manera similar, "Hilos invisibles" no busca representar una realidad fija, sino que invita al espectador a reflexionar sobre su propia experiencia de incertidumbre y falta de control, generando significados a partir de la interacción emocional y conceptual con la obra, en palabras de Brea "la interactividad se convierte en un elemento clave que redefine la relación entre el artista y el público" Así es como el espectador se convierte en un co-creador de la experiencia artística. 
+
+
+**Desarrollo técnico, estético y conceptual**
+
+Así como Brea describe que el arte contemporáneo se aleja de las nociones tradicionales de materialidad para centrarse en la experiencia y el intercambio simbólico, "Hilos invisibles" utiliza la imagen de una figura que corre sin rumbo, inspirada en la obra "Olympiad" de Lillian Schwartz, para transmitir sentimientos de frustración e impotencia que trascienden su representación visual.
+
+"Hilos invisibles" utiliza estas formas como una manera de desestabilizar las expectativas del espectador, forzándolo a participar activamente en la construcción de significado.
+
+Para esta obra utilicé figuras 2D primitivas, todas en escala de grises, que juntas forman una figura más compleja, como lo es el ser humano. Esta figura está sujeta por hilos que, aunque la mantienen en su lugar, crean la ilusión de movimiento. El fondo consiste en una sucesión de líneas horizontales, que añadí para darle dinamismo y textura a la composición, ayudando también para crear esta sensación de movimiento y velocidad.
+
+**Bibliografía**
+
+BREA, José Luis. (2002). “Breve (y desordenado) antiglosario –o diccionario de tópicos- sobre el arte electrónico” en La era postmedia. Acción comunicativa, prácticas (post)artísticas y dispositivos neomediales. Salamanca: CASA Editorial, pp. 4-8
+
+BREA, José Luis. (2008). “Redefinición de las prácticas artísticas (s. 21)” en El tercer umbral. Estatuto de las prácticas artísticas en la era del capitalismo cultural. Murcia: CENDEAC, pp. 106-113.