Introducción a lógicas técnico-estéticas en p5 y Processing

Taller por Tama Moyré

Los sistemas de arte generativo contemporáneo explotan técnicas computacionales y herramientas informáticas (lenguajes de programación) para generar artefactos estéticos.

Para abordar la programación creativa, se propone partir desde la perspectiva de un paralelismo entre p5.js y Processing. Ambos, destinados a los gráficos hechos por reglas procedurales, pero con diferencias en sus soportes (web y local), lo que abre paso a la experimentación de distintas posibilidades técnico-estéticas.

*No se requiere contar con conocimientos previos*

Inicio: miércoles 15 de junio de 2022

5 clases de 2 horas / 18 a 20 hs (-3 UTC – Argentina)

Fechas: 15, 22 y 29 de junio, 6 y 13 de julio de 2022

Objetivos del taller

Abordar las distintas posibilidades de crear contenidos visuales y generativos desde la programación textual basada en JAVA y JavaScript, manipulando píxel por píxel. Introduciendo a lxs participantes a la lógica de la programación y, por ende, a la optimización de recursos cuando se programa, sin dejar de lado la experimentación creativa. 

  • Experimentar creativamente herramientas de programación 
  • Crear contenidos visuales y generativos
  • Aprehender lógicas de programación mediante en base a p5.js y Processing
  • Manipulación de imagen digital: píxel por píxel

Destinataries

Artistas y estudiantes que quieran introducirse en los conceptos y lógica de la programación textual orientada a la creación de contenidos visuales y generativos. Para así poder aplicarlo en obra: proyecciones, diseños de autoría, instalaciones interactivas y reactivas, animaciones, etc. 

Requerimientos

Contenidos

Clase 1

  • Introducción a p5.js y Processing: software, referencias estéticas, referencias históricas 
  • Diferencias estructurales entre ambos lenguajes y posibilidades técnicas.
  • Librerías y frameworks
  • Ámbitos y soportes: museos, netart, festivales, etc.  

  • Estructura del código: setup, draw.
  • Eje de coordenadas. Tamaño/Resolución de ventana gráfica (size/createCanvas)
  • Función de color: background(). Código de colores RGB, hexadecimal. Color picker.
  • Figuras 2D.

Práctica: Realizar un código en p5.js utilizando las funciones de Figuras 2D.

Clase 2

Teoría de p5.js y Processing:

  • Teoría de Imagen Digital:
    • Información digital: bits, Bytes, etc.
    • Píxel: profundidad de bits y resolución
    • Modo de color: RGB, HSB, HSL
    • FPS relacionado al funcionamiento de p5.js y Processing.P2D, P3D, WEBGL.
  • Figuras 2D: ellipse, rect, line, triangle.
  • Relleno y borde para cada figura; fill, stroke, strokeWeight, noFill, etc.
  • Superposición de figuras.
  • Noción de argumento Alpha en funciones que admiten valores del tipo color.
  • Función Random

Práctica: Agregar la función random al código hecho anteriormente.

Clase 3

  • Variables propias de p5.js y Processing: width, height, mouseX, mouseY
  • Declaración e inicialización de variables
  • Operaciones matemáticas aplicadas a variables: incrementación, decrementación, división, multiplicación.

Clase 4 y 5

  • Utilización de variables como parámetros de funciones.
  • Estructuras condicionales (if, else if, else)
  • Comparadores lógicos.
  • Operadores lógicos AND y OR.
  • Práctica: Realizar un código en p5.js utilizando las funciones vistas en este encuentro. 

Teoría de p5.js y Processing

  • Ciclos FOR
  • Arrays
  • Optimización de recursos 
  • Instancias de control: con mouse y print.
  • Transformación de Figuras 2D: translate, scale, rotate.

Teoría de p5.js:

  • Figuras 3D: sphere, box, torus, etc.
  • Transformación de Figuras 3D: rotate, rotateX, rotateY, rotateZ.
  • Ciclos FOR. Arrays

Teoría de Processing:

  • Syphon/Spout/ comunicación MIDI desde Processing.
  • Función para programar dos ventanas gráficas y controlarlas mediante algoritmos independientes: createGraphics().
  • Máscaras con figuras.
  • Texto: fuente, alineación, tamaño, color, borde. Referencias de obras generativas con texto.
  • Máscaras con texto. 

BIO de la docente

