Processing

2012-02-16T21:19:00.002-03:00

Dando o pontapé inicial vou falar um pouco sobre o programa chamado Processing. A idéia inicial é entender um pouco sobre o processamento de imagens utilizando uma linguagem simples e direta. Então vamos entender um pouco sobre o Processing.
O Processing é uma linguagem open source que possibilita programar imagens, animações ou interações. Usada por estudantes e profissionais diversos, é uma ferramenta que assenta num contexto visual e é utilizada na aprendizagem, prototipagem e produção, além de gerar executáveis para Mac, Linux e o Windows. Agora vamos a prática!

Objetivos do tutorial:

Desenhar linhas;
Desenhar elipses e circulos;
Mudar cor e largura das linhas;
Controlar o tamanho da janela;
Usar a criatividade e produzir animações;

Então vamos por a mão na massa.
O Processing está disponível no seguinte link sua instalação é bem simples, no meu caso como utilizo Mac depois do download somente arrastei o arquivo para a minha pasta de aplicativos.

Execute o programa e nele você verá a tela inicial. Vamos para o que realmente interessa, vamos desenhar linhas.

"size(lagura, altura)" = Redimenciona o tamanho da janela de saída do comando;
"line(x1,y1,x2,y2)" = É o comando que gera a linha onde x1=1º ponto x(horizontal), y1=1º ponto y(vertical), x2=2º ponto x(horizontal), y2=2º ponto y(vertical).

Agora vamos desenhar elipses e circulos :

"ellipse(x, y, largura, altura)" Comando para criar uma elipse onde x= a 1º coordenada no ponto x, y= 2º ponto na coordenada y, e depois largura e altura da elipse.
Para colorir use de acordo com sua criatividade o comando "stroke(R,G,B ou HSB)" eu utilizei o "RGB" R= cor vermelha varia de 0-255, G= cor verde varia de 0-255, B= cor azul varia de 0-255.

Para desenhar circulos o que vai mudar é a altura e largura.

Para alterar a largura das linhas use o "strokeWeigth(número)" ele aumenta os pixels da linhas.

Usando um pouco de lógica, criatividade e alguns comandos, consegue-se produzir um pouco de animação:

for (início; teste; atualização) {
instrução;
}
color () = Estilo de cores;
random() = variação de um valor x ao y;
mouseX, mouseY = variação da posição do mouse;

Fonte: aprenderprocessing
sertao3d

Nataliel Vasconcelos

Processing