1) Escolha uma das bibliotecas listadas no resumo a seguir, na seção 5 (Links para Bibliotecas), ou procure por alguma biblioteca na Internet:

http://www.brunocampagnolo.com/2009_2/processing/libs/

Antes de escolher sua biblioteca verifique se alguém já não a escolheu no link abaixo:

http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjdEdRUXhUcUp1S1ZJeUpYeWNhZ1lNaFE&hl=pt_BR

É essencial que cada aluno use uma biblioteca diferente.

Selecione sua biblioteca no link abaixo:

http://spreadsheets.google.com/viewform?formkey=dEdRUXhUcUp1S1ZJeUpYeWNhZ1lNaFE6MA

2) Crie um documento sobre sua biblioteca, citando:

a) Nome;

b) Link;

c) Descrição do que faz a biblioteca;

d) Requisitos para instalação;

e) Passos para instalação;

d) Pelo menos 3 exemplos BEM COMENTADOS;

O primeiro exemplo, pode ser igual a um exemplo já fornecido pela biblioteca.

O segundo exemplo deve ser inédito.

Seu terceiro exemplo também deve ser inédito e usar também outra biblioteca qualquer a sua escolha.

3) Você deverá apresentar seu segundo exemplo no dia 8/12.

ENTREGA VIA EUREKA, EM PASTA CRIADA NO MÓDULO CONTEÚDO ATÉ O DIA 7/12.

Deixe seu exemplo público, para que seus colegas também possam vê-lo.

Entrega em 20/10!

Código parcial do jogo de tiro

Esta prova, de duração de 1h e 10 min será na Sala de Desenho 13, térreo do bloco de exatas e será sem consulta.

Os exercícios marcados com * são os modelos mais prováveis de aparecerem em sua prova!

Exercícios Referentes a Funções Matemáticas

Ver Aula 05 e Exercício P04!

A) Defina o que faz a função matemática map. Exemplifique.

B) Diferencie as funções abs, ceil, floor e round.

C) Indique qual é o valor em x após a execução do código a seguir?

float a = 10, b = 20, c, x;
c = max(a, b);
x = map(c, 0, 100, 0, 200);

Após a execução o valor em x é igual a: ___

* D) Complete o código a seguir nos espaços indicados. Este código deve exibir uma área da tela na qual o seu mouse, representado por uma elipse deve estar restrita.

void draw()

{

 background(255); // Cor de fundo

 float mx = constrain(mouseX, __x1__, __x2__);

 float my = constrain(mouseY, __x3__, __x4__);

 rectMode(CORNERS); // Modo de desenho de retângulos

 rect(__x5__, __x6__, __x7__, __x8__); // Desenha um retângulo

 ellipse(mx, my, 5, 5); // Desenha uma elipse que acompanha o mouse

}

Os valores a serem completados são:

__x1__ =

__x2__ =

__x3__ =

__x4__ =

__x5__ =

__x6__ =

__x7__ =

__x8__ =

Exercícios Referentes a Estruturas de Repetição

Ver Aula 08 e Exercício P05

E) A estrutura de repetição for é formada por três partes:

for(PARTE1;PARTE2;PARTE3) {

}

Defina qual é o nome e função de cada uma destas partes.

* F) Identifique o erro nas estruturas de repetição abaixo e corrija os fragmentos abaixo:

a) (exemplo respondido!)

for(int var=0;var2<10;var = var + 1) {
  println(var);
}

RESPOSTA: O nome da variável é var. Na condição, está sendo referenciada a variável var2.

b)

for(var=0;var<10;int var = var + 1) {
  println(var);
}

c)(o código abaixo deveria repetir 10 vezes)

for(int var=0;var=10;var = var + 1) {
  println(var);
}

* G) Reconheça, nos framentos de código a seguir qual é a variável de controle, valor inicial desta variável, valor do incremento e valor final para cada uma das estruturas de repetição abaixo.

a)(exemplo respondido!)

for(int i=5;i<10;i=i+1) {
  println(i);
}

Resposta esperada:

• Variável de controle: i
• Valor inicial: 5
• Incremento: 1
• Valor final: 10

b)

for(int i=10;i<=200;i=i+2) {
  println(i);
}

c)

for(int num=1000;num>=800;num=num-2) {
  println(num);
}

d)

for(int num=1000;num>=100;num=num/2) {
  println(num);
}

e)

for(int x=1;x<=100;x=x*3) {
  println(x);
}

* H) Complete o teste de mesa em cada um dos exemplos abaixo:

a) (exemplo respondido!)

int a = 10;
for(int i=0;i<3;i++) {
  a = a + i;
}

b)

int a = 10;
for(int i=1;i<6;i=i+2) {
  a = a * i;
}

c)

int a = 5;
for(int i=1;i<=3;i=i+1) {
  if(i%2==1) {
    a = a + 1;
  } else {
    a = a + 2;
  }
}

