Baixar e Executar Processing

Voltar

Introdução

O material a seguir irá demonstrar como baixar o aplicativo processing. Todo o material deste curso será feito utilizando essa ferramenta. O processing é gratuito e não necessita de instalação. Basta apenas baixar o pacote compactado e extrair em seu computador. Siga os passos abaixo para concluir essa tarefa.


Atividade

Hoje vamos baixar e instalar o processing. Primeiro navegue até a pagina do processing: https://processing.org/ 

Screen Shot 2015-04-03 at 14.22.48

Selecione a opção a Download Processing e siga as instruções. Eventualmente a página com as versões do processing para várias plataformas deve estar disponível.

Screen Shot 2015-04-03 at 14.24.18

 Selecione de acordo com a sua plataforma. O processing não possui instalação e basta descompactar o zip em um lugar de fácil acesso e executar o aplicativo. Ao executar, deve aparecer a janela inicial (abaixo). A partir de agora já é possível começar a escrever e executar programas.

Screen Shot 2015-04-03 at 14.29.00

Cada aplicativo (projeto) criado com essa ferramenta, após salvar, será armazenado em uma pasta. A pasta irá conter o arquivo de texto atual (*.pde) e um arquivo de configurações. No futuro é possível adicionar novos arquivos ao projeto para organizar melhor o código ou até mesmo acrescentar códigos de terceiros. É importante quando levar o projeto para outros computadores estar sempre com a pasta (e não apenas com os arquivos de texto individuais). Cada arquivo de texto é também chamado de sketch.

Para testar se está tudo em ordem vamos escrever um programa simples:
(copie e cole o texto abaixo na janela do Processing)

size(200,200);
fill(255,0,0);
ellipse(100,100,50,50);

Após colar pressione o botão play na barra superior do Processing:

Screen Shot 2015-04-13 at 6.13.57 PM

Isso deve resultar em:

Screen Shot 2015-04-13 at 6.10.26 PM

Vamos esclarecer o que o código acima faz:

size(200,200); ----------> Dimensiona a janela para 200 x 200 pixels.
fill(255,0,0); ----------> Altera a cor de preenchimento para vermelho.
ellipse(100,100,50,50); -> Desenha uma elipse na posição 100 100 tamanho 50.

Parabéns você rodou seu primeiro programa em processing!