Desta vez, e nesta primeira parte do ano lectivo iremos estudar este novo programa.

A ideia por detrás deste Processing foi a mesma que tiveram os criadores do VisualG, ou seja, criar uma linguagem de programação que ajudasse na aprendizagem de todas as outras.

Também continuaremos a criar programas para os novo sistema operativo Android. Para tal usaremos o Processing.

Pode-se facilmente fazer o download do programa no seu website:

> Para Windows;
> Para Linux;

Ao executarmos o Processing surge a seguinte imagem:



Para compreendemos um pouco a forma de funcionamento do Processing tentem escrever a seguinte linha de código:

line(0,0,20,20);

E cliquem no botão com um símbolo semelhante ao botão de play:



O resultado aparece numa outra janela, ou seja, uma linha.

Se aquele código acrescentarmos as seguintes linhas:

line(0,0,30,60);
line(10,0,80,90);
line(0,10,100,200);

E executarmos o código, reparamos que criámos diferentes linhas, com início e fim em diferentes locais.

Se pensarem um pouco chegam à conclusão que estamos a trabalhar com coordenadas/vectores (x,y).



A função line(), cria uma linha desde o vector formado pelos seus dois primeiros valores até ao segundo:

line(0,0,20,20); cria uma linha desde o vector(x,y): (0,0) até (20,20)

Outra observação: Cada linha de código normalmente termina com ; à excepção do inicio e fim de outras funções como a setup() e draw().

---

Outra função bastante semelhante à line() é a ellipse(), que, como o nome indica, cria uma elipse (ou circulo, conforme a vontade) usando também dois vectores:

ellipse(100,100,200,200);

Ao executarmos esta linha de código verificamos que temos apenas parte da elipse/circulo, o resto está fora da janela de output.
Para resolver este problema, ou modificamos as coordenadas dos vectores ou alteramos o tamanho da janela.
Por agora modificamos apenas as coordenadas:

ellipse(10,10,20,20);

Tentem usar diferentes coordenadas para obter a elipse em diferentes locais da janela.

Se usarem as coordenadas (50,50,50,50) obtemos um circulo exactamente no centro da janela de output!

Por fim, vamos colocar o nosso resultado final um pouco mais... colorido:

Antes da função ellipse() usem a função fill(), por exemplo:

fill(255,0,0);

Esta permite preencher a elipse com uma cor à nossa escolha, sendo que os valores dentro da função são:

255 - Red_Vermelho
0 - Green_Verde
0 - Blue_Azul

A função stroke() permite alterar a cor das linhas que criámos anteriormente.
ATENÇÃO: As funções stroke() e fill() afectam o código que vem logo a seguir:

stroke(10,20,30);
line(0,0,10,10);
fill(40,60,90);
ellipse(10,20,40,50);

Executem para ver o resultado!