Mostrando postagens com marcador processing. Mostrar todas as postagens
Mostrando postagens com marcador processing. Mostrar todas as postagens

terça-feira, 12 de maio de 2015

Processamento de Imagem com Processing

Para fazer o processamento de imagem no Processing utiliza-se o objeto PImage, que depois de instanciado permite carregar uma imagem para ser exibida e/ou processada.
Para melhor entendimento mostrarei um exemplo onde pegue a seguinte foto:

Instanciei meu objeto PImage  img, onde img é o nome dado ao objeto. Depois definir a função Setup() com size(500,558) para definição do tamanho da tela e adicionei a imagem acima definida como "eu.jpg" no objeto img  por meio do método  loadImage() (img = loadImage("eu.jpg")).
Na funçao draw() adicionei:
  •  A cor do plano de fundo da tela (background(0,0,255)) ;
  • O vetor da imagem (int tam = (img.width*img.height ));
  • O metodo loadPixels() para acessar os pixels da imagem;
  • Um laço for que incrementa de dez em dez pixels (for (int i=0; i < tam; i+=10));
  • Dentro do for coloquei para que o pixel encontrado recebesse a cor preta (img.pixels[i] = img.pixels[i+1] = 0 );
  • A atualização dos pixels ( img. updatePixels ());
  • Por fim a exibição da imagem processada (image(img , 10, 10)).
Este foi o resultado obtido:

Codigo do Exemplo relatado: Click Aqui

quarta-feira, 6 de maio de 2015

Criando Arte Digital com Processing

Pensando em criar arte digital e não sabe como, sugiro que utilize o Processing.

Afinal o que é Processing?

Processing é uma linguagem de programação de código aberto e ambiente de desenvolvimento integrado (IDE), construído para as artes eletrônicas e comunidades de projetos visuais com o objetivo de ensinar noções básicas de programação de computador em um contexto visual e para servir como base para cadernos eletrônicos. O projeto foi iniciado em 2001 por Casey Reas e Ben Fry, ambos ex-membros do Grupo de Computação do MIT Media Lab. Um dos objetivos do Processing é atuar como uma ferramenta para não-programadores iniciados com a programação, através da satisfação imediata com um retorno visual. A linguagem tem por base as capacidades gráficas da linguagem de programação Java, simplificando características e criar alguns novos. Atualmente, existem dezenas de milhares de estudantes , artistas, designers , pesquisadores e amadores que usam Processing para a aprendizagem , criação de protótipos e produção.

Na pagina web oficial do Processing https://processing.org/ há uma variedade de tutorias e exemplos básicos para iniciantes. Também é possível  fazer o download da IDE na guia download da pagina, ou então se preferir  click aqui e faça o download, depois é só descompactar e executar o arquivo "Processing.exe".

As funções mais utilizadas no seu codigo fonte são: 

  • void setup() -  define as configurações iniciais da tela de execução como: tamanho da tela, cor do fundo, etc;
  • void draw() - é função principal onde deve conter a parte do código responsável pela exibição na tela de execução;

No vídeo abaixo um exemplo básico de arte digital criado com Processing. Neste exemplo foi criado oito quadrados que mudam de cor a cada dois segundos .



Código fonte do exemplo mostrado no vídeo: Click aqui

Fontes: