programação criativa com processing

Programação Criativa com Processing

Apresentação

Lucas CabralGraduando em Engenharia de Teleinformática pela Universidade Federal do Ceará e integrante do Laboratório de Experiência Digital (LED). Possui experiência na aplicação de tecnologias computacionais em projetos de arte e design, atuando principalmente nos seguintes temas: Computação Gráfica, Computação Física, Interação Homem-Computador e Fabricação Digital.

Conceito

“Programação criativa é um tipo de programação de computadores em que o objetivo é criar algo expressivo em vez de algo funcional.” John Maeda

Usos:• Artes visuais• Design gráfico• Instalações de arte• Projeções mapeadas• Arte sonora

Usado por:•Artistas•Designers•Arquitetos•Músicos•Programadores

Conceito

Termos relacionados:•Creative coding•Arte computacional•Arte algorítmica•Arte generativa•Arte digital•New media art

OMG – Reza Ali.

Conceito“Programação desempenha um papel enorme no mundo que nos rodeia e, apesar de seususos serem muitas vezes puramente funcionais, há uma crescente comunidade de artistasque usam a linguagem de código como seu meio. Seu trabalho inclui tudo, desde artegerada por computadores até elaboradas instalações interativas, tudo com o objetivo deexpandir o nosso senso do que é possível com as ferramentas digitais. Para simplificar oprocesso de codificação, várias plataformas e bibliotecas foram montadas para permitirque programadores cortem o âmago da questão de programação e se concentrem nosaspectos criativos do projeto. Estas plataformas todos compartilham uma forte filosofia decódigo aberto que estimula o crescimento e experimentação, criando uma rica comunidadede artistas que compartilham suas estratégias e trabalham com uma abertura semprecedentes.” Lisa Romagnoli (The Art of Creative Coding)

Contexto

Era da Informação• Tecnologias capazes de processar, armazenar e transmitir informações em grande quantidade e velocidade.

•Democratização das tecnologias da informação e comunicação.

•Ubiquidade computacional.

Contexto

Cultura digital•Novos paradigmas econômicos, políticos, culturais e sociais. •Criação, modificação e distribuição de conteúdo.•Acesso livre a informação.

Contexto

Open source“Costumo comparar o código aberto com a ciência. A ciência tomou toda esta noção de desenvolver ideias em aberto e melhorar as ideias de outras pessoas e torná-las no que a ciência é hoje e nos incríveis avanços que tivemos.” Linus Torvalds

Contexto

Evolução da Arte e Tecnologia:•Redução de custo.•Acesso à informação.•Redução da curva de aprendizado.•Criação de ferramentas específicas.

Contexto

Arte digital•Software como ferramenta.

Contexto

Arte computacional:•Processos computacionais como meio.•Criação de algoritmos como ferramentas.

Contexto

Estética computacional•Arte e tecnologia

ABSTRACT01 – Marius Watzhttp://mariuswatz.com/works/abstract01js/index_auto.html

http://mariuswatz.com/works/abstract01js/index_auto.html

Ferramentas

Algoritimo•Sequência finita de instruções lógicas.•Computador executa algoritmos.•Implementados através de linguagens de programação.

Ferramentas

Algoritimo•Sequência.•Decisão.•Repetição.

Ferramentas

Linguagens de programação•Baixo nível•Alto nível

Ferramentas

Linguagens voltadas para programação criativa•Cinder•openFrameworks•vvvv•Pure Data•Processing

Ferramentas

Iniciado por Casey Reas e Ben Fry em 2001, o projeto Processing é um ambientede software livre baseado na linguagem de programação Java que é destinado aoensino dos fundamentos da computação dentro de um contexto visual. SegundoCasey Reas, a idéia nasceu durante o curso ministrado pelo designer JohnMaeda (1997) para o Aesthetics Computation Group (MIT). Atualmente, oProcessing conta com uma grande comunidade de usuários criativos, pois alémde ser gratuito e rodar na maioria dos sistemas, oferece a possibilidade dageração de gráficos 2D, 3D, processamento de mídias digitais audiovisuais eainda integração com outros ambientes ou interfaces como o Arduino e Kinect.

Ferramentas

Processing•Linguagem poderosa e flexível•Multiplataforma •Aprendizado simples•Grande comunidade de usuários•Facilmente exportável•Documentação extensa•Open Source

Estética computacional

• Programação: boas práticas, estrutura, eficiência.

• Programação criativa: liberdade, criatividade, expressão.

• Subversão da rigidez do código.

Frosti – Matt Pearson


1194D – Raven Kwok


Imprevisibilidade•Valores aleatórios como parâmetros.

Process 13 (Software 2) – Casey Reashttps://vimeo.com/album/1824504

https://vimeo.com/album/1824504


Imprevisibilidade

Signals– Casey Reashttps://vimeo.com/album/1824504

