Novo wallpaper baseado em Arte Generativa / Generative Art.
Toda a “matéria prima” veio do meu gerador e agora todas essas novas imagens estão disponíveis para impressão.
Baixe uma versão maior deste wallpaper e de outros no meu Flickr
Arte Generativa / Generative Art
Mais uma etapa conluída no funcionamento do meu modesto gerador (Generative Art). Agora posso gerar estas imagens abstratas para serem utilizadas em grandes impressos sem perder qualidade – o que era / é fundamental visto que quero ter alguns quadros para mim e para presentear =).
Conheço o Hype Framework e o trabalho de Johua Davis e consequentemente o de Branden Hall (parceiro de Joshua no Hype Framework) desde 2008 quando houve em São Paulo um evento chamado FIND (Fórum Internacional de Design e Tecnologia Digital) promovido pela Arteccom, foi super proveitoso e mudou a forma como eu pensava sobre o que poderia ser feito com o Flash (ou outros como o Processing) à partir daí comecei a comprar livros, estudar e tudo mais, enfim … Voltando ao assunto … Tenho feito alguns experimentos baseados em Arte Generativa ou Generative Art, algo que começou simples e aos poucos estou incrementando e evoluindo. Cheguei num momento em que gostaria de ver as imagens com uma resolução que fosse possível imprimir sem que ficassem borradas, de preferência algo próximo dos 300 DPI e isso se tornou possível com o Hype Framework.
Esse framework possui muitas funcionalidades – inclusive as que estou desenvolvendo no meu gerador porém muito mais bem feitas, melhores etc, mas decidi criar meu próprio gerador afinal qual evolução eu teria se ficasse utilizando coisas prontas, que outros desenvolveram, sem ao menos saber o que se passa ou como recriar? – Uma das funcionalidades que utilizei para gerar imagens em alta resolução foi uma chamada BitmapCanvas juntamente com a ContextSaveImage. No início achei que seria difícil implementar no gerador mas me enganei, foi extremamente fácil e não precisei modificar nada do que já estava feito.
Veja um exemplo de imagem no meu Flickr.
Baixe um wallpaper com a imagem do post em 1920×1200 px aqui
Quem tiver interesse em como utilizar essas funcionalidades que citei do Hype Framework veja este tutorial do Active Tuts +
Arte Generativa / Generative Art
Esta é mais uma “obra” utilizando algumas formas geométricas simples. O resultado está ficando bem bacana. Criei diversas imagens após esta atualização no gerador, conforme tiver tempo vou subindo as imagens no meu Flickr.
Arte Generativa / Generative Art
Neste último feriado tirei um tempinho para atualizar meu gerador e agora tenho vários recursos novos para utilizar.
Já tenho os próximos passos definidos e um deles é implementar a possibilidade de gerar imagens com qualidade ideal para impressão e finalmente vou poder “pintar” meus primeiros quadros =)
Esta imagem foi gerada utilizando cores presentes na natureza nesta época do ano. Predominando folhas verdes e secas prestes a cair.
O resultado desse experimento ficou bem legal, sem contar o fato de que foi muito mais fácil realizar do que eu imaginava.
Resolvi fazer este experimento após procurar referências sobre ganho de performance quando utilizando BitmapData (Mais especificamente BitmapData.lock() e BitmapData.unlock()). Encontrei um exemplo antigo aqui e decidi fazer algo para chegar próximo ao exemplo.
Passei muitos minutos brincando com essa imagem abaixo =) . Para interagir passe o mouse sobre a imagem da esquerda, use o control / command e/ou shift e movimente o mouse para alterar a forma como as partículas são animadas. Clique e arraste para um efeito mais contrastante.
(Math.cos, Math.sin, Math.atan2, Teorema de Pitágoras, etc).
Leia mais …
Arte Generativa / Generative Art - Trama
Outro lab simples, usando movimento browniano.
Veja abaixo um simples exemplo que preparei para o blog.
Para conseguir esse resultado basicamente é só sortear +1, -1 ou 0 (zero) para cada um dos eixos e somar ao último resultado. Dessa forma você conseguirá até 8 posições adjacentes à partir da última posição. Lembre-se que também poderemos ter um resultado de [0, 0] (ou seja, a mesma posição que a anterior) totalizando 9 posições. Se for necessário adicione verificações para pular posições que já foram utilizadas e também um cálculo de fricção pra dar mais realismo ao movimento.
Faça isso num looping e voalá.
Você pode usar esse conceito para fazer muitas coisas além de alguns rabiscos abstratos. Pode por exemplo criar uma movimentação mais realista para insetos, usar como movimento de inimigos em algum jogo, partículas de alguma coisa ou até mesmo usar de base para uma arte generativa simples. Tente também usar números maiores ao invés de 1 para mais ou para menos.
Grosso modo, você conseguirá atingir esse resultado assim:
posição atual X += resultado do sorteio para X
posição atual Y += resultado do sorteio para Y
Bem simples não?
Arte Generativa / Generative Art - Anemona
Iniciando meus estudos sobre arte generativa / generative art fiz este lab utilizando um pouco de matemática básica (Seno, Cosseno, Teorema de Pitágoras)
Basicamente são um monte de linhas desenhadas com curveTo, para um ponto aleatório um pouco fora do stage, assim as bordas ficam retas e não há necessidade de recortar. Adicionei um DropShadowFilter para dar profundidade.