Começando

(baseado em tutorial do site do Processing)

Ao iniciar o Processing, a seguinte janela principal será visível:

O ambiente de desenvolvimento Processing

Seu primeiro programa

Você está agora rodando o Ambiente de Desenvolvimento Processing (ADP). Não há muita coisa nele.
A área grande é o Editor de Texto e há uma linha de botões em cima dele. Está é a Barra de
Ferramentas. Abaixo do editor está a Área de Mensagens, e abaixo desta está o Console. A Área de
Mensagens é usada para mensagens de uma linha, e o Console é usado para detalhes mais técnicos.

No editor, digite o seguinte:

ellipse(50, 50, 80, 80);

Esta linha de código significa “desenhe uma elipse, com o centro 50 pixels a partir da esquerda e 50
pixels para baixo a partir do topo, com uma largura e altura de 80 pixels.”Clique o botão Executar
botão com triângulo na Barra de Ferramentas).

Se digitou tudo direitinho, verá um círculo na tela. Se não, a Área de Mensagens ficará vermelha e
reclamará do erro.

Em seguida, vamos pular para um “sketch”que é um pouco mais excitante. Apague o texto do último
exemplo, e tente este:
void setup() {   
size(480, 120);
}

void draw() {   
if (mousePressed) {     
fill(0);   
} 
else {     
fill(255);   
}   
ellipse(mouseX, mouseY, 80, 80);
}

Este programa cria uma janela com 480 pixels de largura e 120 pixels de altura, e então começa a
desenhar círculos brancos na posição do mouse. Quando um botão do mouse é pressionado, a cor do
círculo muda para preto. Vamos explicar mais sobre os elementos desse programa em detalhes depois.
Por enquanto, execute o código, mova o mouse, e clique pra ver o que acontece. Enquanto o sketch está
rodando, o botão Executar irá mudar para um ícone de quadrado Parar, no qual você pode clicar pra
parar o sketch.

Guardar e Novo
O próximo comando importante é Guardar. Você pode encontra-lo no menu Arquivo. Por padrão, seus
programas são guardados no “sketchbook”, que é um diretório que coleciona seus programas para
acesso fácil. Selecione a opção “Pasta de Sketch”no menu Arquivo para visualizar uma lista de todos
os sketchs na sua Pasta de Sketchs.

Você pode criar um novo sketch selecionando a opção Novo do menu Arquivo.

Compartilhar
Os sketchs do Processing são feitos pra compartilhar. A opção Exportar Aplicação no menu Arquivo
irá montar um aplicativo independente a partir do seu sketch.