Skip to content
Material para un taller de experimentación sobre arte generativo
Branch: master
Clone or download
Pull request Compare This branch is even with karlosgliberal:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
agua
animacion
assets
base
color
grid
images
libraries
luna
mundo
noise
particles
perlin-noise
recursion
reflejo
rotacion
sketchrnn
styles
vectores
.gitignore
Readme.md
index.html
listado.html

Readme.md

Arte Generativo

Marte
https://themarsvoyage.interzonas.info

Resumen

El arte generativo se define como cualquier práctica artística en la que el artista use un sistema, ya sea un conjunto de reglas, máquina, computadora o cualquier procedimiento análogo, para realizar, de manera autónoma, una pieza de arte, aportando elementos matemáticos aleatorios al proceso creativo. Y éste no se limita a la pintura digital, también se desarrolla en la literatura, música, escultura y arquitectura. Philip Galanter

Cuando el artista entra en colaboración con alguna suerte de autómata creador, y resigna el poder de decidir cada detalle de lo que sucede en la obra, ese diálogo es el que permite lo generativo.

El código en su expresión, permite al artista la búsqueda de la emergencia de ese diálogo entre la máquina y la creación. El arte no es algo que haga una sola persona, sino un proceso puesto en movimiento.

Descripción

Estos sketch son el material para un taller o un espacio para la experimentación sobre procesos generativos, pero también vale como elementos únicos para arrancar un proceso creativo.

Install

Sólo se necesitará un servidor estático, simplifica la experimentación. Os recomendamos lr-http-server viene con livereload permite un flujo de trabajo cómodo. Un editor para trabajar con javascript.

npm install -g lr-http-server

Uso

Una vez en el directorio del repositorio se lanza el comando lr-http-server esto levanta un servidor web con livereload y nos permite trabajar con los sketch.

Sketch o bocetos

Rudimentos como formas primitivas

Estos elementos son como primitivos básicos del código generativo. Como los patrones de diseño en el software, o como el toroide, esfera o cubo en el mundo del 3D. El arte generativo básado en código tiene una materia prima básica y estos sketch son una pequeña muestra. El arte generativo es infinito, estos rudimentos básicos son un inicio, un primer paso que muchos hemos dados al iniciar un proceso de creación generativo. Los bucles, el ruido, las matrices, los matices, los vertices, los vectores, son nuestro óleo o nuestro pincel, piezas mínimas, con las que dar forma a una creación.

Contenido del repositorio

El contenido de este repositorio se compone de sketch, pequeñas piezas de código que conforma unidades básicas de arranque para proyectos generativos. Estos elementos, son rudimentos, son elementos primitivos con los que buscar las emergencias.

Luna

  • Elementos: Arco, randomGaussiano
  • En la campana de gaus existe una probabilidad muy baja de que se devuelvan valores lejos de la media; y una mayor probabilidad de que se devuelvan números cerca de la media. En lo generativo, lo aleatorio es un recurso clásico. En este sketch tanto la rotación como el arco, se relacionan con la aleatoriedad que da el randon gausiano.
  • Enlace: 1 2 3

Color

  • Elementos: Grid, HSB, constriction -El color es una fuente propia de estudio, las teorías de colores son amplias. Como ejemplo: en la síntesis de color aditivo como el RGB la interpolación o progresión de color es compleja. Con este sketch mediante HSB en combinación con un sistema de Grid podemos crear patrones donde surgen posibilidades generativas.
  • Enlace: 1 2 3

Rotación

  • Elemento: Rotate
  • La animación básica como la rotación o la traslación es un posible inicio en un proceso generativo, como un canvas con un bucle infinito permite esto es fundamental para entender muchos procesos generativos. Este sketch es la forma más básica de interacción. La rotación, con el frameRate genera la animación, y la animación ocurre cuando el fondo cambia ¿Y si no se limpia el fondo? ¿o se limpia el fondo de forma translúcida?
  • Enlace: 1 2

Grid

  • Elemento: Rect, interpolación linial (lerp)
  • Cada herramienta o soporte aporta posibilidades y restricciones. P5js se invoca globalmente, pero este sketch se ve como instanciarlo de forma independiente. El skech crea un grid. Un grid da un orden que se puede desordenar, la función lerp nos permite controlar el grid con sus márgenes, pero esto es un sólo marco.
  • Enlace: 1 2 3 4

Reflejo

  • Elementos: Pixel, imagen, elipse
  • Usar un soporte diferente como base en una pieza es una estrategia clásica, subvertir lo que vemos crear otras perspectiva, este sketch usamos una imagen para jugar con los colores de cada pixel y hacer una reinterpretación.
  • Enlace: 1 2 3 4 5

Vectores:

  • Elementos: rectángulo
  • Este sketch es la mínima expresión del trabajo con vectores. La álgebra vectorial es fundamental para emular comportamientos naturales como por ejemplo la velocidad, la gravedad. Dirección y magnitud son el camino a la inteligencia artifical.
  • Enlace: 1 2

Partículas

  • Elementos: elipses, rectas, vectores
  • Los sistemas de partículas nos rodean, desde el polvo a la lluvia. Trabajar con ellas y entender el orden caótico es un lugar común en el arte generativo, desde composiciones estáticas, hasta animaciones de millones de partículas, un buen sistema de partículas es casi mágico.
  • Enlaces: 1 2 3

Mundo

  • Elemento: rect
  • El mundo es el contexto donde el agente generativo se mueve, tener en cuenta los límites o distorsionarlos es una práctica habitual del arte generativo. En este sketch sólo rotamos el mundo y lo que contiene dentro.
  • Enlace: 1 2

Ruido Perlin

  • Elemento: rect, pixel, noise
  • En este sketch vemos cómo usar el noise que devuelve el valor de ruido Perlin en las coordenadas especificadas. El ruido Perlin es un generador de secuencia aleatoria que produce una sucesión armónica ordenada y más natural de números en comparación. El ruido como los armónicos dan un orden poco definido.
  • Enlace: 1 2 3 4

SketchRNN

  • Elemento: ml5, quickdraw, rnn
  • El Machine learning en el artegenerativo es un elemento donde muchos artistas estan trabajanod de forma intensa. Este rundimento hace uso de la librearia ml5js y de los dibujos quickdraw para crear un ejemplo interativo de pintado.
  • Enlace: 1 2 3

Tecnología

El arte generativo se relaciona con el arte algorítmico ya que su proliferación ha ido en aumento conforme con la digitalización de la vida. Son muchas las herramientas que han surgido para que artistas puedan explorar estos espacios creativos, processing una de las pioneras herramientas que incorporó la idea del lienzo en blanco, del borrador en el lado del código.
Para este taller o espacio de experimentación usaremos p5js. Sólo necesitamos un navegador y un editor de texto y tener a manola reference.

#Bikolabs Bikolabs es un laboratorio un espacio para la creación, especulación y experimentación. Un lugar donde poder trabajar el mestizaje. Este proyecto lo he creado (karlos g liberal @patxangas) con la excusa de la invitación del evento wecode y continuando con el trabajo sobre código creativo que llevo realizando desde hace varios años.

Enlaces de interés

Todo lo que he aprendido es gracias a la generosidad el tiempo y la dedicación de personas increíbles. Aquí una pequeña lista:

You can’t perform that action at this time.