Bruno C. de Paula
Introdução à Programação
Exercício
- Interação via Teclado
- Estrutura de Repetição
2º Semestre 2011 > PUCPR > Design Digital
05/11/2015
Objetivo do exercício
 Introduzir
o tópico de interação via
teclado;
 Propor um exercício que ilustre o tópico
anteriores e que gere um portfolio real ao
grupo através da criação de um uma
experiência interativa;
 Veja mais detalhes no material da disciplina:
http://www.brunocampagnolo.com/2010_2
/processing/interacao/
2
05/11/2015
Estrutura de repetição
 Tipos:
while, do while, for
for(inicialização;condição;incremento) {
 código
 }
 É a mesma coisa que:
 inicialização;
 Repita enquanto a condição estiver satisfeita {
 Código
 Incremento
 }

3
Variáveis para trabalhar com o
teclado
 keyPressed:
05/11/2015
Indica quando um botão é
pressionado. Usado dentro do draw;
 key: contém o valor da tecla pressionada ou
solta;
 keyCode: Detecta o uso de teclas especiais
(UP, DOWN, LEFT, RIGHT, etc).
4
Funções para trabalhar com o
teclado
 keyPressed:
05/11/2015
chamada cada vez que uma tecla
é pressionada;
 keyReleased: chamada quando uma tecla é
solta;
 keyTyped: igual ao keyPressed, mas
ignorando SHIFT, ALT, CTRL.
5
Exercício
Ilusão
 Usando
05/11/2015
estruturas de repetição, crie um
programa em Processing que exiba uma
ilusão de ótica;
 IMPORTANTE: A ilusão não deverá ser uma
imagem, mas sim deve ser gerada a partir de
estruturas de repetição!
6
Exercício
Ilusão
 Sugestões
05/11/2015
com links para exemplos de ilusão
de ótica:
Ilusão de Ótica – Somos Prisioneiros dos
Nossos Olhos?
Optical Illusions 4 Kids;
Site japonês com exemplos;
Optical Illusions em Small Basic;
7
Exercício
Ilusão
 Você
deverá conseguir interagir com sua
ilusão de ótica através do teclado para, por
exemplo, alterar seus parâmetros:
Posição;
Cores;
Quantidade de elementos;
Rotação;
Etc...
05/11/2015
8
Exercício
Ilusão
 Entrega
no dia 13/10/2010;
 Pode ser feito em duplas.
05/11/2015
9