Processing

    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