Tamara Moura Costa alias Tama Moyrê es artista interdisciplinar afroargentina. Trabaja con múltiples soportes tecnológicos que permiten la experimentación desde lo visual y lo sonoro: fotografía analógica, código creativo, armado de dispositivos electrónicos experimentales, instalaciones A/V, entre otros. Ha recibido una Mención por parte FUSIÓN 2020 – CONCURSO DE ARTE, CIENCIA Y TECNOLOGIA (Buenos Aires, Argentina) por su obra Resonancia (2021), la misma hace un uso intensivo de la ciencia fractal tanto en lo visual como en lo sonoro, a partir de lógicas computacionales. Ha exhibido otros trabajos en diversos eventos de la escena internacional como MUTEK Montreal-AR, MediaLab Prado y Teorema.fde y; en la escena local en ArtLab, CC Matienzo, Otra Historia Club Cultural, entre otros. Desde 2019, participa en shows en vivo de danza aérea, como operadora de visuales interactivas y sonido, dirigidos por Brenda Angiel: MOVI, PuntoMov y Té Para Dos. Actualmente, es docente. También, asesora técnicamente y desarrolla software e instalaciones de forma colaborativa e individual supliendo necesidades tecnológicas para artistas y empresas, y en espacios educativos como la Universidad de Tres de Febrero y Flexible Laboratorio; dicta talleres de Código Creativo y Arte Generativo en WIP Arte Digital desde 2021. Finalizó la Lic. en Artes Electrónicas en la UNTREF en 2021 y la Tecnicatura en Guitarra en el CSMMF en 2016.

  • Valor: AR$ 8700 / USD 95

INTRODUCCIÓN A LÓGICAS TÉCNICO-ESTÉTICAS EN P5JS Y PROCESSING

Taller por Tama Moura

Los sistemas de arte generativo contemporáneo explotan técnicas computacionales y herramientas informáticas (lenguajes de programación) para generar artefactos estéticos.

Para abordar la programación creativa, se propone partir desde la perspectiva de un paralelismo entre p5.js y Processing. Ambos, destinados a los gráficos hechos por reglas procedurales, pero con diferencias en sus soportes (web y local), lo que abre paso a la experimentación de distintas posibilidades técnico-estéticas.

*No se requiere contar con conocimientos previos*

Inicio: martes 11 de mayo de 2021

5 clases de 2 horas / 18 a 20 hs (-3 UTC)

Objetivos del taller

Abordar las distintas posibilidades de crear contenidos visuales y generativos desde la programación textual basada en JAVA y JavaScript, manipulando píxel por píxel. Introduciendo a lxs participantes a la lógica de la programación y, por ende, a la optimización de recursos cuando se programa, sin dejar de lado la experimentación creativa. 

  • Experimentar creativamente herramientas de programación 
  • Crear contenidos visuales y generativos
  • Aprehender lógicas de programación mediante en base a p5.js y Processing
  • Manipulación de imagen digital: píxel por píxel

Destinataries

Artistas y estudiantes que quieran introducirse en los conceptos y lógica de la programación textual orientada a la creación de contenidos visuales y generativos. Para así poder aplicarlo en obra: proyecciones, diseños de autoría, instalaciones interactivas y reactivas, animaciones, etc. 

Requerimientos

Contenidos

Clase 1

  • Introducción a p5.js y Processing: comunidades, foros, referentes artísticos, estética del programa, posibilidades técnicas. 
  • Teoría de Imagen Digital
  • Información digital: bits, Bytes, etc.
  • Píxel: profundidad de bits, RGB, HSB, HSL y resolución.-   FPS relacionado al funcionamiento de p5.js y Processing.

  • Teoría de p5.js y Processing:
  • Diferencias estructurales entre ambos lenguajes y posibilidades técnicas.
  • Comunicación entre programas: MIDI, Serial Port Communication, OSC, Syphon/Spout.
  • Estructura del código: setup, draw.
  • Tamaño/resolución de ventana gráfica (size/createCanvas)
  • Eje de coordenadas dentro de la ventana gráfica
  • background()
  • Figuras 2D: ellipse, rect y line.

Clase 2

  • Figuras 2D: ellipse, rect, line, triangle.
  • Color y borde para cada figura; fill, stroke, strokeWeight, noFill.
  • Superposición de dibujos a partir del orden de las líneas de código.
  • Código de colores RGB, HSB, hexadecimal. colorMode(). Color picker.
  • Noción de argumento Alpha en funciones que admiten valores del tipo color.·   P2D, P3D, WEBGL.

Clase 3

  • Variables propias de p5.js y Processing: width, height, mouseX, mouseY
  • Operaciones matemáticas aplicadas a variables: incrementación, decrementación, división, multiplicación.
  • Utilización de variables como parámetros de funciones.
  • Estructuras condicionales (if, else if, else)
  • Comparadores lógicos.
  • Operadores lógicos AND y OR.
  • Teoría de p5.js y Processing:
  • Instancias de control: con mouse, slides y print.
  • Figuras 3D: sphere, box, torus, etc. 
  • Rotación de figuras: rotate, rotateX, rotateY, rotateZ
  • Ciclo FOR – Arrays
  • Optimización de recursos 

Clase 4 y 5

  •   Función para programar dos ventanas gráficas y controlarlas mediante algoritmos independientes: createGraphics().
  • Máscaras
  • Texto generativo a partir de otro texto: fuente, alineación, tamaño, color, borde. Mostrar referencias.
  • Importación de imágenes en Processing y p5.
  • Importación de librerías: cámara web, sonido, kinect, etc.
  • Manipulación de píxeles: Arrays, For, función get, tint. Umbralización.
  • Syphon/Spout desde Processing.
  • Comparación del Código con Processing. + Visualización de Datos
  • Práctica: Realizar un código en p5.js utilizando las funciones vistas en este encuentro.
  • Pasar los códigos hechos en p5 a Processing para ver las diferencias.Comunicación entre programas: MIDI, Serial Port Communication, OSC, Syphon/Spout.

