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.
Experimento simples sobre inteligência artificial simulando o comportamento dos peixes que foi feito para um projeto que estou cuidando na MKT, infelizmente não foi aprovado pelo cliente … quem sabe numa oportunidade mais adequada dê pra usar.
Fiz diversas variações de comportamento como por exemplo velocidade, capacidade (estômago) e distância percorrida na fuga após morder a comida variando de acordo com o tamanho. Também acrescentei um comportamento semelhante ao de cardume quando estão seguindo a comida (clique e arraste o círculo laranja rapidamente) .
Paespedro's Stuff - Flash Math Creativity
O livro Flash Math Creativity, mais especificamente o capítulo de Keith Peters, me deu a base para esse experimento.
É um livro antigo porém vale muito a pena comprar, tem vários exemplos de coisas simples porém criativas.
What is Open Source Media Framework?
Open Source Media Framework (OSMF) simplifies the development of media players by allowing developers to assemble components to create high-quality, full-featured video playback experiences. This open framework enables development focused on web-based video monetization, with lower costs and faster turnaround.
Mais info com um exemplo de um player e também do Flash Media Server da Influxis aqui: http://labs.influxis.com/?m=201006 e aqui: http://influxis.com/services/servicesguide/
Jack Doyle, autor da mundialmente conhecida TweenMax lançou a LoaderMax – “Smart AS3 Loading”.
Para quem usa a BulkLoader de Arthur Debert vai achar muito semelhante porém com um bocado de recursos extras, sem contar que é mais modular e mais leve. Vale a pena dar uma olhada: http://www.greensock.com/loadermax/
Lab para testar o uso do BitmapData scroll.
Mova seu mouse para ver o scroll em ação.. deixe-o parado em um dos cantos do SWF para ver com mais clareza o que acontece. O scroll replica os pixels dos cantos desse “canvas”.
Clique no SWF para trocar as cores. Quando clicar use também shift para ativar o filtro de cor e/ou control (command no MAC) para o filtro de blur. Clicando sem o control e shift pressionados reseta os filtros.
Outro Lab para experimentar um pouco de matemática =)
Para fazer esta geléia eu usei bastante o curveTo .. Ajustar corretamente os control points e anchor points foi o mais complicado mas, uma vez entendido como os pontos se correlacionam, você consegue fazer com muita facilidade.
Na versão de cima está um “Debug Mode” já comentado aqui anteriormente o que me ajudou bastante no entendimento de como funcionam os anchor e control points. Abaixo a versão normal, com filtros e tudo mais usando bitmapData / draw / applyFilter.