Estava lendo o livro oficial do Processing (Processing : a programming handbook for visual designers and artists. Casey Reas & Ben Fry. MIT Press, 2007) e acabei produzindo alguns experimentos simples porém interessantes. Clique aqui para ver a galeria (descrição abaixo das imagens).

Na série rgb2xyz eu transporto algumas imagens do espaço 2D para o espaço 3D de acordo com os valores RGB de cada pixel. As imagens resultantes são únicas e permitem novos olhares - ou visualizações - da informação das imagens originais.

A idéia para esta série foi inspirada em um ótimo trabalho da amiga Juliana Henno, estudiosa das cores.

Clique aqui para ver a série (são 23 imagens ao todo - inclui legendas explicativas) ou se quiser saber mais detalhes sobre o processo clique abaixo no “leia mais” (aviso: é longo!).

rgb2xyz
Esta série foi criada no software 3d Studio MAX via Maxscript. O algoritmo é relativamente simples: os pixels da imagem original são representados por esferas (de mesma cor do pixel correspondente) no espaço 3D, com suas posições (x,y,z) determinadas pelos respectivos valores de cor (r,g,b).

Escolhi como referência para esta série quatro imagens de naturezas bem diversas, de forma a explorar ao máximo as qualidades e aspectos que seriam favorecidos e evidenciados pela transformação proposta. São elas: a Mona Lisa (representando uma arte clássica), a Banana do Andy (visual mais estilizado), Mrs. Monroe (uma fotografia deveras icônica) e a Natureza.

A seguir detalho as visualizações e experimentos realizados com cada uma das quatro referências originais.

Mona Lisa
A representação rgb2xyz da Mona Lisa (aqui) reflete a predominância do marrom e tons próximos, bem como a homogeneidade no uso das cores (o volume é coeso, sem protuberâncias significativas ou elementos ’soltos’).

Imagens da versão ‘plana’ (ou seja, com os elementos posicionados de acordo com a posição original) podem ser vistas aqui e aqui. Criei versões ‘planas’ para todas as imagens, de forma a servir de comparação (e também porque gosto do visual ‘arredondado-pixelado’).

Banana do Andy
A representação rgb2xyz da Banana do Andy (aqui) apresenta uma configuração interessante, desenhando uma espécie de triângulo no espaço, uma vez que a imagem é composta de basicamente três cores (amarelo, branco e preto).

Além da versão ‘plana’ (aqui), também experimentei uma variação, com a posição z dos elementos determinada pela intensidade de cor (aqui) - o resultado não ficou grandes coisas.

Mrs. Monroe
Bastante interessante Mrs. Monroe em rgb2xyz (aqui). A imagem é visualmente (além de historicamente, é claro) icônica, e assim se assemelha à Banana de Andy - isso se reflete na ‘ordem’ do volume resultante. Mas ela também é uma fotografia, e portanto possui um aspecto muito mais orgânico, que pode ser percebido na continuidade da forma.

Coincidência ou não, o formato, digamos, vigoroso e prafrentex do volume tridimensional resultante da transformação (aqui) me parece bastante compatível com o conteúdo da imagem original (se é que você me entende).

Para esta imagem, além da versão ‘plana’ de costume (aqui), também gerei uma visualização em resolução mais alta (aqui) - veja em maior detalhe aqui.

Natureza
O volume rgb2xyz da natureza (aqui) é relativamente grande, sugerindo a maior variação de tons (em torno da cor base - verde) em um ambiente natural em comparação com as imagens ‘artificiais’.

Outro aspecto curioso que me parece ser evidenciado nesta representação é a compressão do espaço de cores que acontece no momento do registro fotográfico (e na transcodificação digital), visível pelos ‘cantos duros’ no volume tridimensional (contrastando com o caráter orgânico da cena registrada). Posso estar enganado…

A versão ‘plana’ da Natureza (aqui) ficou bem bonita.

Experimentos e Testes
Além destas visualizações, fiz mais alguns experimentos, de forma a explorar um pouco mais as características da transformação rgb2xyz.

Em um dos experimentos, criei uma imagem com ruído (através de um dos filtros ‘noise’ do Photoshop) e rodei o algoritmo, pensando que isso levaria ao preenchimento homogêneo do espaço tridimensional. O resultado foi bem diferente do esperado - os elementos se concentraram nas ‘bordas’ (ou arestas), indicando que este filtro cria um ruído bem específico, que varia bastante as cores em si, mas mantém a intensidade delas ao máximo.

Depois apliquei um ‘blur’ (desfoque) na imagem original do ruído, de forma a constatar a alteração na representação rgb2xyz. Veja aqui - na parte esquerda, a imagem com ruído - sem blur (em cima) e com blur (embaixo) -, à direita, suas representações em rgb2xyz.