BIO de la docente

Tama es artista transdisciplinar afroargentina. Trabaja con múltiples soportes tecnológicos que permiten la experimentación desde lo visual y lo sonoro: fotografía analógica, código creativo, armado de dispositivos electrónicos experimentales,  instalaciones A/V, entre otros. Desde 2019, participa como operadora de visuales interactivas y sonido en shows de danza aérea dirigidos por Brenda Angiel: MOVI y PuntoMov. Ha exhibido sus trabajos en diversos eventos de la escena internacional como MUTEK Montreal-AR, MediaLab Prado,  Teorema.fde y en la escena local en ArtLab, Otra historia club cultural, Festival Enlaces, entre otros. Actualmente, es docente y se encuentra desarrollando su Trabajo Final de Grado en la Lic. en Artes Electrónicas en UNTREF, donde investiga formas diversas de alcanzar estados espirituales desde prácticas artísticas que implican ciencia y tecnología, desde una perspectiva de género y descolonizadora, sin dejar de lado la coyuntura actual de este planeta Tierra en emergencia.

  • Fechas: 11, 18 y 25 de mayo y 1 y 8 de junio de 2021
  • Horario: 18 a 20 hs (-3 UTC)
  • Valor: ARG$4800 / USD65

Laboratorio de Ciberpoesía: p5js y html para Hydra por Flor de Fuego

Modalidad on line a través de Zoom (las clases serán grabadas)

6 encuentros de 2 horas cada uno

Fechas: 17, 22 y 24 de febrero. 1º, 3 y 5 de marzo de 2020

Horario: 19 a 21 hs (-3 UTC)

Presentación

Con el objetivo de explorar la función estética del lenguaje, indagaremos los límites en el uso de los espacios generados por medio de la escritura con código, espacios que a su vez permiten el cruce con otros, como el visual, textual y sonoro. Programar, incrustar, copiar, pegar, ejecutar, compilar, son acciones vinculadas a la escritura en computadora que comportan potencialmente otras acciones como la resignificación y la reinterpretación, es decir, la posibilidad de conmover. “Moving information” (Perloff), supone tanto el acto de mover información de un lado a otro como el acto de ser conmovido por ese proceso.

Tomando como referencia algunas ideas conceptuales sobre Escritura no-Creativa (Kenneth Goldsmith), en donde la práctica de la escritura encarna una ética donde la construcción o concepción de un texto es tan importante como lo que el texto dice o hace (el procesamiento de palabras, la construcción de bases de datos, el reciclaje, entre otros), usaremos Hydra como base para p5js y HTML para indagar de manera práctica en la creación de contextos virtuales donde la textualidad sea soporte y expresión.

Aplicación: poesía digital, poesia visual, entornos virtuales transmedia y obras net art

Destinatarixs: personas interesadas que tengan manejo básico de Hydra. No se requiere contar con otros conocimientos.

Objetivos del taller:

  • Experimentar las herramientas de Hydra y de las integraciones que éste software libre habilita para indagar distintos recursos poéticos en las posibilidades de recursividad hypertextual y visual;
  • Explorar la poética digital utilizando recursos textuales y visuales
  • Introducir a lxs participantes a la utilización de p5js y a la generación de un sitio web.

Sobre Flor de Fuego

Es Profesora en Artes Plásticas orientada al Dibujo en la Facultad de Artes de la UNLP.
Es adscripta en la cátedra de Fotografía e Imagen Digital en la Facultad de Artes. Investiga sobre imagen digital y medios, produciendo imágenes y sonidos relacionados al live coding, animación, video e internet. Pertenece al colectivo CliC (Colectivo de Live Coders) con quienes participaron del festival +CODE en Buenos Aires y diversas charlas.
Participó también en MUTEK 2019 y 2020. Formo parte del Conversatorio sobre Género, software y programación al vuelo en Latinoamérica, realizado en el Centro de Cultura Digital de la Ciudad de México 2019. Además ha realizado proyecciones fulldome en el Planetario de la Ciudad de Buenos Aires y en Bogotá, Colombia para el festival Domo Lleno. Forma parte de un dúo llamado c0de p03try, han expuesto en lugares como JSAmsterdam Nation Conference, ICLC (International Conference on Live Coding), Irlanda. Festival Pumpumyachkan, Perú.

Desde 2019 trabaja en conjunto con WIP arte digital en el armado de propuestas para la difusión del livecoding utilizando Hydra y otras herramientas que faciliten y busquen el cruce de distintos lenguajes como el visual, textual y la performance.

Valor

$4800 (pesos argentinos – a través de transferencia bancaria)

USD 65 (a través de PayPal)