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: jueves 20 de octubre de 2022

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

Fechas: 20, 24, 27 y 31 de octubre y 3 y 7 de noviembre 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. 

Clase 6: incorporación de lo aprendido a la exploración de livecoding

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$ 10800 / USD 110

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