https://vimeo.com/album/1824504


Emergência•Processo de formação de padrões complexos a partir de uma infinidade de interações simples.•O total é maior que a soma das partes.

Substrate– Jared Tarbellhttp://www.complexification.net/gallery/machines/substrate/index.php

http://www.complexification.net/gallery/machines/substrate/index.php


Emergência• Da ordem para o caos• Do simples para o complexo• Do mecânico para o orgânico

Happy Place – Jared Tarbellhttp://www.complexification.net/gallery/machines/happyPlace/index.php

http://www.complexification.net/gallery/machines/happyPlace/index.php


Experimentalismo•Modelos matemáticos.•Simulações físicas.

Magneto – Reza Ali


LORMALIZED – Reza Ali

Experimentalismo


Experimentalismo•Variação.

JR Schmidt


Experimentalismo•Variação.


Fractais•Recursividade•Auto-similaridade

Triangulo de Sierpinski


Fractais

Buddhabrot - Jared Tarbell


Fractais

Fractal Cell - bitcrafthttp://www.openprocessing.org/sketch/8221

http://www.openprocessing.org/sketch/8221

Estética computacionalInteratividade•Quebra da barreira entre obra e observador.•Interação através de mouse e do teclado.

Fluid – Jared Countshttp://www.openprocessing.org/sketch/5974



Interatividade


Interatividade•Resposta audiovisual.

Ball Dropings – Josh Nimoyhttp://balldroppings.com/js

http://balldroppings.com/js

Estética computacionalInteratividade•Jogos

Survive/Progress – Joshua Fishburnhttp://www.openprocessing.org/sketch/3370



Computação física•Interfaces entre o mundo físico e o virtual.•Novas formas de interação.

Firewall – Aaron Sherwood


Computação física•Inputs: toque, movimento, presença, som, luz, sombra...•Outputs: imagens, som, movimento...

“Como o computador nos enxerga.”

Estética computacionalComputação física•Captura de movimentos: Kinect

unnamed soundsculpture -Daniel Franke & Cedric Kiefer


Computação física•Prototipagem eletrônica: Arduino

Escada Musical e Pescaria Digital – Lucas Cabral, Fred Freitas


Computação física•Criação de novas relações com o espaço arquitetônico.•Realidade misturada.

Frameworks – Embedded Systems and Interaction Design


Computação física•Instalações urbanas.

SMSlingshot– VRurban

Aplicações

Automação de composições gráficas

Aplicações

Aleatoriedade

Composition No. 1 - Visual Editions

AplicaçõesDesign cambiante

MIT Media Lab Identity - TheGreenEyl and E Roon Kang

AplicaçõesComposições gráficas•Design cambiante

MIT Media Lab Identity - TheGreenEyl and E Roon Kang

COP15 Generative Identity by Mikkel Koser

Aplicações

Design cambiante

Casa da Musica Identity - Stefan Sagmeister

AplicaçõesCustomização em série


Aplicações

Tipografia generativa

VX- Mauro de Donatis

Aplicações

Tipografia generativa

mis.shap.en.ness – Reza Alihttp://www.syedrezaali.com/blog/?p=1493

http://www.syedrezaali.com/blog/?p=1493

Aplicações

Tipografia generativaAlterações em tempo real.

Cocon - Standardabweichunghttp://www.standardabweichung.de/design/projekte/html5/design-font-cocon

http://www.standardabweichung.de/design/projekte/html5/design-font-cocon

Aplicações

Visualização da InformaçãoPotencializar a apropriação de informação pelo usuário por meio de recursos gráficos.

Max Planck Reasearch Networks - Moritz Stefaner and Christopher Warnow

AplicaçõesVisualização da InformaçãoPercepção sinestésica.

Cascade on Wheels by Steph Thirion et al.

Aplicações

MTV Brazil ID 2009 - Dimitre Lima

Experiências locais

Aplicações

Poster Sigradi 2012 – Marina Pires, Lucas Cabral


Aplicações

Logo cambiante Flávia Rodrigues– Alberto Gadanha, Thaís Esmeraldo, Lucas Cabral


Contato

Lucas Cabral•E-mail: [email protected]•Vimeo: https://vimeo.com/robluch•Facebook: https://www.facebook.com/lucascabralcarneiro

Referências

•Ascott, Roy. Telematic Embrace: visionary theories of art, technology and consciousness. Berkeley CA: University of California Press, 2003.

•Maeda, John. Creative Code: Aesthetics + Computation (1st ed.), Thames & Hudson, Limited, 2004.

•Pearson, Matt. Generative art. Nova Iorque: Manning Publications Co., 2011.

•processing.org

•openprocessing.org

•abandonedart.org/

•www.complexification.net

•www.syedrezaali.com/blog/

•www.arduino.cc/