d)

int b = 10;
for(int x=1;x!=4;x++) {
  b = b – x;
}

e)

int a=0;
for(int x=1;x<=2;x++) {
  for(int y=1;y<=2;y++) {
    a = a + (x * y);
  }  
}

* I) Cada um dos códigos abaixo gera uma figura.

Mostre (desenhe) o resultado da execução do código.

a) (exemplo respondido!)

size(100,100);
for(int i=100;i>0;i=i-30) {
  ellipse(50,50,i,i);
}

RESPOSTA ESPERADA:

b)

size(100,100);
rectMode(CENTER);
for(int i=100;i>=10;i = i / 2) {
  if(i%2==0) {
    ellipse(50,50, i, i);
  } else {
    rect(50, 50, i, i);
  }
}

c)

size(100,100);
for(int i=1;i<100;i=i*4) {
  line(i, 0, i, 100);
}

d)

size(50,50);
for(int i=0;i<3;i++) {
  for(int j=0;j<3;j++) {
    rect(i*10, j*10, 10, 10);
  }
}

Exercícios Referentes A Cores

Ver Aula 10

J) Diferencie a notação RGB e a notação HSB.

K) Observe o jogo de labirinto colocado a seguir. Faça com que quando o usuário chegue no ponto vermelho seja exibida uma mensagem de vitória e seja carregado outro labirinto. Gerador de labirintos: http://xefer.com/maze-generator

Executar!

Exercícios Referentes A Vetores

Ver Aula 12

* L) Complete o teste de mesa em cada um dos exemplos abaixo.

a) (exemplo respondido!)

int[] v = new int[3];
for(int i=0;i<3;i++) {
  v[i] = i*i;
}

b)

int [] v = new int[4];
int a = 1;
for(int i=1;i<v.length;i++) {
  a = a * i;
  v[i] = a;
}

c)

int [] v = new int[4];
for(int i=0;i<v.length;i++) {
  if(i%2==0) {
    v[i] = i;
  } else {
    v[i] = -i;
  }
}

d)

int [] v1 = {4, 5, 6};
int [] v2 = { 1, 2, 3};
for(int i=0;i<v1.length;i++) {
  v1[i] = v1[i] + v2[i];
}

* M) Observe cada um dos códigos a seguir. Cada um deles implementa um programa diferente e que faz pouco sentido individualmente.

Transforme o código fornecido em um código que utilize vetores. Ou seja, algumas das variáveis devem ser transformadas em vetores.

a) (exemplo respondido!)

Executar!

RESPOSTA:

Executar!

b)

Executar!

Resultado Esperado!

c)

Executar!

Resultado esperado!

Após a implementação destes exercícios

A) No exercício P03, letra N, foi solicitado que você criasse um editor gráfico.

Utilizando os conceitos aprendidos na aula de hoje coloque a possibilidade de utilização de cores em seu editor.

B) O gênero dos jogos de um botão só (one button games) é um dos principais gêneros de sucesso em dispositivos móveis ou para jogos casuais de acesso rápido.

Crie um jogo no qual você controla um objeto voador (avião, helicóptero ou semelhante…) dentro de um ambiente (caverna, túnel, céu, etc) com obstáculos.

Use a imagem que quiser para seu avião, mas se quiser, aproveite esta:

Quando você pressiona qualquer tecla (mouse, teclado, etc) o objeto sobe. Por padrão, a gravidade leva o objeto para baixo.

Você deve desviar dos obstáculos. Sua pontuação é dada pela distância máxima que conseguir percorrer.

Seu cenário deve ser gerado de maneira procedural, ou seja, o cenário deve ser gerado de maneira aleatória e não a partir de uma imagem externa. Além do uso de apenas um botão para controle, esta é a sua única outra restrição! Use sua criatividade para incrementar seu jogo!

Para entender melhor este estilo do jogo dê uma olhada em alguns exemplos:

Exemplo 1

Exemplo 2

Exemplo 3

Entrega do exercício no link: http://spreadsheets.google.com/viewform?formkey=ckk5dWFZUDFrWmpFNWIwd01mbFo2RFE6MA..

Uma das principais aplicações da estrutura de repetição em relação à programação gráfica é na geração procedural de texturas e padrões.

Analise os exemplos a seguir (ver mais exemplos em Reas  – p. 65 a 67):

Exemplo 1:

fill(0, 76);
noStroke();
smooth();
for(int y=-10;y<=100;y = y + 10) {
   for(int x = -10; x<=100; x = x + 10)
   {
     ellipse(x + y / 8.0, y + x/8.0, 15 + x/2, 10);
   }
}

Exemplo 2:

noStroke();
for(int y=0; y<100; y = y + 10)
{
  for(int x=0;x<100;x = x = x + 10)
  {
    fill((x+y)* 1.4);
    rect(x,y, 10, 10);
  }
}