Criei uma composição mostrando a fusão das duas representações da imagem de ruído (com e sem blur), em uma mesma perspectiva ortogonal (aqui).

Note que na representação rgb2xyz do ruído (sem blur) há alguns elementos dispersos no centro do espaço - acredito que eles sejam referentes à imagem original sobre a qual apliquei o filtro de ruído (usei a imagem original da Mona Lisa como base).

Antes de gerar as visualizações das imagens mostradas acima, fiz um teste com uma imagem teste contendo apenas as cores puras do espaço RGB (vermelho, verde e azul), em proporções iguais. Como esperado, o resultado (aqui) foi a concentração dos elementos na ponta de cada eixo (x,y,z), correspondendo às cores (r.g,b).

Também fiquei curioso para ver o espaço rgb2xyz totalmente preenchido (como se fosse a paleta deste espaço). Modifiquei um pouco o algoritmo (que originalmente se baseava em uma imagem) e gerei o modelo correspondente (aqui).

Como o processo de amostragem e geração do modelo tridimensional é bastante demorado (principalmente no meu modesto computador), antes de mais nada eu fiz alguns testes de forma a decidir qual seria a resolução de amostragem ideal (veja as imagens aqui).

Por fim, criei um monstrinho,

Aplicativo de pintura procedural criado em 2007 para a geração de uma imagem para concorrer em um concurso de “arte digital”. Clique na imagem acima para ver duas imagens geradas a partir do aplicativo.

Se quiser usar as imagens como Papel de Parede, basta dar um “Save As…” nos links correspondentes abaixo.

• Pintura Procedural 01: 1600×1200 | 1280×1024 | 1024×768
• Pintura Procedural 02: 1600×1200 | 1280×1024 | 1024×768

Desde o final do ano passado tenho criado alguns “Não-Clipes” para as músicas do primeiro album da minha banda, a Máquina Voadora. Não são típicos “clipes de música” - estão mais para acompanhamentos visuais das músicas, às vezes experimental, às vezes narrativos, às vezes Não.

Por enquanto podem ser conferidos os Não-Clipes para as músicas Moscas, Eu Quero Falar, Fora do Corpo e Matar. Clique nos links para ler mais sobre cada um dos videos.

Uma tirinha do meu site de quadrinhos Amor Moderno foi publicada na revista Estaçao, de Londrina. O quadrinho ilustra um texto de Gustavo Gitti, editor do site Não Dois, Não Um.

A revista é em formato grande e tem uma diagramação bem bacana, assinada por Lucas Schmitt, que também é o editor-chefe. Gostei muito da capa, do ilustrador Renato Quirino.

Clique aqui para ver a página com o meu quadrinho e a capa.
Veja o quadrinho ampliado no próprio site, aqui.

Nibballs estará participando do FILE 2009 na categoria “Games”.

O FILE (Festival Internacional de Linguagem Eletrônica) acontece no espaço cultural do Sesi Paulista em São Paulo, Brasil, no período de 27 de julho a 31 de agosto de 2009.

- Jogue Nibballs aqui (abre em nova janela/aba) ou lá na exposição!
- Clique aqui para ver algumas imagens do jogo.
- Visite o site do FILE (info sobre o trabalho aqui).
- Leia sobre a primeira versão de Nibballs neste post.

Obs: Nibballs II está em desenvolvimento! Escreva para mim com o subject “Nibballs II” que te aviso quando estiver on-line.

Clipe para a música “O Meio é o Fim” da banda Radiare (Campinas/SP). Assista o vídeo no vimeo ou no youtube (veja em HD!).

Clique aqui para ver as imagens. Visite o site da banda no myspace.

Animação produzida no 3D Studio MAX, programado em MaxScript, com simulação física via Havok, composição e finalização no Adobe Premiere e Sony Vegas.

Rabisco à mão colorido no Photoshop. Clique aqui para ampliar ou veja o desenho no site Amor Moderno (abre em nova aba/janela).

Fonte pixelada minimalista. Veja as imagens e faça o download da fonte no dafont.

Kuadriculado foi criada com o objetivo de representar todos os caracteres utilizando o menor grid e a menor quantidade de pixels possível. Melhor indicada para títulos e textos curtos.

Participação no projeto de instalação web pedralumen, do grupo de pesquisa Poéticas Digitais (ECA/USP).

Clique aqui para ver as imagens.
Visite o site do projeto: www.cap.eca.usp.br/pedralumen

O trabalho consiste em um cubo de leds cujo brilho se modifica de acordo com a localização geográfica dos visitantes do site, que podem inserir e remover palavras sobre uma versão virtual do objeto.

Coordenação de Gilbertto Prado e Silvia Laurentiz.