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

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.

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

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.
• Ámbitos y soportes: museos, netart, festivales, etc.  

• Estructura del código
• Eje de coordenadas. Tamaño de ventana gráfica
• Códigos de colores RGB, HSB, HEX. 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:
  • Píxel: profundidad de bits y resolución
  • Velocidad de muestreo (FPS) 
  • Motores de render de p5.js y Processing: P2D, P3D, WEBGL.
• Figuras 2D: color y propiedades.
• Rotación, traslación y escala.
• Superposición de figuras. Noción de argumento Alpha en funciones que admiten valores del tipo color.
• Teoría de Programación: Función Random -Variables propias de p5.js y Processing: width, height, mouseX, mouseY – Declaración e inicialización de variables – Utilización de variables como parámetros de funciones.

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

Clase 3

• Teoría de p5.js y Processing:
• Teoría de Programación:
  • Operaciones matemáticas aplicadas a variables
  • Estructuras condicionales, comparadores y operadores lógicos
  • Ciclo For
  • Ciclo For dentro de Ciclo For
• Figuras 3D
  • WEBGL vs P3D
• Como guardar sketches en imagen o video. Librería para p5*js.
  

Práctica: Realizar un código en p5.js utilizando las funciones vistas en este encuentro. 

Clase 4

Utilización y manipulación de imágenes: fotografía, video y cámara en tiempo real

• Ciclo for para recorrer pixel por pixel una imagen fija
• Slit Scan y función copy en Processing
• Tint. Blend Modes.
• Librería de video y cámara
• Manipulación y modificación de píxeles 

Práctica: Realizar un código en p5.js utilizando las funciones vistas en este encuentro.

Valores:

Residentes en Argentina: $53900*

Exterior: USD 130

*10% de descuento para inscripciones hasta el 31 de agosto - alumnxs WIP: 20% de descuento

Instructivo de inscripción:

Clickeá en INSCRIPCIÓN

Completa y envía el Formulario con tus datos

Realiza el pago lo antes que te sea posible para confirmar tu lugar.

Por favor, envía captura o comprobante de pago a artedigital.wip@gmail.com. Te llegará una confirmación de recepción de la inscripción y pago. Los links de acceso a las clases y repositorios de materiales se envían dentro de las 48 hs anteriores al inicio del taller.