Exemplo 3:

for(float y=20; y<=80; y = y * 1.2) {
  for(int x=20;x<=80;x = x + 5) {
    line(x, y, x, y-2);
  }
}

Exemplo 4:

for(float y=20; y<=80; y = y * 1.2) {
  for(int x=20;x<=80;x = x + 5) {
    line(x, y, x, y-2);
  }
}

Exemplo 5:

for(int y=1;y<100;y=y+10) {
  for(int x=1;x<y;x=x+10) {
    line(x,y,x+6,y+6);
    line(x+6,y,x,y+6);
  }
}

A) Faça o teste de mesa de cada um dos exemplos um número mínimo de vezes que permita que você entenda seu funcionamento.

B) Baseado nos exemplos, ou criando alguma coisa do zero, gere algumas texturas e padrões procedurais utilizando estruturas de repetição.

Seu código deve ter um máximo de 11 “;” e um máximo de 2 “for” . Por exemplo, no exemplo 5, acima,  temos 6 “;” e 2 “for”.

Envie a imagem resultante de seu código na pasta indicada no Eureka. Apenas a imagem e não seu código!

Envie seu código no link a seguir.

http://spreadsheets.google.com/viewform?formkey=ckJ6X2U0QTNpNklNbm1GSVAyWDVjc1E6MA..

C) Após o envio vamos fazer uma competição.

Você deve escolher uma imagem disponível na pasta de imagens no Eureka.

Recrie o código usado para gerar a imagem. Envie sua resposta no link abaixo:

http://spreadsheets.google.com/viewform?formkey=cnVJVjRjeUl3aUVYT3Y2Y0VMSnFmZEE6MA..

A) Sorteie um número de 1 a 6. A partir deste número, exiba as faces de um dado.
Cada vez que você pressiona uma tecla qualquer, um número diferente deve ser sorteado.

B) Crie uma composição qualquer que utilize a criação de formas geométricas aleatórias a partir do mouse.

C) Extra: Crie um jogo no qual o computador deve sortear um número de 1 até 1000. Você deve adivinhar qual é este número e tem 10 tentativas.
A única coisa que o computador deve informar é se a seu número é maior, menor ou igual à sua tentativa.

Entregar no link (ou abaixo). Guarde as respostas com você e se preferir, TAMBÉM armazene no Eureka.
http://spreadsheets.google.com/viewform?formkey=cng3MDc0NzcxVkQzTlVJYmx2cUhYc1E6MA..

A) Desenhe um tabuleiro de jogo da velha. Ao redimensionar a tela via método size, este tabuleiro deve ser redimensionado também.

B) Desenhe uma linha vertical. Faça com que esta linha seja desenhada repetidamente e sua cor seja alterada em uma tonalidade. Observe o programa esperado. No final, seu programa deverá gerar a seguinte imagem:

C) Desenhe uma linha diagonal. Faça com que esta linha seja desenhada repetidamente e sua cor seja alterada em uma tonalidade de cada vez. Além disso, a repetição do padrão deve ser periódica (use o operador % e o operador * para implementar a periodicidade). Observe o programa esperado. No final, seu programa deverá gerar a seguinte imagem:

D) Desenhe uma seta qualquer. Faça com que esta seta se mova da diagonal superior esquerda para a diagonal inferior direita.

E) Desenhe uma seta qualquer. Faça com que esta seta se mova da diagonal superior esquerda para a diagonal inferior direita e ao chegar na diagonal inferior direita volte ao início da jornada.

F) Desenhe 4 quadrados. Cada um inicia em uma posição diferente da tela. Faça com que eles se encontrem no centro da tela.

G) No capítulo anterior, solicitou-se a criação de um robô utilizando as ferramentas de desenho do Processing. Utilizando as variáveis width e height faça com que seu robô, quando a resolução é alterada, mantenha as proporções originais.

H ) Coloque seu robô no modo contínuo através das funções setup e draw. Crie alguma funcionalidade interessante baseada no que você aprendeu na aula, preferencialmente usando a interação via mouse.

Entregue seus exercícios neste link.

A) Na aula de hoje você conheceu uma série de comandos para o desenho de primitivas gráficas. Vamos treinar sua aplicação. Usando pelo menos as funções: point, line, triangle, quad e rect desenhe um robô. Você tem liberdade para o desenho que quiser, mas o lado direito do robô deve ser simétrico em relação ao lado esquerdo.

Para entregar este exercício proposto, use este link.

Entrega até: 09/03/2009.

B) Treine a construção do esboço de outras figuras. Sugestões:

* Tabuleiro quadrado de 3 x 3;
* Jogo da velha na posição inicial;
* Seta;
* Bandeira do Brasil;
* Casa;
* etc…