Bruno C. de Paula
Introdução à Programação
usando Processing
Programação Gráfica 2D
Exercícios Fixação de Lógica 02
(Não precisam ser entregues!)
2º Semestre 2009 > PUCPR > Design Digital
Processing
Linguagem de
programação e
ambiente para
pessoas que
desejam
programar
imagens,
animações e
interações.
05/11/2015
2
Programação de Computadores
Objetiva construir algoritmos que
manipulam informações;
Receita de bolo:
– Estrutura sequencial;
– Estrutura de seleção;
– Estrutura de repetição.
05/11/2015
3
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
05/11/2015
4
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.
05/11/2015
5
Informação pode ser...
Lógico:
– true, false, interruptor de luz, estado
do botão do mouse (pressionado ou
não).
05/11/2015
6
Informação pode ser...
Constante:
– 123, PI, “nome”, true
Variável:
– nome, interruptor, estado do botão do
mouse.
05/11/2015
7
Fixação A - Variável ou Constante?
a) 12
b) endereço
c) “endereço”
d) 2.3
e) true
f) melhor time do Paraná
g) 1 + 1
05/11/2015
8
Fixação A
a) 12 - constante
b) endereço - variável
c) “endereço” - constante
d) 2.3 - constante
e) true - constante
f) melhor time do Paraná - variável
g) 1 + 1 – expressão constante.
05/11/2015
9
Fixação B – Tipo de dado?
a) true
b) 23
c) 2.56
d) ‘a’
e) false
f) “true”
g) “false”
05/11/2015
10
Fixação B
a) true – lógico
b) 23 - inteiro
c) 2.56 – ponto flutuante
d) ‘a’ - caractere
e) false – lógico
f) “true” - string
g) “false” - string
05/11/2015
11
Anatomia de um programa
05/11/2015
12
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);
05/11/2015
13
Fixação C
a) noStroke(); - 0
b) fill(128); - 1
c) rect(12, 12, 12, 12); - 4
d) quad(10, 20, 20, 30, 30, 50, 60,
10); - 8
05/11/2015
14
Fixação D - Expressões
a) 1+1
b) 2 * 4
c) 20 * 4 + 2
d) 20 * (4 + 2)
e) 5 > 40
f) 45 < 50
g) (2*3) > (5*1)
h) (10-10)==(20-20)
05/11/2015
15
Fixação D - Expressões
a) 1+1 = 2
b) 2 * 4 = 8
c) 20 * 4 + 2 = 82
d) 20 * (4 + 2) = 120
e) 5 > 40 = false
f) 45 < 50 = true
g) (2*3) > (5*1) = true
h) (10-10)==(20-20) = true
05/11/2015
16
Coordenadas cartesianas
05/11/2015
17
size(320, 240);
05/11/2015
18
background(255);
05/11/2015
19
stroke X fill
05/11/2015
20
05/11/2015
21
05/11/2015
22
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;
05/11/2015
23
Atributos de desenho
fill: Escolhe a cor usada para
preenchimento das formas;
noFill: Desabilita o preenchimento das
formas;
05/11/2015
24
Atributos de desenho
smooth: Desenha os elementos
geométricos com bordas e cantos
suavizados;
noSmooth: Desabilita a suavização de
bordas e cantos;
05/11/2015
25
Atributos de desenho
 rectMode: Configura o
comportamento
padrão de como um
retângulo é
desenhado:
– rectMode(CORNER)
– rectMode(CORNERS)
– rectMode(CENTER)
– rectMode(RADIUS)
05/11/2015
26