Você está na página 1de 22

processing descrio

O Processing (http://processing.org/) um software, uma linguagem de programao e um ambiente de desenvolvimento (IDE) simplicado, desenvolvido ativamente por uma forte comunidade online. Open Source (gratuito) e corre nos principais Sistemas Operativos. usado por dezenas de milhares de pessoas por todo o mundo.

processing funo
O Processing foi desenhado para escrever software para fazer imagens, grcos, animaes e interaes. A ideia simplicar o cdigo para os artistas criarem sketches rapidamente. extremamente exvel, com capacidades de importao, sntese e exportao de grcos 2D (bitmap e pdf), 3D, lmes, udio, ... E interagir com o o mundo fsico atravs do Arduino!

processing trabalho de casa


Ver o documentrio Hello World! Processing. Disponvel em https://vimeo.com/60735314

processing download e apresentao

Descarregar o Processing em: https://processing.org/download/, descompactar (unzip) o cheiro e correr o programa... sim, assim t simples!

processing ide

Janela do sketch (a correr)

processing primeiro programa


Com o IDE do Processing a correr basta escrever alguns comandos. Vamos comear com o clssico Hello World! Assim, na rea do editor de texto escreve: println(Hello world!); De seguida carrega no boto Run (play)

Para observar o resultado na rea da consola!

processing instrues
Funes (p. ex.: prinln( ) ); Parmetros, ou dados (p. ex.: Hello world!); Operaes (p. ex.: adio +, subtrao -, multiplicao *, diviso / , atribuio = ); E acaba sempre com um terminador ( ; ).
Funo Parmetros (dados) Terminador

Uma instruo composta normalmente por uma linha de cdigo com vrios elementos:

println(Hello world!);

Instruo

processing operaes
As operaes podem ser de natureza variada, mas implicam normalmente operaes matemticas ou lgicas sobre os dados. Experimenta a seguinte instruo: println(10 + 20); O que que obtns?

Desao: Vamos somar as idades de todos?

processing variveis

Uma varivel armazena um valor na memria para ser reutilizado ma tarde. A varivel pode ser utilizada vrias vezes durante o programa e pode ser alterada sempre que se quiser. Uma espcie de caixa para armazenar informao. Precisamos declarar o tipo de varivel e dar-lhe um nome: Numero: int Carater: char Palavra: String Verdadeiro / falso: boolean int pedro; De seguida inicializamos a varivel, atribuindo-lhe um valor (dados): pedro = 33;

processing desao
Vamos calcular a mdia das idades de todos e fazer o output de uma frase completa do tipo A mdia da idade dos 15 participantes ... // idade dos participantes Ana = 16; Beatriz = 18; Miguel= 17; Sebastio = 15; // soma das idades int soma = Ana + Beatriz + ... E agora?

Comenta o cdigo com notas para no te esqueceres. Os comentrios fazem-se colocando // antes do texto. P. ex.: // isto um comentrio

processing desenhar
Vamos desenhar uma ellipse ellipse(10, 10, 10, 10);

Muda a elipse de localizao, de tamanho, de cor de preenchimento e cor da linha... ll(200, 100, 30); stroke(0, 255, 100); ellipse(30, 50, 30, 50);

processing input do utilizador


O cursor do rato uma forma muito rpida de interagir e introduzir valores dinmicos no programa. Localizao horizontal: mouseX Localizao vertical: mouseY Desenha uma elipse na localizao do cursor do rato: ellipse(mouseX, mouseY, 10, 10); Onde est?... Porqu?

processing partida, largada, corrida


O Processing serve para desenhar programas que correm cdigo Para isso precisamos de denir pelo menos dois conjuntos de instrues: o setup e o draw setup() { // prepara o programa e inicializa das variveis; } draw() { // onde o programa corre } Desenhar novamente uma elipse que segue o rato ellipse(mouseX, mouseY, 10, 10); Onde est agora?

processing brincar aos artistas


void setup() { size(500, 500); } void draw() { ll(255, 0, 0); ellipse(mouseX, mouseY, 10, 10); }

Escreve um programa numa janela de 500 x 500 px, que desenha uma crculo vermelho que segue o rato.

O que precisas fazer para no deixar rasto no ecr?

processing mau maria... regras e condies

Os ciclos de vericao de condies so a inteligncia do programa Se o programa vericar que uma determinada condio verdadeira, corre um conjunto de instrues. Caso contrrio ignora, ou corre outr conjunto de instrues...

processing condies

Escreve um programa, numa janela de 500 x 500 px, que desenha um crculo vermelho que segue o rato, deixando rasto, mas apenas quand o rato est pressionado! void setup() { size(500, 500); } void draw() { ll(255, 0, 0); if(mousePressed) { ellipse(mouseX, mouseY, 10, 10); } }

processing desao
Modica o programa anterior de forma a que o crculo deve ser azul ciano se o utilizador for um rapaz, e cor-de-rosa se for uma rapariga // insere aqui o teu nome String utilizador = "Ana"; // insere aqui o teu gnero (masculino, ou feminino) String genero = "feminino";

processing desao (cont.)


Modica o programa anterior de forma a que o crculo deve ser azul ciano se o utilizador for um rapaz, e cor-de-rosa se for uma rapariga void setup() { size(500, 500); background(255); noStroke(); // verica se o genero feminino e atribui a cor cor-de-rosa de menina if ( genero == "feminino" ) { ll(255, 0, 127); println("O utilizador uma menina chamada: "+utilizador); } // ou se o gnero masculino e atribui a cor ciano de rapaz else if ( genero == "masculino" ) { ll(0, 150, 255); println("O utilizador um rapaz chamado: "+utilizador); }

processing cria o teu sketch de desenhos


Modica o programa anterior de forma a desenhar as formas que queres