Taller Programación Creativa

PROGRAMACIÓN CREATIVA

#programación_creativa #creative_coding #generative_design #diseño_generativo #dev_art

@CatedraTEF_UOC @carreras_anna

PROGRAMACIÓN CREATIVA#1 LENGUAJE && HERRAMIENTALenguage, código, con una sintaxi, semántica, vocabulario y estructuras gramaticales própias.

Nos permiten pedirles a los ordenadores y máquinas, de forma humanamente entendible, que dibugen por nosotros a partir de sus ceros y unos binarios.

Habitualmente son texto y símbolos. Algunos mas raros son diseños en si mismos (código Piet).

PROGRAMACIÓN CREATIVA#1 LENGUAJE && HERRAMIENTAEl lenguaje detlla una cadena de procesos, algorismos, que dependen de algunas reglas matemáticas. La elección de estas reglas, ordenes y valores sirve de guía e inspiración para obtener el producto de diseño final.

Este diseño paramétrico establece el concepto y resultado visual final.

PROGRAMACIÓN CREATIVA#1 LENGUAJE && HERRAMIENTA

#1 LENGUAJE && HERRAMIENTAEl resultado no siempre está preconcevido: puede ser un dibujo, una pieza de vídeo, una escultura, un packaging, una app en la nube o una instalación interactiva.


PROGRAMACIÓN CREATIVA#2 ESTÉTICA CONCRETALa mayoría de trabajos de programación creativa son abstractos, geométricos.

Se exploran las relaciones formales que emergen de los sistemas procedurales que se programan y del pequeño ajuste de valores (también el color).

PROGRAMACIÓN CREATIVA#2 ESTÉTICA CONCRETA


Written Images book: Un libro objeto, que presenta imágenes de varios artistas, diseñadores y programadores, creadas a través del código.

Recoge 40 propuestas estéticas diferentes. Una visión variada de los diseños que se pueden generar mediande programación.

PROGRAMACIÓN CREATIVA#2 ESTÉTICA CONCRETAEl procesado y cálculo cada vez más rápido de instruciones permite la generación de repeticiones, loops, que serian impossibles, o muy tediosas, de hacer de forma analógica.

La automatización permite crear facilmente animaciones. Y la dependencia de los diferentes resultados de números y valores permite generar visualizaciones de datos.

#2 ESTÉTICA CONCRETA



Proyecto Patatap: geometria 2D + animacion + sonido

PROGRAMACIÓN CREATIVA#3 GENERATIVA

Programación generativa, no es diseñar el resultado gráfico, es diseñar el sistema que diseñe la propuesta gráfica.

Una creación geométrica del diseño en base a una idea o concepto, gama de colores y formas. Y añadirle ligeras variaciones, un poco de caos, aleatoriedad, que genere un sinfin acotado de resultados diferentes.

PROGRAMACIÓN CREATIVA#3 GENERATIVA

PROGRAMACIÓN CREATIVA#3 GENERATIVA. TYPOGRAFIA GENERATIVA

PROGRAMACIÓN CREATIVA#4 INTERACTIVA


#2 ESTÉTICA CONCRETA

#3 GENERATIVA

#4 INTERACTIVA

# REFERENCIAS. AUTORES

Jared Tarbell: http://www.complexification.net/gallery/

Casey Reas: http://reas.com/

Marius Watz: http://mariuswatz.com/

Alba Corral: http://blog.albagcorral.com/

Ben Fry: http://benfry.com/projects/

Sergio Albiac: http://www.sergioalbiac.com/

Theo Watson: http://www.theowatson.com/

Raven Kwok: http://ravenkwok.com/

http://www.complexification.net/gallery/

http://reas.com/

http://mariuswatz.com/

http://blog.albagcorral.com/

http://benfry.com/projects/

http://www.sergioalbiac.com/

http://www.theowatson.com/

# REFERENCIAS. PROYECTOS && ESTUDIOS

Written Images: http://writtenimages.net/

Patatap: http://www.patatap.com/

Tind: http://tind.bigcartel.com/

Ok Deluxe: http://www.okdeluxe.co.uk/

Generative Scarves: http://scarves.convivialproject.com/

http://writtenimages.net/

http://www.patatap.com/

http://tind.bigcartel.com/

http://www.okdeluxe.co.uk/

http://scarves.convivialproject.com/

# REFERENCIAS. RECURSOS ++

Creative Applications: http://www.creativeapplications.net/

Art from Code: http://www.generatorx.no

Dev Art: https://devart.withgoogle.com/

Generative Design: http://www.generative-gestaltung.de

Daniel Shiffman: http://shiffman.net/

http://www.creativeapplications.net/

http://www.generatorx.no/

https://devart.withgoogle.com/

http://www.generative-gestaltung.de/

http://shiffman.net/

Anna Carreras

@carreras_anna


Taller Programación Creativa

Education

Transcript of Taller Programación Creativa