Introdução à Programação usando Processing Programação Gráfica 2D Exercícios Fixação de...
Transcript of Introdução à Programação usando Processing Programação Gráfica 2D Exercícios Fixação de...
Introdução à Programaçãousando ProcessingProgramação Gráfica 2DExercícios Fixação de Lógica 02(Não precisam ser entregues!)
2º Semestre 2009 > PUCPR > Design Digital
Bruno C. de PaulaBruno C. de Paula
211/04/23
Processing
Linguagem de programação e ambiente para pessoas que desejam programar imagens, animações e interações.
311/04/23
Programação de Computadores
Objetiva construir algoritmos que manipulam informações;
Receita de bolo:–Estrutura sequencial;–Estrutura de seleção;–Estrutura de repetição.
411/04/23
Informação pode ser...
Inteiro: 130, -10, 2700, idade em anos, número de páginas de um livro, posição do mouse no eixo x, posição do mouse no eixo y
511/04/23
Informação pode ser...
Ponto Flutuante:–1.73, 12.23, PI, salário
Caractere:– ‘a’, ‘b’, ‘Z’, ‘1′, ‘2′, tecla pressionada;
String:–“Processing”, “Bruno”, “A”, seu
nome.
611/04/23
Informação pode ser...
Lógico: – true, false, interruptor de luz, estado
do botão do mouse (pressionado ou não).
711/04/23
Informação pode ser...
Constante:–123, PI, “nome”, true
Variável:–nome, interruptor, estado do botão do
mouse.
811/04/23
Fixação A - Variável ou Constante?
a) 12b) endereçoc) “endereço”d) 2.3e) truef) melhor time do Paranág) 1 + 1
911/04/23
Fixação A
a) 12 - constanteb) endereço - variávelc) “endereço” - constanted) 2.3 - constantee) true - constantef) melhor time do Paraná - variávelg) 1 + 1 – expressão constante.
1011/04/23
Fixação B – Tipo de dado?
a) trueb) 23c) 2.56d) ‘a’e) falsef) “true”g) “false”
1111/04/23
Fixação B
a) true – lógicob) 23 - inteiroc) 2.56 – ponto flutuanted) ‘a’ - caracteree) false – lógicof) “true” - stringg) “false” - string
1211/04/23
Anatomia de um programa
1311/04/23
Fixação C – Número de Parâmetros
a) noStroke();b) fill(128);c) rect(12, 12, 12, 12);d) quad(10, 20, 20, 30, 30, 50, 60, 10);
1411/04/23
Fixação C
a) noStroke(); - 0b) fill(128); - 1c) rect(12, 12, 12, 12); - 4d) quad(10, 20, 20, 30, 30, 50, 60, 10); -
8
1511/04/23
Fixação D - Expressões
a) 1+1b) 2 * 4c) 20 * 4 + 2d) 20 * (4 + 2)e) 5 > 40f) 45 < 50g) (2*3) > (5*1)h) (10-10)==(20-20)
1611/04/23
Fixação D - Expressões
a) 1+1 = 2b) 2 * 4 = 8c) 20 * 4 + 2 = 82d) 20 * (4 + 2) = 120e) 5 > 40 = falsef) 45 < 50 = trueg) (2*3) > (5*1) = trueh) (10-10)==(20-20) = true
1711/04/23
Coordenadas cartesianas
1811/04/23
size(320, 240);
1911/04/23
background(255);
2011/04/23
stroke X fill
2111/04/23
2211/04/23
2311/04/23
Atributos de desenho
stroke: Escolhe a cor usada para o desenho de bordas e linhas;
strokeWeight: Determina a largura de desenho das linhas;
strokeCap: Escolhe o estilo de renderização das finalizações de linha;
strokeJoin: Define o estilo de junção dos segmentos de linha formando um polígono;
noStroke: Desabilita o desenho das bordas e linhas;
2411/04/23
Atributos de desenho
fill: Escolhe a cor usada para preenchimento das formas;
noFill: Desabilita o preenchimento das formas;
2511/04/23
Atributos de desenho
smooth: Desenha os elementos geométricos com bordas e cantos suavizados;
noSmooth: Desabilita a suavização de bordas e cantos;
2611/04/23
Atributos de desenho rectMode: Configura o
comportamento padrão de como um retângulo é desenhado:– rectMode(CORNER)– rectMode(CORNERS)– rectMode(CENTER)– rectMode(RADIUS)